@charset "utf-8";
/*===========================================
Society Info
===========================================*/
/*-------------------------------------------
About
-------------------------------------------*/
.societyAbout{
    padding-bottom:2em;
}
    .societyAbout figure{
        margin:.5em auto;
        position:relative;
    }
        .societyAbout figure img{
            display:block;
            width:100%;
        }
.societyPhoto{
    display:flex;
    flex-wrap:wrap;
    margin:15px -10px 0;
}
    .societyPhoto figure{
        width:25%;
        margin:0;
        padding:10px;
    }
        .societyPhoto a{
            display:block;
            background-color:#111;
            border-radius:5px;
            box-shadow:0 5px 10px rgba(0,0,0,.15);
            position:relative;
            outline:0;
            overflow:hidden;
        }
            .societyPhoto img{
                display:block;
            }
            .societyPhoto a::before{
                content:"";
                display:block;
                background:url(../images/icon_search_white.svg) no-repeat 50% 50% rgba(0,0,0,.2);
                background-size:16px;
                position:absolute; top:0; left:0;
                width:100%;
                height:100%;
                opacity:0;
                transition:.2s;
            }
            .societyPhoto a:focus::before,
            .societyPhoto a:hover::before{
                background-size:48px;
                opacity:1;
            }

/*-------------------------------------------
Annual Report
-------------------------------------------*/
.annualReport{
    position:relative;
}
    .annualTitle{
        margin:0 0 5px;
        position:relative;
        border-radius:8px;
        font-size:1.35rem;
        line-height:1;
        overflow:hidden;
    }
    .annualTitle.active{
        background-color:rgba(var(--primary-rgb),.07);
    }
        .annualTitle a{
            display:block;
            background-color:rgba(0,0,0,.04);
            color:#111;
            height:100%;
            padding:15px;
            transition:.2s;
            outline:0;
        }
        .annualTitle.active a{
            background-color:transparent;
        }
        .annualTitle a:hover{
            background-color:rgba(var(--primary-rgb),.07);
            color:var(--hover-color);
        }
            .annualTitle a strong{
                color:var(--primary-color);
                transition:.2s;
            }
            .annualTitle a:hover strong{
                color:var(--hover-color);
            }
            .annualTitle a::after{
                content:"";
                display:inline-block;
                aspect-ratio:1;
                background-image:url(../images/plus.png);
                background-repeat:no-repeat;
                background-size:contain;
                background-position:center;
                width:30px;
                position:absolute; right:15px; top:50%;
                transform:translateY(-50%);
                pointer-events:none;
            }
            .annualTitle.active a::after{
                background-image:url(../images/less.png);
            }
    .annualContainer{
        margin:0 15px;
        position:relative;
        padding-top:.75em; padding-bottom:1em;
        overflow:hidden;
    }
        .annualSection{
            border-bottom:1px solid rgba(0,0,0,.07);
            min-height:5em;
            margin-bottom:1.5em;
            padding-bottom:1.5em;
            position:relative;
        }
        .annualSection:last-of-type{
            margin-bottom:0;
        }
            .this-title{
                font-size:1.25rem;
                margin-top:0; margin-bottom:.75em;
                position:relative;
                padding-left:.5em;
                line-height:1.3;
            }
                .this-title::before{
                    content:"";
                    display:inline-block;
                    background-color:var(--primary-color);
                    width:3px;
                    height:1em;
                    position:absolute; top:0.05em; left:0;
                }
            .annualSection ul{
                margin-top:0;
                padding-left:1.4em;
            }
/*-------------------------------------------
Members Statistics
-------------------------------------------*/
.a-members strong{
    
}
.members-statistics{
    display:flex;
}
    .members-statistics > div{
        flex:1;
        text-align:center;
        line-height:1.2;
    }
    .members-statistics > div:nth-of-type(n+2){
        border-left:1px solid rgba(0,0,0,.05);
    }
        .members-statistics > div strong{
            display:block;
            font-size:2.5rem;
            line-height:1;
        }
/*-------------------------------------------
Rorsters
-------------------------------------------*/
.a-rosters{
    --rosters-dt-width:200px;
    margin:0;
}
    .a-rosters dt{
        float:left;
        font-weight:700;
        width:var(--rosters-dt-width);
        padding-top:5px;
    }
    .a-rosters dd{
        border-bottom:1px dashed rgba(0,0,0,.15);
        margin:0;
        position:relative;
        padding:5px 0; padding-left:calc(var(--rosters-dt-width) + 15px);
    }
    .a-rosters dd:last-of-type{
        border-bottom:none;
    }
        .rosters span{
            display:inline-block;
            background-color:#fff;
            border:1px solid rgba(0,0,0,.1);
            border-bottom:1px solid rgba(0,0,0,.2);
            border-radius:5px;
            font-size:.9rem;
            line-height:1;
            margin:2px 0;
            padding:3px 5px;
            white-space:nowrap;
        }
.a-committees dt{
    float:none;
    width:100%;
    color:DarkGreen;
    font-size:1rem;
}
    .a-committees dd{
        padding-left:0; padding-bottom:0;
    }
        .a-committees dd > div{
            display:flex;
            padding:5px 10px;
        }
        .a-committees dd > div:nth-of-type(even){
            background-color:#f5f5f5;
        }
            .a-committees dd i{
                font-style:normal;
                width:160px;
            }
            .a-committees dd .rosters{
                flex:1;
            }
/*-------------------------------------------
International Relations
-------------------------------------------*/
.i-item{
    border-bottom:1px dashed rgba(0, 0, 0, .15);
    margin-bottom:15px;
    padding-bottom:15px;
}
.i-item:last-of-type{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}
    .i-title{
        color:DarkGreen;
        font-size:1rem;
        margin:0 0 .5em;
    }
    .logo-and-intro{
        display:flex;
    }
        .i-logo{
            min-width:140px;
            text-align:center;
        }
            .i-logo img{
                height:70px;
            }
        .i-intro{
            flex:1;
        }
            .i-intro p{
                margin:0;
            }
            .i-intro ul{
                margin:0;
            }



/*-------------------------------------------
Simple Lightbox
-------------------------------------------*/
.sl-wrapper .sl-counter{
    color:#fff !important;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button{
    margin:0;
    height:50px !important;
    width:50px !important;
    line-height:50px !important;
    border:0px solid #fff !important;
    border-radius:50% !important;
    box-shadow:none;
    color:#fff !important;
}
.sl-wrapper .sl-close{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ffffff"><path d="M480-405.91 293.04-218.96Q278.09-204 256-204t-37.04-14.96Q204-233.91 204-256t14.96-37.04L405.91-480 218.96-666.96Q204-681.91 204-704t14.96-37.04Q233.91-756 256-756t37.04 14.96L480-554.09l186.96-186.95Q681.91-756 704-756t37.04 14.96Q756-726.09 756-704t-14.96 37.04L554.09-480l186.95 186.96Q756-278.09 756-256t-14.96 37.04Q726.09-204 704-204t-37.04-14.96L480-405.91Z"/></svg>');
    background-repeat:no-repeat;
    background-position:center;
    background-size:85%;
    font-size:0rem !important;
    text-indent:-99999em;
}
.sl-wrapper .sl-navigation button{
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    margin:-25px 0 0 !important;
    overflow:hidden;
    text-indent:-99999em;
}
.sl-wrapper .sl-navigation button.sl-prev{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path fill="%23fff" d="M14.71 6.71c-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"/></svg>');
    background-position-x:-2px;
}
.sl-wrapper .sl-navigation button.sl-next{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path fill="%23fff" d="M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"/></svg>');
    background-position-x:2px;
}
.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-close:hover,
.sl-wrapper .sl-navigation button:focus,
.sl-wrapper .sl-navigation button:hover{
    background-color:var(--hover-color) !important;
    border-color:var(--hover-color) !important;
    opacity:1 !important;
}
.sl-overlay{
    background:#000 !important;
    opacity:.9 !important;
}
@media screen and (max-width:576px){
    .sl-wrapper .sl-counter{
        top:15px !important; left:15px !important;
    }
    .sl-wrapper .sl-navigation button{
        height:32px !important;
        width:32px !important;
    }
    .sl-wrapper .sl-close{
        top:15px !important; right:15px !important;
    }
    .sl-wrapper .sl-navigation button.sl-prev{
        left:0 !important;
    }
    .sl-wrapper .sl-navigation button.sl-next{
        right:0 !important;
    }
    .sl-wrapper .sl-image .sl-caption{
        background:rgba(0,0,0,.5) !important;
        font-size:.75rem !important;
        padding:5px !important;
    }
}