/* ===================== */
/*  Grids */
/* ===================== */

.grid {
    margin: 2em 0;
    display: grid;
    grid-gap: 2rem;
    text-align: center
}

.grid.benefits>div p, .grid.category h3, .grid.category ul, .grid.profile>div, .gridContainer.left, .gridContainerHorizontal, .gridFullWidth, .memberCategories ul li {
    text-align: left
}

.gridXS {
    grid-template-columns: 50% 1fr
}

.gridS {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.gridM {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.grid.profile, .gridFullWidth {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
}

.grid2 {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 992px) {
    .grid2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

.grid>div {
    position: relative;
    background: #ededed;
    border: 1px solid #ddd;
    padding: 1.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.grid>div:hover {
    -webkit-box-shadow: 0 0 12px 0 rgba(51, 51, 51, .15);
    -moz-box-shadow: 0 0 12px 0 rgba(51, 51, 51, .15);
    box-shadow: 0 0 12px 0 rgba(51, 51, 51, .15)
}

.grid>div h2 {
    font-size: 150%;
    margin: -.25em 0 .25em !important
}

.grid>div h2+img, .grid>div p+img {
    margin-top: .75em
}

.grid>div h3, .grid>div img+p {
    font-size: 100%;
    margin: 1em 0 .25em
}

.RadTreeView.RadTreeView_Toronto .rtUL, .collapseMenu div, .grid>div img, .table-wrapper table {
    width: 100%
}

.grid>div img.portrait {
    width: 100%;
    max-width: 200px
}

.grid div.containerTop {
    margin-bottom: 4em
}

.grid div.containerBottom {
    position: absolute;
    bottom: 1em;
    left: 5%;
    right: 5%
}

.grid div.containerBottom .TextButton {
    display: block;
    margin: 0
}

.grid .TextButton, .gridContainer.home p:last-child, .gridContainer.home.left p:last-child, .gridContainerHorizontal.nsl .ContentItemContainer {
    margin-bottom: 0 !important
}

.grid.category h3:first-of-type {
    border-top: 1px solid #ccc;
    padding: 1em 0 0;
    margin: 1em 0 .5em
}

.grid.category h3 {
    margin: 1em 0 .5em
}

.grid.category ul {
    padding-left: 1.5em
}

.grid.category .price p {
    border-top: 1px solid #ccc;
    padding-top: .5em;
    margin: 1em 0 0;
    text-align: center;
    font-weight: 600;
    font-size: 140%;
    color: green
}

.grid.profile {
    margin-top: 10emys
}

.grid.profile>div {
    position: relative;
    background: #ededed;
    border: 1px solid #ddd;
    padding: .75em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.grid.profile.gold>div {
    background: #f1e8d1;
    border: 1px solid #9a8348
}

.grid.profile>div img {
    float: left !important;
    margin: 0 1em 0 0 !important;
    width: 100%;
    max-width: 120px
}

.grid.profile>div>div h3 {
    margin: 0 0 .25em;
    font-size: 140%
}

.grid.profile>div>div p:first-of-type {
    font-style: italic;
    margin-bottom: 0
}

.grid.profile.gold>div>div p:first-of-type {
    font-style: normal
}

.grid.profile.extended>div>div p:nth-of-type(2) {
    margin-bottom: .25em
}

@media (min-width: 620px) {
    .grid>div img.portrait {
        width: 100%;
        max-width: 400px
    }

    .grid.profile {
        grid-template-columns: repeat(auto-fill, minmax(225px, 1fr))
    }

    .grid.profile>div {
        text-align: center !important
    }

    .grid.profile>div img {
        float: none !important;
        margin: 0 !important;
        width: 100%;
        max-width: 180px
    }

    .grid.profile>div>div {
        position: relative;
        top: 3%;
        transform: none
    }

    .grid.profile>div>div p:last-of-type {
        margin-bottom: 1em
    }
}


.gridContainer,.gridContainerHorizontal {
    text-align: center;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    background: #f8f7f4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.gridContainer.nslArchive {
    display: block;
    width: 100%
}

.gridContainer.nslArchive h3 {
    margin: 0
}

.gridContainer.highlight {
    background: #e3ecfd
}

.gridContainer:hover,.gridContainerHorizontal:hover {
    border: 1px solid #3f7be7;
    -moz-box-shadow: inset 0 0 .5em .5em #e8f2fd;
    -webkit-box-shadow: inset 0 0 .5em .5em #e8f2fd;
    box-shadow: inset 0 0 .5em .5em #e8f2fd
}

.gridContainer h1,.gridContainer h2,.gridContainer h3,.gridContainerHorizontal h1,.gridContainerHorizontal h2,.gridContainerHorizontal h3 {
    margin-top: 0;
    margin-bottom: 1em
}

.gridContainer.home h2 {
    font-size: 130%;
    margin-bottom: .7em
}

.gridContainer.home p {
    margin-bottom: 1em!important
}

.gridContainer.home img {
    width: 150px
}

@media (min-width: 576px) {
    .gridContainer.nslArchive {
        display:inline-block;
        width: 24%
    }

    .gridContainer.home img {
        width: 150px
    }
}
.gridContainer img {
    width: 100%;
    margin-bottom: .9em
}



/* ===================== */
/* Video Wrapper */
/* ===================== */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}



/* ===================== */
/* ul.Tabs */
/* ===================== */
#tabsContainer {
    margin: 0;
    width: 100%
}

ul.tabs,ul.tabs li {
    padding: 0;
    list-style: none
}

ul.tabs {
    width: 100%;
    margin: 10px 0;
    height: 100%;
    overflow: auto
}

ul.tabs li {
    float: left;
    margin: 1px;
    background: 0 0
}

ul.tabs li a:link,ul.tabs li a:visited {
    display: block;
    padding: .6em 1em;
    margin: 1px;
    font-size: 85%;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
    border-bottom: none;
    background: #333
}

ul.tabs li a:hover {
    background: #0077c0;
    padding: .6em 1em;
    margin: 1px
}

ul.tabs li.active a,ul.tabs li.viewAllActive a {
    text-decoration: none;
    color: #fff;
    background-color: #0077c0
}

#tabsContainer1,#tabsContainer2,#tabsContainer3,#tabsContainer4,#tabsContainer5,#tabsContainer6 {
    margin: 28px 0 0 140px;
    width: 590px
}



/* ===================== */
/* Join/Renew Page */
/* ===================== */

.join #ctl01_TemplateBody_WebPartManager1_gwpcicco_cicco_radTab_Top .rtsLI.rtsLast a.rtsLink {
    background-color: #c3e6cb
}



/* ===================== */
/* Image with Caption */
/* ===================== */

/* Honorary Fellows Page */
.honoraryFellows ul {
    margin-left: 120px
}

.imgCaptionLeft, img.floatLeft {
    float: left;
    margin: 5px 20px 40px 0
}

.imgCaptionRight,img.floatRight {
    float: right;
    margin: 5px 0 40px 40px
}

.imgCaptionLeft {
    margin: 5px 20px 20px 0
}

.imgCaptionRight {
    margin: 5px 0 20px 40px
}

.imgCaptionLeft table,.imgCaptionRight table {
    border: 0;
    border-collapse: collpase
}

.imgCaptionLeft caption,.imgCaptionRight caption {
    caption-side: bottom;
    color: #888;
    font-size: 85%;
    line-height: 115%;
    padding: 0 2px;
    margin-top: 1em;
    margin-bottom: 20px
}

#tabsFunds .imgCaptionLeft caption,#tabsFunds .imgCaptionRight caption {
    text-align: center;
    margin-bottom: 0
}



/* ===================== */
/* collapseMenu */
/* ===================== */

.collapseMenu h3,.collapseMenu h3.collapsed {
    color: #333!important;
    font-size: 110%;
    line-height: 160%;
    display: block;
    padding: .75em 4em .75em 1em;
    margin: 0 0 1em;
    background: #eaeaea;
    cursor: pointer;
    position: relative
}

.collapseMenu h3 {
    background: #4d5964;
    color: #fff!important
}

.collapseMenu.bio h3,.faces .collapseMenu h3,.lecturer .collapseMenu h3,.medals .collapseMenu h3,.mwale .collapseMenu h3 {
    display: inline-block;
    width: 180px
}

.medals .collapseMenu .collapse {
    padding-left: 0!important
}

@media (min-width: 728px) {
    .medals .collapseMenu .collapse {
        padding-left:9.5em!important
    }
}

.collapseMenu h3.collapsed:after,.collapseMenu h3:after {
    position: absolute;
    font-family: FontAwesome;
    right: 1em;
    color: #4d5964;
    content: "\f13a"
}

.collapseMenu h3:after {
    content: "\f139";
    color: #fff
}

.collapseMenu .collapse,
.collapseMenu .collapsing {
    padding-left: 1em!important;
    padding-right: 1em!important;
    margin-bottom: 2em!important
}

.collapseMenu.studentChapters img {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    padding: 1em;
    width: 150px;
    display: block!important;
    margin: 0 auto 1em!important
}



/* ===================== */
/* Testimonials */
/* ===================== */

.testimonial {
    background: #f6f9fc;
    border-left: 10px solid #c3d6f2;
    margin: 0 0 4em;
    padding: 1em .5em 0 1.5em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: 400
}

.testimonial:before {
    font-family: Arial;
    color: #e4d5ae;
    content: open-quote;
    margin-right: .1em;
    vertical-align: -.45em;
    font-size: 500%!important;
    line-height: 0
}

.testimonial p:first-of-type {
    display: inline
}

.testimonial p {
    display: block
}

.testimonial div.container {
    width: 100%;
    position: relative;
    margin: 1em 0 0;
    padding: 1em 0
}

.testimonial div.left {
    float: left;
    width: 160px;
    padding-bottom: 1em
}

.testimonial div.right {
    float: left
}

.testimonial div.right p {
    font-style: italic
}

.testimonial div.right p:before {
    content: "— "
}



/* ===================== */
/* Static Data Tables */
/* ===================== */

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    margin: 1em 0 2em
}

.table-wrapper table tbody tr {
    border: 1px solid #c3d6f2;
    border-left: 0;
    border-right: 0;
    background: #f6f9fc
}

.table-wrapper table td {
    padding: .5em;
    vertical-align: top
}

.table-wrapper table th {
    color: #00275d;
    padding: .5em;
    text-align: left;
    background: #c3d6f2
}

.mentors table th:first-child,.table-wrapper table th:first-child {
    width: 20%
}

.table-wrapper.ten table th:first-child {
    width: 10%
}

.table-wrapper.fifteen table th:first-child {
    width: 15%
}

.table-wrapper.thirty table th:first-child {
    width: 30%
}

.table-wrapper.forty table th:first-child {
    width: 40%
}

.sft-2021 td:first-of-type,.table-wrapper.fifty table th:first-child {
    width: 50%
}

.table-wrapper.eighty table th:first-child {
    width: 80%
}

.table-wrapper table thead {
    border-bottom: 2px solid #fff
}

.table-wrapper table tfoot {
    border-top: 2px solid #fff
}

.table-wrapper table tfoot td {
    background: #fff;
    font-size: 80%;
    padding: 1em
}

.table-wrapper table.alt {
    border-collapse: separate
}

.table-wrapper table.alt tbody tr td {
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0
}

.table-wrapper table.alt tbody tr td:first-child {
    border-left-width: 1px
}

.table-wrapper table.alt tbody tr:first-child td {
    border-top-width: 1px
}

.table-wrapper table.alt thead {
    border-bottom: 0
}

.table-wrapper table.alt tfoot {
    border-top: 0
}

.table-wrapper table td ul {
    padding-left: .6em
}



/* ===================== */
/* FeatureArticles  */
/* ===================== */

.featureArticles .table-wrapper table th:first-child {
    width: 25%
}

.featureArticles p.title {
    font-size: 110%;
    font-style: italic;
    margin-bottom: .5em
}

.featureArticles p.title+p {
    margin-bottom: .1em
}



/* ===================== */
/* Fund Landing Pages  */
/* ===================== */

.fundDescriptionPhoto img {
    width: 100%;
    margin-bottom: 1em
}

.fundDescriptionPhoto p {
    text-align: center
}

#ste_container_ciQueryMenuCommonOther,#ste_container_ciQueryMenuCommonRegular,#ste_container_ciQueryMenuCommonStudent,.fundMoreInfo {
    margin-top: 3em
}

.fundRecipients .TextButton {
    margin: 0 0 0 1em!important
}



/* ===================== */
/* Conference Archive */
/* ===================== */

.confArchive ul li {
    list-style-type: none;
}

.confArchive {
    text-align: left;
    color: #333 !important;
    padding-bottom: 0;
}

.confArchive h2 {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
}

.confArchive h3 {
    font-size:110%;
    margin-bottom:.5em;
}

.confArchive h4 {
    font-size: 90%;
    font-weight: 400;
    margin-bottom: 1.5em;
}

.confArchive img {
    width: 120px;
    float: left;
    margin-right: 1.25em;
}

.confArchive ul {
    clear: both;
    margin: 1.5em 0 0;
    padding: 0;
    font-size: 90%;
}

.confArchive ul li {
    border: none;
    background: 0 0;
    margin: 0.25em 0 0 .25em;
}

.confArchive ul li.photo:before,.confArchive ul li.pp:before,.confArchive ul li.proceedings:before,.confArchive ul li.web:before {
    font-family: FontAwesome;
    font-size: 120%;
    line-height: 120%;
    padding-right: 0.5em;
    color: #666;
}

.confArchive ul li.web:before {
    content: "\f0ac";
}

.confArchive ul li.proceedings:before {
    content: "\f02d";
}

.confArchive ul li.pp:before {
    content: "\f1c1";
}

.confArchive ul li.photo:before{
    content:"\f082";
}



/* ===================== */
/* Secure Download Pages */
/* ===================== */

.seg-store-secure-downloads .image img {
    display: block;
    margin: auto;
}

.seg-store-secure-downloads .text {
    text-align: center;
}

@media (min-width:767px) {
    .seg-store-secure-downloads .image img {
        margin: 0;
        margin-left: auto;
    }
    .seg-store-secure-downloads .text {
        text-align: left;
    }
}



/* ===================== */
/* Sign In Text */
/* ===================== */

.UtilityNavigation .account-menu>li>a, .UtilityNavigation .account-menu>li>a:hover, .UtilityNavigation .account-menu>li>a:visited, .UtilityNavigation .account-menu>li>a:active {
    color: #fff;
}

@media (min-width:992px) {
    .UtilityNavigation .account-menu>li>a, .UtilityNavigation .account-menu>li>a:hover, .UtilityNavigation .account-menu>li>a:visited, .UtilityNavigation .account-menu>li>a:active {
        color: #3b3b3b;
    }
}



/* ===================== */
/* Event Landing Page */
/* ===================== */

@media (max-width:768px) {
    #ste_container_ciconferences td,
    #ste_container_ciQueryMenuCommonRegular td,
    #ste_container_ciQueryMenuCommonOther td,
    #ste_container_ciQueryMenuCommonStudent td {
        display: block;
        text-align: center;
    }
    #ste_container_ciconferences table thead,
    #ste_container_ciQueryMenuCommonRegular table thead,
    #ste_container_ciQueryMenuCommonOther table thead,
    #ste_container_ciQueryMenuCommonStudent table thead {
        display: none;
    }
    #ste_container_ciconferences table td img.eventImgThumb,
    #ste_container_ciQueryMenuCommonRegular table td img.eventImgThumb,
    #ste_container_ciQueryMenuCommonOther table td img.eventImgThumb,
    #ste_container_ciQueryMenuCommonStudent table td img.eventImgThumb {
        padding-top: 0.5em;
    }
}



/* ===================== */
/* IQA Search Fields */
/* ===================== */

.panel-body, .PanelBody {
    padding: 0;
}

.FilterPanel {
    background-color: transparent;
    border: none !important;
    margin-top: 1.5rem;
}

.FilterPanel .TextButton {
    margin-top: 1rem;
    margin-bottom: 2rem;
}



/* ===================== */
/* Forms */
/* ===================== */

#ste_container_ciNewFormsCommon .container {
    padding-left: 0 !important;
}


#ste_container_ciNewFormsCommon .mt-3 {
   margin-top: 0 !important; 
}

#ste_container_ciNewFormsCommon .ml-3 {
    margin-left: 0 !important;
}

#ste_container_ciNewFormsCommon .PanelField.Top {
    margin-top: 1rem !important;
}