@import url("paul-visualizers.css?v=1.1");
@import url("trevor-visualizers.css?v=1.1");
@import url("adam-visualizers.css?v=1.1");
@import url("naz-visualizers.css?v=1.1");
@import url("marc-visualizers.css?v=1.1");
/*-------------------------------------------------
Visualizer Common Elements
-------------------------------------------------*/
.small-slider-dot {
    height: 4px;
    width: 4px;
    vertical-align: middle;
}

.button-yellow-arrow.button-next {
    right: 42%;
}

.button-yellow-arrow.button-prev {
    left: 42%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*-------------------------------------------------
Visualizer Container Name: home-sliders
---------------------------------------------------
Content Type: Sliders
Page Location: Homepage
-------------------------------------------------*/
.HomeResearchAreasSlider{margin-bottom:15px;}
.HomeResearchAreasSlider.swiper-container-horizontal>.research-swiper-pagination{bottom:-10px;}

#home-conf-slider #home-conf-widget{min-height:100px;margin-bottom:10px;}
#home-conf-slider.swiper-container-horizontal>.swiper-pagination{}

.home-sliders {
    text-align: left;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 350px;
    width: auto;
    background-color: #fff;
    float:left;
}

    .home-sliders:first-of-type {
        width: 50%;
        /*filter: grayscale(60%);*/
    }

    .home-sliders:nth-of-type(2) {
        width: 25%;
        filter: grayscale(50%);
        transition: all 0.5s ease;
    }

    .home-sliders:nth-of-type(3) {
        overflow: hidden;
        width: 25%;
        filter: grayscale(50%);
        transition: all 0.5s ease;
    }
    .home-sliders:nth-of-type(4) {
        overflow: hidden;
        width: 25%;
        filter: grayscale(50%);
        transition: all 0.5s ease;
    }
    .home-sliders:nth-of-type(5) {
        overflow: hidden;
        width: 25%;
        filter: grayscale(50%);
        transition: all 0.5s ease;
    }

    .home-sliders:hover {
        filter: grayscale(1%);
    }

.home-slider-image img {
    min-width: 100%;
    height: auto;
    float: right;
}

.home-slider-content {
    position: absolute;
    top: 10px;
    color: white;
    margin: 20px 10%;
    height: 100%;
    font-size: 1.2em;
}

.home-sliders h1 {
    color: white;
    font-size: 37px;
    line-height: 40px;
    letter-spacing: 0;
}
.deadlines-swiper .swiper-pagination {position:relative;bottom:0px;}
.swiper-container.swiper-container-horizontal{}
.ticker-container.swiper-container.swiper-container-horizontal{padding-bottom:0px;}
.swiper-slide a{border-bottom:none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;}

.swiper-button-next.swiper-button-orange, .swiper-container-rtl .swiper-button-prev.swiper-button-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23eea220'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-orange, .swiper-container-rtl .swiper-button-next.swiper-button-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eea220'%2F%3E%3C%2Fsvg%3E");
}



@media screen and (max-width: 1360px) {
        .home-sliders{height:280px;}
        .home-sliders h1{font-size:30px;}
    }

.arrow-button {
    color: white;
    display: block;
    position: absolute;
    bottom: 50px;
    border-bottom: 0px solid transparent;
}

    .arrow-button:hover {
        color: #d9e1ea;
    }

    .arrow-button:after {
        content: url(../Images/yellow-arrow.png);
        height: 11px;
        width: 25px;
        margin-left: 5px;
        filter: grayscale(1%) !important;
    }

.arrow-button-secondary {
    content: url(../Images/yellow-arrow.png);
    height: 11px;
    width: 25px;
    margin-left: 5px;
    position: absolute;
    bottom: 55px;
    border-bottom: 0px solid transparent;
}

.home-sliders:nth-of-type(1) .arrow-button-secondary,
.home-sliders:nth-of-type(2) .arrow-button,
.home-sliders:nth-of-type(3) .arrow-button,
.home-sliders:nth-of-type(4) .arrow-button,
.home-sliders:nth-of-type(5) .arrow-button {
    display: none;
}
/*-------------------------------------------------
Visualizer Container Name: home-sliders
---------------------------------------------------
Temp Static Mobile Version (Change to Visualizer Later)
-------------------------------------------------*/
@media screen and (max-width: 1025px) {
    .home-main-sliders-mobile {
        width: 100%;
        max-height: 200px;
        background-color: #777;
        color: white;
        text-align: left;
    }

    .swiper-button-next.main-home-swiper-button-next, .swiper-button-prev.main-home-swiper-button-prev {
        position: absolute;
        width: 30px;
        height: 56px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 30px 56px;
        -webkit-background-size: 30px 56px;
        background-size: 30px 56px;
        background-position: center;
        background-repeat: no-repeat;
        display:block;
    }

    .main-home-swiper-button-next {
        background-image: url(../Images/home-sliders-arrow.png);
        right: 0;
    }

    .main-home-swiper-button-prev {
        background-image: url(../Images/home-sliders-arrow.png);
        left: 0;
        transform: rotate(180deg);
    }

    .arrow-button {
        position: relative;
        margin-top: 10px;
        bottom: initial;
    }
    .container-icon{padding:8px 0 0;}
}
/*-------------------------------------------------
Visualizer Container Name: home-sliders
---------------------------------------------------
Old Responsive Mobile Version
-------------------------------------------------*/
@media screen and (max-width: 1025px) {
    .home-slider-wrapper-correction{max-height:200px;overflow:hidden;position:relative;}
    
    .home-sliders:first-of-type {
        width: 100%;
        height: 175px;
    }

    .home-slider-image img, .mobile-slide img {
        width: 100%;
        height: auto;
        background-size: contain;
        background-position: center center;
    }

    .home-sliders:nth-of-type(2),
    .home-sliders:nth-of-type(3),
    .home-sliders:nth-of-type(4),
    .home-sliders:nth-of-type(5) {
        display: none;
    }

    .home-sliders h1, .mobile-slide h1 {
        color: white;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0;
        text-align:left;
    }
    .mobile-slide .home-slider-content{width:100%;margin:0 0 0 20px;top:25px;max-height:180px;}

    .home-slider-content span {
        font-size: 12px;
        line-height: 18px;
        display:inline-block;
        float:left;
        clear:left;
    }
    .home-slider-content span:first-of-type{display:block;}
    .home-slider-content .arrow-button-secondary{position:relative;bottom:unset;float:left;clear:none;margin-top:12px;}
    .swiper-button-prev.banner-swipe-button, .swiper-button-next.banner-swipe-button{display:block;}

    .arrow-button {
        font-size: 13px;
    }

        .arrow-button:after {
            content: none;
        }
    .mobile-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    }
}
/*-------------------------------------------------
Visualizer Container Name: home-by-the-numbers
---------------------------------------------------
HTML for now; visualizer later
-------------------------------------------------*/
.desktop-by-the-numbers-container {
    background-color: #f6f7f8;
}

    .desktop-by-the-numbers-container h3 {
        text-align: center;
        padding-top: 20px;
    }

.desktop-by-the-numbers {
    width: 24.5%;
    display: inline-block;
    background-color: #f6f7f8;
    margin: 0;
    padding: 10px 0 20px;
    vertical-align: top;
}

    .desktop-by-the-numbers .swiper-slide {
        text-align: center;
        position: relative;
    }

.siam-icon-container {
    height: 55px;
    padding: 20px;
    margin-top: 10px;
    background-image: url(/Portals/_default/Skins/Siam/Images/icon-background-hexagon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    .siam-icon-container:after {
        border-right: 1px solid #333;
        height: 20px;
        content: "";
        display: block;
        position: absolute;
        right: 50%;
        top: 105px;
    }

.siam-numbers-text {
    padding: 20px 10% 0;
    min-height: 15px;
}

    .siam-numbers-text span {
        display: block;
    }

    .siam-numbers-text .display-font {
        display: block;
        font-size: 47px;
        margin: 25px 0 10px;
        text-rendering: optimizeLegibility;
        font-weight: normal;
    }

    .siam-numbers-text > .dark-button {
        display: block;
        position: absolute;
        bottom: 20px;
    }

#aboutTheNumbersMobileSlider .swiper-pagination {
    position: relative;
}

.desktop-by-the-numbers .button-yellow-arrow.button-next {
    right: 35%;
}

.desktop-by-the-numbers .button-yellow-arrow.button-prev {
    left: 35%;
}
/*-------------------------------------------------
Visualizer Container Name: home-by-the-numbers
---------------------------------------------------
Responsive Mobile Version
-------------------------------------------------*/
.mobile-only .slideshow-item > img {
    visibility: visible;
}

.content-slideshow-swiper-mobile {
    text-align: center;
    width: 100%;
    background-color: #f6f7f8;
    height: 160px;
    position: relative;
}

#aboutTheNumbersMobileSlider {
    overflow: hidden;
    background-color: #f6f7f8;
    margin-bottom: 20px;
}

.mobile-only h2.by-the-numbers-title {
    text-align: center;
    background-color: #f6f7f8;
    border-bottom: 1px solid #a6b4c4;
    padding: 15px 0;
    margin: 0;
}

.mobile-only .siam-numbers-text {
    min-height: 1px;
}

@media screen and (max-width: 720px) {
    .content-slideshow-swiper-mobile {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
.conf-theme{width:100%;}
.ticker-title{font-size:13px !important;}
}

/*-------------------------------------------------
Visualizer Container Name: home-by-the-numbers
---------------------------------------------------
OLD - Responsive Mobile Version Some styles still being used
-------------------------------------------------*/
.mobile-only .content-slideshow {
    width: 100%;
    background-color: #f6f7f8;
    height: 150px;
    position: relative;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-top: 0;
}

.by-the-numbers.mobile-only h1 {
    font-size: 16px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.mobile-only .siam-icon-container img {
    max-height: 50px;
    width: auto;
}

.mobile-only .siam-icon-container {
    display:none;
}

    .mobile-only .siam-icon-container:after {
        border-right: 0px solid #333;
        height: 0;
        display: none;
        margin-top: 0;
    }

.mobile-only .siam-numbers-text {
    width: 50%;
    padding: 0;
    display: block;
    font-size: 12px;
    text-transform: capitalize;
    vertical-align: top;
    margin:0 auto;
}

    .mobile-only .siam-numbers-text span {
        font-size: 37px;
        line-height: 1em;
    }

.mobile-only a.dark-button {
    font-size: 12px;
    display: inline-block;
    top: 0px;
}

.mobile-only .slideshow-nav {
    display: none;
}

.mobile-only .hidden-slideshow-bullet {
    font-size: .75em;
    width: 5px;
    height: 5px;
    display: inline-block;
    position: relative;
    margin: 5px;
    z-index: 99;
    top: 150px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #8d8d8d;
    border-radius: 50%;
    transition: .3s ease-out background, .3s ease-out transform;
}

@media screen and (max-width: 1025px) {
    .mobile-only .siam-icon-container {
        display:none;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Home Journals Section
---------------------------------------------------
Desktop and Mobile Version
-------------------------------------------------*/
.teal-journal-container {
    background-color: #71e5db;
    background-image: url(../Images/visualizers/Home/journals-teal-background.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding: 10px 5% 40px;
}

.white-button-container {
    margin-top: 20px;
    background-color: #fff;
}

.icon-button {
    background-color: #fff;
    display: inline-block;
    padding: 20px 2%;
    margin: 0;
    width: 28%;
    border-right: 1px solid #cddae9;
    font-size: 14px;
    vertical-align: top;
    min-height: 150px;
}

.icon-button-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.no-right-border {
    border-right: 0;
}

.teal-journal-container .desktop-only img {
    width: 100%;
    margin-top: 20px;
}

.teal-journal-container .mobile-only img {
    margin-top: 20px;
}

@media screen and (max-width: 1025px) {
    .teal-journal-container {
        font-size: 12px;
        padding: 5%;
    }

    .white-button-container {
        background-color: transparent;
        padding: 0;
    }

    .icon-button {
        min-height: 120px;
        border-right: 0px;
        max-width: 30%;
        padding: 2px;
        margin: 4px;
        font-size: .9em;
    }

    .icon-button-title {
        font-size: 10px;
    }

    .icon-button img {
        max-width: 30px;
    }
}

@media screen and (max-width: 440px) {
    .icon-button {
        min-height: 140px;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Home - Video
---------------------------------------------------
Desktop and Mobile Version
-------------------------------------------------*/
.html5-video-player a {
    font-family: 'Arvo', serif;
    text-rendering: optimizeLegibility;
    font-weight: normal;
}
/*-------------------------------------------------
Visualizer Container Name: Home - Donate and Subscribe
---------------------------------------------------
Desktop and Mobile Version
-------------------------------------------------*/
.donate-and-subscribe {
    width: 80%;
    margin: 0 auto;
    display: flex;
    text-align: center;
    margin-top: 40px;
}

.right-pane-spot,
.left-pane-spot {
    width: 48%;
    background-color: #71e5db;
    min-height: 100px;
    margin: 0 1%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.donate-siam {
    background-image: url('../Images/visualizers/Home/donate-bg.jpg');
}

.subscribe-siam {
    background-image: url('../Images/visualizers/Home/subscribe-bg.jpg');
}

.donate-and-subscribe div {
    padding: 20px 5% 30px;
}

.donate-and-subscribe .siam-badge-icon {
    height: 154px;
    width: 154px;
    margin: 0 auto;
    display: block;
}

.donate-and-subscribe h2 {
    display: block;
    text-align: center;
    margin: 0;
    width: 100%;
}

.donate-and-subscribe p {
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.8);
}

.donatespacing {
    margin-bottom: 20px;
}

.inputlookingbutton {
    border-radius: 0;
    height: 45px;
    line-height: 42px;
    padding: 0;
    padding-top: 7px;
    display: block;
    color: #a6b4c4;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

    .inputlookingbutton:hover {
        height: 45px;
    }

    .inputlookingbutton:after {
        content: url('../Images/teal-arrow-boxed.jpg');
        display: inline-block;
        vertical-align: middle;
        float: right;
        opacity: 1;
        margin-right: 2%;
    }

    .inputlookingbutton:hover:after {
        opacity: .3;
    }

@media screen and (max-width: 1025px) {
    .right-pane-spot,
    .left-pane-spot,
    .donate-and-subscribe {
        width: 100%;
        display: inline-block;
        margin: 5px auto 0 auto;
    }

    .donate-and-subscribe .siam-badge-icon {
        display: none;
    }

    .donate-and-subscribe div {
        padding: 20px 0;
    }

    .donate-and-subscribe h2 {
        margin-bottom: .7em;
    }

    .donatespacing {
        margin-bottom: 5px;
    }

    .inputlookingbutton {
        width: 25px;
        height: 11px;
        padding: 0;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Jumplinks
---------------------------------------------------
Content Type: TBD
Page Location: Most Top-Level Pages Including About,
Activities Page (SAIG), Research Areas, ect.
-------------------------------------------------*/
.jumplinks-menu-wrapper {
    position: fixed;
    right: 0;
    z-index: 1000;
    bottom: 20px;
}

#jLinkSliderContainer .swiper-slide {
    text-align: center;
    font-size: 18px;
}

.jlinks-menu {
    width: 200px;
}

.jlinks-menu-hidden {
    right: -200px;
}

.toggle-position {
    right: 30px;
}

.menu-button {
    position: absolute;
    top: 0;
    right: 185px;
    padding: 0;
    transform: scale(.5);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-style: solid;
    border-width: 60px 60px 60px 0;
    border-color: transparent #a6b4c4 transparent transparent;
    height: 0;
    width: 0;
    top: 0;
}

    .menu-button:hover {
        border-color: transparent ##f1f2f4 transparent transparent;
    }

    .menu-button .bar:nth-of-type(1) {
        margin-top: 0;
        opacity: 0;
    }

    .menu-button .bar:nth-of-type(2) {
        opacity: 0;
    }

    .menu-button .bar:nth-of-type(3) {
        margin-bottom: 0;
        opacity: 0;
    }

.line {
    position: relative;
    display: block;
    width: 50px;
    height: 5px;
    background-color: #ccc;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-cross {
    margin-top: -15px;
    margin-left: 15px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

    .menu-cross .line:nth-of-type(1) {
        -webkit-transform: translateY(15px) rotate(-45deg);
        -ms-transform: translateY(15px) rotate(-45deg);
        transform: translateY(15px) rotate(-45deg);
        opacity: 1;
    }

    .menu-cross .line:nth-of-type(2) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-15px) rotate(45deg);
        opacity: 1;
        margin-top: 25px;
    }

        .menu-cross .line:nth-of-type(1):hover,
        .menu-cross .line:nth-of-type(2):hover {
            color: #a6b4c4;
        }

.cross-hidden {
    display: none;
}

.jumplinks-container {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: .75em;
    border: 1px solid #e7ebee;
    text-align: left;
    color: #333;
}

    .jumplinks-container ul li a {
        border-bottom: 0;
    }

    .jumplinks-container ul {
        margin: 0;
        padding: 0;
    }

        .jumplinks-container ul li {
            list-style: none;
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #ccc;
            margin: 0;
            padding: 0;
        }

            .jumplinks-container ul li:last-of-type {
                border-bottom: 0;
            }

    .jumplinks-container img {
        height: 30px;
        width: auto;
    }

    .jumplinks-container ul li:hover {
        background-color: white;
        background-color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

    .jumplinks-container ul li span {
        position: relative;
        top: -22px;
    }

    .jumplinks-container ul li a:visited {
        color: #777;
    }
/*-------------------------------------------------
Jumplinks - Hide on small screens
-------------------------------------------------*/
@media only screen and (max-width: 1025px) {
    .jumplinks-menu-wrapper {
        display: none;
    }
}
/*-------------------------------------------------
Jumplinks - All Icon Options
-------------------------------------------------*/
.jumplinks-circle-arrows:before {
    content: url(/Portals/0/Images/jumplinks-circle-arrows.png);
}

.jumplinks-comment:before {
    content: url(/Portals/0/Images/jumplinks-comment.png);
}

.jumplinks-documents:before {
    content: url(/Portals/0/Images/jumplinks-documents.png);
}

.jumplinks-graduation-hat:before {
    content: url(/Portals/0/Images/jumplinks-graduation-hat.png);
}

.jumplinks-hand:before {
    content: url(/Portals/0/Images/jumplinks-hand.png);
}

.jumplinks-lightbulb:before {
    content: url(/Portals/0/Images/jumplinks-lightbulb.png);
}

.jumplinks-link:before {
    content: url(/Portals/0/Images/jumplinks-link.png);
}

.jumplinks-location:before {
    content: url(/Portals/0/Images/jumplinks-location.png);
}

.jumplinks-magic:before {
    content: url(/Portals/0/Images/jumplinks-magic.png);
}

.jumplinks-megaphone:before {
    content: url(/Portals/0/Images/jumplinks-megaphone.png);
}

.jumplinks-mobile:before {
    content: url(/Portals/0/Images/jumplinks-mobile.png);
}

.jumplinks-number-one:before {
    content: url(/Portals/0/Images/jumplinks-number-one.png);
}

.jumplinks-pencil:before {
    content: url(/Portals/0/Images/jumplinks-pencil.png);
}

.jumplinks-percent-tag:before {
    content: url(/Portals/0/Images/jumplinks-percent-tag.png);
}

.jumplinks-person:before {
    content: url(/Portals/0/Images/jumplinks-person.png);
}

.jumplinks-presentation:before {
    content: url(/Portals/0/Images/jumplinks-presentation.png);
}

.jumplinks-questionmark:before {
    content: url(/Portals/0/Images/jumplinks-questionmark.png);
}

.jumplinks-search-documents:before {
    content: url(/Portals/0/Images/jumplinks-search-documents.png);
}

.jumplinks-stack-of-books:before {
    content: url(/Portals/0/Images/jumplinks-stack-of-books.png);
}

.jumplinks-three-people:before {
    content: url(/Portals/0/Images/jumplinks-three-people.png);
}
/*-------------------------------------------------
Visualizer Container Name: Activity Groups -
---------------------------------------------------
SiNews Mobile View Only
-------------------------------------------------*/
.ag-sinews-swiper-container {
    height: 100%;
    margin: 1em 10% 0;
    text-align: center;
}

.agSiNews-swiper-pagination {
    text-align: center;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #333;
}

.ag-sinews-pink-bg-slider {
    background-color: #e1529d;
    color: #FFF;
    width: 100%;
}

.ag-sinews-teal-bg-slider {
    background-color: #43d1c0;
    color: #FFF;
    width: 100%;
}

.ag-sinews-green-bg-slider {
    background-color: #7dc13f;
    color: #FFF;
    width: 100%;
}

.ag-sinews-blue-bg-slider {
    background-color: #38bde3;
    color: #FFF;
    width: 100%;
}

.ag-sinews-orange-bg-slider {
    background-color: #eea220;
    color: #FFF;
    width: 100%;
}

.ag-sinews-purple-bg-slider {
    background-color: #7a52c4;
    color: #FFF;
    width: 100%;
}

.ag-sinews-swiper-container .swiper-slide {
    display: block;
    /*min-height: 210px;*/
    /*min-height: 155px;*/
    min-height: 166px;
}

    .ag-sinews-swiper-container .swiper-slide h5,
    .ag-sinews-swiper-container .swiper-slide h6 {
        padding: 1em;
    }

    .ag-sinews-swiper-container .swiper-slide p {
        padding-bottom: .5em;
    }
/*-------------------------------------------------
Visualizer Container Name: Ticker
---------------------------------------------------
On many pages
-------------------------------------------------*/
.ticker-container {
    position: relative;
    background-color: #fde48d;
    color: #333;
    padding: 10px 0 0;
    line-height: 15px;
    text-align: center;
    height: 25px;
}

    .ticker-container a {
        border-bottom: 1px solid #ccc;
        margin-bottom: -1px;
    }

        .ticker-container a:hover {
            border-bottom: 0;
            margin-bottom: 0;
        }
    .ticker-container #close{background-size:contain;height:15px;margin:3px;}
.ticker-swiper-button-prev,
.ticker-swiper-button-next {
    display: block;
    /*margin-top: -60px;*/
    margin-top: -25px;
    position: relative;
    z-index: 14;
    border-bottom: 0;
    width:40px;
    height:20px;
}

    .ticker-swiper-button-prev:hover,
    .ticker-swiper-button-next:hover {
        cursor: pointer;
    }

.ticker-swiper-button-prev {
    transform: rotateY(180deg);
    /*content: url('../Images/swiper-arrows.png');*/
    margin-left: 15%;
    background-image:url('../Images/swiper-arrows.png');
    background-position:center center;
}

.ticker-swiper-button-next {
    /*content: url('../Images/swiper-arrows.png');*/
    margin-left: 85%;
    background-image:url('../Images/swiper-arrows.png');
    background-position: center center;
}

.ticker-subject {
    position: relative;
    z-index: 13;
    font-size: .9em;
    text-align: center;
}

.ticker-link {
    margin-left: 2%;
    margin-bottom: -1px;
    display: inline-block;
}

.ticker-swiper-pagination {
    display: none;
}

#close {
    display: none;
    background: url('../Images/icon_close_dialog.png') no-repeat right top;
    height: 20px;
    width: 100%;
    border-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
}

    #close:hover, .closeButton:hover {
        cursor: pointer;
    }

.closeButton {
    background: url(../Images/icon_close_dialog.png) no-repeat;
    height: 20px;
    width: 100%;
    border-bottom: 0;
    position: absolute;
    top: 10px;
    left: 277px;
}

.mobileSearch .closeButton {
    left: 100%;
    width: 20px;
}

.ticker-title {
    display: inline-block;font-size:15px;
}

@media only screen and (max-width: 1025px) {
    #close {
        display: block;
    }

    .ticker-swiper-button-prev,
    .ticker-swiper-button-next {
        display: none;
    }

    .ticker-container {
        padding: 10px 0 0;
        display: block;
        height: 40px;
    }

    .ticker-swiper-pagination {
        display: block;
        padding-top: 5px;
        text-align: center;
    }

    .ticker-title {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .logo {
        width: 70%;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Video Teal Border on Mobile
---------------------------------------------------
Join SIAM Page
-------------------------------------------------*/
@media only screen and (max-width: 1025px) {
    .mobile-teal-border {
        width: auto !important;
        height: auto !important;
        min-height:275px;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Contact SIAM form
---------------------------------------------------
Job Board Page
-------------------------------------------------*/
.contact-siam-form label {
    position: absolute;
    top: 30px;
    left: 55px;
    z-index: 1;
}

.contact-siam-form input {
    height: 60px;
}

.contact-siam-form input,
.contact-siam-form textarea {
    position: relative;
    background-color: white;
    z-index: 0;
    transform: all 0.2s ease;
}

    .contact-siam-form input:focus,
    .contact-siam-form textarea:focus {
        position: relative;
        background-color: #a6b4c4;
        color: white;
        z-index: 2;
    }

.error-message {
    color: #e1529d;
}

@media only screen and (max-width: 1025px) {
    .contact-siam-form {
        display: none;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Siam News Grid
---------------------------------------------------
Homepage
-------------------------------------------------*/
.sinews-home-grid-swiper {
    width: 100%;
    height: 100%;
}

    .sinews-home-grid-swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.siam-news-grid-home-container h6.display-font {
    font-weight: 700;
}

.siam-news-grid-home-container {
    display: flex;
    flex-flow: row wrap;
}

.siam-news-grid-white-bg,
.siam-news-grid-teal-bg,
.siam-news-grid-pink-bg,
.siam-news-grid-orange-bg {
    height: 200px;
    width: 40%;
    color: white;
    padding: 20px 5%;
}

.siam-news-grid-white-bg {
    background-color: white;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

    .siam-news-grid-white-bg .sinews-logo {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

.siam-news-grid-teal-bg {
    background-color: #43d1c0;
}

.siam-news-grid-pink-bg {
    background-color: #e1529d;
}

.siam-news-grid-orange-bg {
    background-color: #eea220;
}

.home-grid-news-content {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 10px 0;
}

.siam-news-grid-home-container .button-dark-mobile-white-arrow {
    margin: 10px 0;
}

div[class*="siam-news-grid"]:not(.siam-news-grid-home-container) {
    text-align: center;
}

    div[class*="siam-news-grid"]:not(.siam-news-grid-home-container) h6,
    div[class*="siam-news-grid"]:not(.siam-news-grid-home-container) > div {
        text-align: left;
    }

@media only screen and (max-width: 1025px) {
    .sinews-home-grid-swiper {
        height: 200px;
        padding-bottom: 30px;
        margin: 20px 0 0px;
    }

    .sinews-logo {
        width: 180px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .siam-news-grid-white-bg,
    .siam-news-grid-teal-bg,
    .siam-news-grid-pink-bg,
    .siam-news-grid-orange-bg {
        height: auto;
        width: 100%;
        margin: 0 10% 30px;
        padding: 20px 5%;
        text-align: left;
    }

    .home-grid-news-content {
        font-size: 0.7em;
    }

    .sinews-home-grid-swiper .button-dark-mobile-white-arrow {
        margin: 0 auto;
        display: block;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Video within Grid
---------------------------------------------------
Homepage

Important tags are to override inline styling;
post-beta fix needed for this item
-------------------------------------------------*/
.home-video-grid {
    margin-left: -1px;
}

@media only screen and (max-width: 1025px) {
    .home-video-grid {
        height: 300px !important;
        margin-left: 0px;
    }

        .home-video-grid > a > div {
            padding: 100px !important;
        }
}
/*-------------------------------------------------
Visualizer Container Name: Membership Benefits
---------------------------------------------------
Homepage

Main Styling is in Trevor-Visualizers; These
Are additional styles for the icon container
-------------------------------------------------*/
.gray-hexagon-icon-container {
    background: url(../Images/gray-hexagon.png) no-repeat center;
    height: 107px;
    /*padding: 25%;*/
    padding: 15%;
}

@media only screen and (max-width: 1025px) {
    .gray-hexagon-icon-container {
        background: none;
        height: auto;
        padding: 0;
        display: inline-block;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Conferences and Deadlines
---------------------------------------------------
Homepage Desktop Module
-------------------------------------------------*/
.home-conferences-deadlines-container {
    background-color: white;
    padding: 2%;
}

    .home-conferences-deadlines-container h3 {
        text-align: center;
    }

.home-conf-filter-simulator {
    text-align: center;
    margin-bottom: 30px;
}

    .home-conf-filter-simulator img {
        width: 80%;
    }

.home-conference-deadlines-grid {
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    position: relative;
        cursor: pointer;
    background-color: #f8f8f9;
    text-align: initial;
    /*max-height: 181px;*/
    padding-top: 10px;
    padding-bottom: 20px;
}

.home-conf-date-pic {
    border-right: 1px solid #a6b4c4;
}

    .home-conf-date-pic .display-font {
        line-height: 1.2em;
        font-size: 1.6em;
    }

.home-conf-date-pic {
    display: inline-block;
    width: 50%;
    float: left;
}

    .home-conf-date-pic > .display-font {
        width: 42%;
        vertical-align: top;
        margin-top: 15px;
        position: relative;
        text-align:right;
        float:right;
        margin-right:20px;
    }

.conf-blurb {
    /*position: absolute;*/
    position: relative;
    display: inline-block;
    /*height: 135px;*/
    height: auto;
    padding: 20px;
    /*padding-top: 35px;*/
    line-height: 1.3em;
    width: 40%;
}

.conf-blurb-title {
    padding-bottom: 10px;
    font-weight: bold;
}

.home-conf-date-pic img,
.home-conf-date-pic div {
    display: inline-block;
}

.home-conf-pic { /*set the image to be responsive width without changing height*/
    width: 42%;
    overflow: hidden;
    float:right;
}
.home-conf-pic img{max-width:100%;}

.button-yellow-arrow.button-next,
.button-yellow-arrow.button-prev {
    position: absolute;
    bottom: 0;
    width: 27px;
    height: 13px;
    line-height: 1px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 0;
}

.siam-swiper-arrow-controls {
    position: relative;
    margin-top: 20px;
}
.announcements-swiper h1, .announcements-swiper h2, .announcements-swiper h3, .announcements-swiper h4, .announcements-swiper h5, 
.announcements-swiper h6{color:#fff;}
.announcements-swiper p{margin:0 0 .25em 0;}
.announcements-swiper .siam-swiper-arrow-controls{margin-top:0px;}


.button-yellow-arrow:after {
    display: block;
    content: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/858178/yellow-arrow.png');
}

.conf-sponsers-swiper .swiper-slide img{max-height:300px;max-width:250px;}

.conf-sponsers.button-next.button-yellow-arrow,
.conf-sponsers.button-prev.button-yellow-arrow {
    position:relative;
    float:left;
}
.conf-sponsers.button-next.button-yellow-arrow{float:right;right:42%;}

.mission-container .FlexPaneWrap.RegDeadline .keep-together{display:table;}
.mission-container.RegDeadline .FlexPaneWrap.RegDeadline{margin:0;}

.job-container.reg-fees div.reg-fee-row:nth-child(even){background-color:#f6f7f8;}
.job-container.reg-fees div.reg-fee-row:nth-child(odd){background-color:#fff;}

.FeeType{max-width:250px;width:15%;text-align:left;}
.FeeType h5{width:100%;}


/* Committee Styles */
.committee-wrapper{padding-top: 15px;}
.one-column.conference-committee-members{max-width:80%;margin: 0 auto;padding:20px;text-align:center;}
.two-column.conference-committee-members{max-width:50%;margin:0 auto;padding:20px;text-align:center;}
.three-column.conference-committee-members{margin:0 auto;padding:20px;text-align:center;}
.conference-committee-members .member-name {font-weight: bold;}
.conference-committee-members .member-name-without-link {font-weight: bold;text-decoration: none;}
.conference-committee-members .memberDetail {line-height: normal;margin-top: 12px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;}
.conference-committee-members .memberDetail:first-child{margin-top:0px;}
   .conference-committee-members .memberDetail a {}

.conference-committee-members .position {margin-bottom:10px;margin-top: 20px;}
   .conference-committee-members .position:first-child {margin-top: 0;}

.conference-committee-members .noAffiliation {margin-top: 10px;margin-bottom: 10px;}
.conference-committee-members .memberEmail{color: #04a89b;}
.conference-committee-members .memberEmail:hover{color: #07e5d3;}

.conf-theme{min-width:50%; padding: 10px;}
.conf-theme .checklist-gray{width:100%;}  

@media only screen and (max-width: 375px)
{
	.one-column.conference-committee-members{max-width:80%;}
	.two-column.conference-committee-members{max-width:80%;}
}
/* Conference Styles */
.conference-header{
    padding-right: 20px;
    padding-left: 20px;
}

@media only screen and (max-width: 1025px)
{
    .mission-container .FlexPaneWrap.RegDeadline{display:flex;margin:0px 5px;}
    .mission-container .flexible-columns{display:flex;}
    .FeeType{width:100%;text-align:center;max-width:100%;}
    .FeeType h5{text-align:center;}
}

@media only screen and (max-width: 1025px) {
    .home-conference-deadlines-grid{text-align:center;}
    .home-conferences-deadlines-container {
        background-color: #f8f8f9;
    }
    .swiper-button-next,.swiper-button-prev{display:none;}

    .conf-home-swiper-arrows {
        height: 25px;
    }

        .conf-home-swiper-arrows .button-next {
            padding-bottom: 10px;
            right: 36%;
        }

        .conf-home-swiper-arrows .button-prev {
            padding-top: 11px;
            left: 36%;
        }

    .siam-swiper-arrow-controls {
        display: none;
    }

    .home-conf-pic img {
        display: none;
    }

    .home-conf-date-pic > .display-font {
        width: 100%;
        margin-top: 0;
        padding-left: 0px;
        font-size: 1.2em !important;
        text-align:center;
        float:unset;
        margin-right:unset;
    }

    .conf-blurb {
        position: relative;
        height: auto;
        padding: 0;
        padding-top: 0;
        width: 100%;
    }

    .home-conf-date-pic {
        border-right: 0px;
        float: none;
    }
}
/*-------------------------------------------------
Visualizer Container Name: Upcoming Conferences and Deadlines
---------------------------------------------------
Conference Calendar List View Corrections
-------------------------------------------------*/
.ui-accordion .ui-accordion-header {
    outline-color: transparent;
}
/*-------------------------------------------------
Visualizer Container Name:
Conferences Calendar About SIAM Conferences Button Grid
---------------------------------------------------
Desktop and Mobile Version
-------------------------------------------------*/
.five-icon-buttons-grid {
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .five-icon-buttons-grid a {
        border-bottom: none;
    }

    .five-icon-buttons-grid img {
        display: block;
        margin: 0 auto;
    }

.siam-icon-grid-row {
    background-color: #f6f7f8;
}

.two-in-a-row-left,
.two-in-a-row-right,
.one-in-a-row {
    display: inline-block;
    text-align: center;
    padding: 20px 0;
}

.two-in-a-row-left {
    border-right: 1px solid #a6b4c4;
    width: 50%;
}

.two-in-a-row-right {
    width: 48%;
}

.one-in-a-row {
    width: 98%;
}

/*.siam-icon-grid-row:first-of-type {
    border-bottom: 1px solid #a6b4c4;
}*/

.siam-icon-grid-row {
    border-bottom: 1px solid #a6b4c4;
}

.siam-icon-grid-row:last-of-type {
    border-bottom: none!important;
}

@media screen and (max-width: 1025px) {
    .two-in-a-row-left {
        border-right: 14px solid white;
        width: 43%;
    }

    .two-in-a-row-right {
        width: 48%;
    }

    .one-in-a-row {
        width: 98%;
    }

    .siam-icon-grid-row:first-of-type {
        border-bottom: 14px solid white;
    }

    .siam-icon-grid-row:last-of-type {
        border-top: 14px solid white;
    }
}
/*-------------------------------------------------
HTML Container Name: Conferences Landing Page
Social Icons
---------------------------------------------------
Page Location: Conferences/Conference-Microsites/AN17
-------------------------------------------------*/
.conf-social-buttons h4 {
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
}

.conf-social-buttons > .keep-together {
    width: 100%;
    text-align: center;
}

.conf-social-boxes {
    background-color: #d9e1ea;
    padding: 20px;
    position: relative;
    height: 108px;
    z-index: 1;
}

.siam-conf-social-icons {
    width: 84px;
    height: 88px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -50px;
    z-index: 4;
}

.no-icon {
    margin-top: 44px;
    display: inline-block;
}

    .no-icon h4 {
        text-align: left;
        width: 70%;
        margin-top: 20px;
    }

.no-icon-i-button {
    margin-top: 44px;
}

.yes-icon h4 {
    margin-top: 40px;
}

.go-away-at-800px {
    display: block;
}

.show-at-800px {
    display: none;
}

@media screen and (max-width: 1025px) {
    .no-icon-i-button {
        margin-top: 0px;
    }

    .conf-social-boxes {
        height: 35px;
    }

    .yes-icon h4 {
        margin-top: 10px;
    }

    .no-icon h4 {
        text-align: center;
        width: 100%;
        margin-top: 0;
    }

    .no-icon {
        margin-top: 24px;
        width: 93%;
    }

    .conf-social-boxes.no-icon {
        width: 85%;
    }

    .conf-social-boxes .button-display-text-yellow-arrow {
        display: none;
    }

    .siam-conf-social-icons {
        width: 42px;
        height: 44px;
        margin-bottom: -25px;
    }
}

@media screen and (max-width: 522px){
    .conf-social-boxes {
        padding-bottom: 0;
        padding-right: 5px;
        padding-left: 5px;
        position: relative;
        height: 85px;
    }
}

@media screen and (max-width: 800px) {
    .three-column.conf-social-buttons {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .go-away-at-800px {
        display: none;
    }

    .show-at-800px {
        display: block;
    }

        .show-at-800px h4 {
            font-weight: 700;
        }
}

/*Make the button in conference-contact-form (~/Conferences/Conference-Microsites/AN17-Menu/Contact) move up in mobile view*/
@media screen and (max-width: 1025px) {
    .conference-contact-form .tabbed-forms .rendered {
        height: 350px !important;
    }
}

/*-------------------------------------------------
HTML Container Name: Conferences Landing Page
Element Changes
---------------------------------------------------
Page Location: Conferences/Conference-Microsites/AN17
-------------------------------------------------*/
.about-the-conference-container h4.display-font-bold {
    font-weight: 700;
}

.DnnModule-1175 {
    margin-bottom: -20px;
}

@media screen and (max-width: 1025px) {
    .conference-committee-members {
        text-align: center;
    }

        .conference-committee-members .keep-together {
            width: 100%;
        }
}

@media screen and (min-width: 1026px) {
    

    .an17-desktop-align-button {
        margin-top: 7em;
    }
}

@media screen and (min-width: 1290px) {
    .an17-desktop-align-button {
        margin-top: 5em;
    }
}

@media screen and (min-width: 1710px) {
    .an17-desktop-align-button {
        margin-top: 3em;
    }
}
/*---------------------------------------------------
Replace default swiper arrow with orange arrow
---------------------------------------------------
Page Location: http://evoq-eval.siam.org/Conferences/Conference-Microsites/AN17-Menu/Submissions-Deadlines
*/
.slideshow-nav-next, .slideshow-nav-previous {
    position: absolute;
    width: 25px;
    height: 11px;
    /*margin-top: 12px;*/
    margin-top:-30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 25px 11px;
    -webkit-background-size: 25px 11px;
    background-size: 25px 11px;
    background-position: center;
    background-repeat: no-repeat;
}

.slideshow-nav-next {
    background-image: url("../Images/yellow-arrow.png");
    right: 42%;
}

.slideshow-nav-previous {
    background-image: url("../Images/yellow-arrow.png");
    left: 42%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nr-videos-swiper-container .slideshow-nav-next, .nr-videos-swiper-container .slideshow-nav-previous {margin-top:0px;}

@media screen and (max-width: 1025px) {
    .slideshow-nav-next, .slideshow-nav-previous {
        margin-top: 5px;
    }

    .slideshow-nav-next {
        right: 25%;
    }

    .slideshow-nav-previous {
        left: 25%;
    }
}
/**/
#guidlines-childcare-expenses {
    margin-bottom: -40px;
}

@media screen and (max-width: 1025px) {
    #guidlines-childcare-expenses {
        margin-bottom: -35px;
    }
}
/*-------------------------------------------------
Conferences Lodging and Support Custom CSS
---------------------------------------------------
Page Location: /Conferences/Conference-Microsites/AN17-Menu/Lodging-Support
-------------------------------------------------*/
@media screen and (min-width: 1026px) {
    .paragraph-above-buttons-aligned {
        min-height: 200px;
    }

    .read-more-buttons-aligned-to-bottom {
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        height: 50px;
        position: relative;
        bottom: 20px;
        width: calc(100% - 20px);
    }
}

/*-------------------------------------------------
Feedback Form
---------------------------------------------------
Page Location: http://evoq-eval.siam.org/AN17-Feedback-Form
-------------------------------------------------*/
.feedbackForm label {
    font-family: ProximaNova-Light, Montserrat, sans-serif !important;
    font-weight: bold;
    font-size: 1.1em;
}

.yes-no-switcher label {
    font-weight: normal !important;
}

.feedbackForm textarea, .feedbackForm input {
    font-family: ProximaNova-Light, Montserrat, sans-serif;
}

.feedbackForm .error-message {
    /*position: absolute;*/
    margin-bottom: -15px;
    margin-top: -9px;
}

.feedbackForm .static-text h2 {
    margin-bottom: -15px;
    margin-top: -10px;
}

.feedbackForm .dnnPrimaryAction {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.white-arrow-firefox {
    display: none;
}


/******************************
Commented 4/30/2018 - ABC - turning links in main navigation black. 
****************************/
/*@media screen and (max-width: 1025px) {
    .journals-menu a,
    .conference-menu a {
        color: black !important;
    }
}*/

@-moz-document url-prefix() {
    @media screen and (max-width: 1025px) {
        .button-dark-mobile-white-arrow {
            display: none;
        }

        .white-arrow-firefox {
            display: block;
        }

            .white-arrow-firefox::after {
                background-color: transparent;
                color: transparent;
                border-radius: 0;
                font-weight: normal;
                /*content: url(http://laurafolio.com/temp/siam/Images/white-arrow.png);*/
                content: url(/Portals/_default/Skins/Siam/Images/white-arrow.png);
                padding: 0px;
            }

        .sinews-home-grid-swiper div[class*="siam-news-grid"] {
            padding: 0px 5% !important;
        }
    }
}

/*-------------------------------------------------
Visualizer Container Name: section-announcement-container
---------------------------------------------------
Content Type: Sections
Page Location: Sections
-------------------------------------------------*/
.section-announcement-swiper-pagination > .swiper-pagination-bullet-active {
    background: #fff;
}

.section-announcement-swiper-pagination > .swiper-pagination-bullet {
    background: #fff;
    margin: 0 5px;
}

.section-announcement-swiper-controls{
    position: relative;
}


@media only screen and (max-width: 1025px){
    .section-announcement-button-next, .section-announcement-button-prev {
        display: none;
    }
}

/*-------------------------------------------------
Used in clickable div
-------------------------------------------------*/
.clickableDiv {
    cursor: pointer;
}