/* SXM Header and Footer Adjustments */
#sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container button,
#sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container a,
#sxmphx-nav-footer.sxmphx-nav-widget{
    font-size:14px;
}
#sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav.secondary-nav:not(.quick-links) a:not(.autocomplete-label).drop-nav-link,
#sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav.secondary-nav:not(.quick-links) a:not(.autocomplete-label),
#sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav.secondary-nav button,
#sxmphx-nav-footer.sxmphx-nav-widget a,
#sxmphx-nav-footer.sxmphx-nav-widget .small-copy{
    font-size:12px;
}
/* Header Height Fix */
@media(min-width:768px){
    #sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container{
        height:56px;
    }
}
@media(min-width:1115px){
    #sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container,
    #sxmphx-nav-header.sxmphx-nav-widget .sxm-full-nav-container .sxm-full-nav{
        height:72px;
    }
}

body {font-family: 'Helvetica Now Text', Helvetica, sans-serif;      
}
.banner_container {
    /*background-image:linear-gradient(to right, #fee5bc 50%, #dcbc9e 50%);*/
    margin-top:-1px; 
}
.banner_container_survey {    
    background-color:#263d84;
}


.banner_holder_survey { 
    background: url(../images/SurveyBanner.jpg) top center no-repeat;    
    min-height:440px;
}
.contain-survey {
    max-width: 900px;
}
.bnrImage{ margin: 0px auto; width:auto;}



.sxm_logo {width:100%; max-width:320px; height:auto; margin:20px auto; }
.text_holder {/*font-size:23px; line-height: 30px;*/ font-size: 19px; line-height: 28px;}
.text_holder p {color:#000; font-size:1em;}
.text_holder p:first-child{margin-bottom:30px;}
.text_holder span {display: block; font-size: 26px; font-weight: 900; padding-bottom: 15px;}
/*.banner_text {text-shadow: 1px 1px 3px #6e6e6e;}*/
.banner_container_survey .survey-logo {display: block; margin-right:auto; margin-left:auto; padding-top:95px; background-color: none;}



.bnr_btm_grdnt{
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
height:38px;
margin-top:-1px;
}
.eq-height {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}


/*.selected eq-height:after {
    content:'';
    width:100%;
    height:1px;
    background-color:#ffffff;
}*/

.h1 {font-size:32px; font-weight:bold; margin-top:0px; padding-top:0px; margin-bottom:.5em; padding-left: 20px; padding-right: 20px;}
.tealFont{color:#005aab;}
.wbr-length {display: block; font-size: 15px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px;}


.webinarRow { background-color:#e8eaec; padding-top:25px; padding-left:25px; padding-right:25px; margin-bottom:20px;}
.webinarRow .row {padding-bottom:25px;}
.webinarRow.selected {background-color: #e0e2e7;}

.form { display:none; border-top:solid 1px #ffffff; padding-top:24px; padding-left:10px; padding-right:10px; margin-left:-25px; margin-right:-25px;}

.WebinarDate {text-transform:uppercase;}
.WebinarDate, .WebinarName { font-size:19px; font-weight:bold;}
.WebinarTime, .WebinarSubject, .prsntrHeading {font-size:16px;}
.eastern {font-size: 14px;}
.btnRsrvSpot, .btnRgstr, .btnViewRec, .btnRsrvSpot:hover, .btnRsrvSpot:active, .btnRgstr:hover, .btnRgstr:active, .btnViewRec:hover, .btnViewRec:active {font-size:16px; color:#ffffff !important; border:none; padding-top:10px; padding-bottom:10px; font-weight:bold; width:100%;}
.btnRsrvSpot {background-color:#005aab !important; border:solid 2px #005aab;}
.btnRsrvSpot:hover {background-color:transparent !important;  border:solid 2px #005aab; color:#005aab !important;}
.btnViewRec {background-color:#005aab !important; border:solid 2px #005aab; font-size:14px; }
.btnViewRec:hover, .btnViewRec:focus {background-color:transparent !important;border:solid 2px #005aab; color:#005aab!important; font-size: 14px;}
.btnRgstr{background-color:#005aab !important; border:solid 2px #005aab;  margin-top:75px; margin-left:auto; margin-right:auto;}
.btnRgstr:hover{background-color:transparent !important; border:solid 2px #005aab; color:#005aab!important; margin-top:75px; margin-left:auto; margin-right:auto;}

.lblReserved {color:#812990 !important; text-align:center; display:block; margin-top:16px; display:none; font-weight:700; font-size:19px;}
.lblComingSoon{display:block; color:#005aab; text-align:center; margin-top:16px; font-weight:700; font-size:19px;}

.required::after {color:red;content:'Required';}


.presenterHolder { margin-top:11px; line-height:normal;
                   display:-webkit-box;
                   display:-moz-box;
                   display:-ms-flexbox;
                   display:-moz-flex;
                   display:-webkit-flex;
                   display:flex;
                   flex-direction:column-reverse;
                   -webkit-flex-direction:column-reverse;}
.presenterHolder:last-child {margin-bottom:20px;}

.prsntrHeading { font-weight:bold; }
.WebinarPresenter { font-weight:bold;}
.WebinarPresenter{font-size: 15px;}
.formText{font-size: 14px;}
.formText span:not(:first-child){ display:inline-block; margin-top:20px;}
.privacyLink, .privacyLink:hover  { margin-top:20px; display:block; color:#005aab; text-decoration:underline;}

#sxm-footer-element{ margin-top:100px;}

.qtn {
    color:#444; font-weight:bold; padding:22px 0px 15px 0px;
}

.rb_survey label {margin-left:10px; display: inline;}
.rb_survey input[type="radio"] { vertical-align:top; margin-top:5px;}

.btn-survey {background-color: #6cb236; border-color: #6cb236;}
.btn-survey:hover, .btn-survey:focus {background-color: #5c9e2a; border-color: #5c9e2a;}

.btnRgstr { margin-top:25px !important;
    }

.banner_container{padding:0;}

.mobile-banner{
    display:block;
    margin:0 auto;
    width:100%;
    max-width:100%;
}
.banner_holder:after{
    position:absolute;
    top:0;
    content:"";
    display:block;
    height:100%;
    width:100%;
    z-index:0;
    /* background-image:linear-gradient(to bottom, #fad7ad, rgba(0,0,0,0));*/
}
.col-sm-12 .banner_text{width:100%; background-color:#fff;}

.col-sm-12 .text_holder { font-size: 18px; line-height: 24px; }

.text_holder span {font-size: 20px; line-height: 26px;}

.col-sm-12 .text_holder p {color: #000; font-size:1em;}
.col-sm-12 .text_holder p:first-child{ margin-top:0;}

.btnRgstr {margin-top: 25px !important; }

.formText {margin-top: 20px;}

.eq-height {display: block;}

.btnRsrvSpot, .btnViewRec {
    margin-top: 10px;
    position: relative;
    margin: 10px 0px 0px 0px;
    transform: none;
}

.btnRgstr, .btnRsrvSpot, .btnViewRec, .btnRgstr:hover, .btnRsrvSpot:hover, .btnViewRec:hover {width: 100%;}

.container {padding-right: 0px; padding-left: 0px;}

.col-sm-12 .banner_text { text-align:center; max-width:100%; padding:0 25px 25px;}

.photo-credit {display: block; position:absolute; top: 70px; left: 25px; font-style:italic; font-weight:bold; color:#fff; font-size:.9em; z-index:99;}

@media screen and (max-width: 520px) {
    .rb_survey label {
        display:inline;
    }
}



@media screen and (min-width: 768px) {
    /*.btnRsrvSpot {background-color:#6cb236 !important;  border:solid 2px #6cb236; position:absolute; top:50%; transform:translateY(-50%)}
.btnRsrvSpot:hover {background-color:transparent !important;  border:solid 2px #6cb236; color:#6cb236 !important; position:absolute; top:50%; transform:translateY(-50%)}*/
    .mobile-banner{display:none;}
    
    .photo-credit{display: block; position:absolute; top: auto; bottom: 30px; left: 150px; font-style:italic; font-weight:bold; color:#fff; font-size:.9em;}
        
    .banner_holder { 
    background: url(../images/trio_lg_2.jpg) no-repeat;
    background-position:center; 
    background-size:cover;
    min-height:542px;
    position:relative;
    margin-right:0;
    }
    .container {padding-right: 15px; padding-left: 15px;}
    .col-lg-12 .banner_text { width:50%; text-align:center; }
    .col-md-12 .banner_text { width:50%; text-align:right; }
    .col-sm-12 .banner_text { width:50%; text-align:center; max-width:100%; padding:0 30px 40px; background-color:rgba(255,255,255,0.9);}

    .col-sm-12 .sxm_logo {max-width:60%;}
    .col-sm-12 .sml { padding:0px; position:relative; z-index:2;}
    
    .text_holder h1 {font-size: 28px; line-height: 32px;}
    .col-sm-12 .text_holder p {color: #000; font-size:16px; line-height: 20px;}
}

@media screen and (min-width: 992px) {
    .photo-credit{left: 250px;}
    .banner_holder {min-height:498px;}
}

@media screen and (min-width: 1200px) {
    .col-sm-12 .banner_text { padding:0 60px 40px;}
    .banner_holder {min-height:504px;}
}

@media screen and (min-width: 1400px) {
    .col-sm-12 .banner_text { padding:0 20px 30px;}
    .text_holder h1 {font-size: 30px; line-height: 36px;}
    .col-sm-12 .text_holder p {color: #000; font-size:22px; line-height: 30px;}
    .banner_holder {min-height: 587px;}
    .photo-credit{left: 350px;}
}
.form_custom label {
    margin-bottom: 0;
    font-weight:normal;
}
.form_custom .form-control{
    margin-bottom:0;
}
.privacyLink:hover{
    text-decoration:none;
}
.photo-credit{
    text-shadow: 3px 3px 8px #000; letter-spacing: 1px;
}
h3.WebinarName{
    margin: 2px 0;
}
.form_custom span.input-error {
    font-size: 12px;
    line-height: 16px;
    line-height: 14px;
    font-weight: 700;
    color: #d90909;
    display: block;
    position: relative;
    top: -21px;
    /* top: 0px; */
}
.record_List ul{
    list-style:none;
    padding-left:0;
}
.btn_survey_submit{
    max-width:320px;
    margin:0 auto;
}
#errMsg{
    color:#eb0a0a;
   color: #d20909;
    font-weight:bold;
}
h2.qtn{
    font-size:16px;
}
*:focus-visible {
    outline: 3px solid #c58700;
    border-radius: 1px;
}
a:focus {
    outline: 5px auto #c58700;
    outline-offset: -2px;
}
.full-footer a:focus {
    outline: 3px solid #c58700;
    border-radius: 1px;
    outline-offset: -2px;
}
/* Mobile Adjustments */
.sxmphx-nav-widget .sxm-full-nav-container .nav-hamburger:focus-visible{
    outline:none !important;
}
.sxmphx-nav-widget .sxm-full-nav-container .nav-hamburger:focus-visible .icon-utility.large{
    outline:3px solid #c58700;
    border-radius:1px;
}
.sxmphx-nav-widget .sxm-full-nav-container .mobile-search-button:focus-visible{
    outline:none !important;
}
.sxmphx-nav-widget .sxm-full-nav-container .mobile-search-button:focus-visible .search-open{
    outline:3px solid #c58700 !important;
    border-radius:1px;
}
.sxmphx-nav-widget .skip-nav .skip-link:focus,
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible{
        outline:none !important;
    }
	.sxmphx-nav-widget .skip-nav .skip-link:focus span, 
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible span{
        outline:3px solid #c58700 !important;
        border-radius:1px;
		border:0;
    }
	.sxmphx-nav-widget .sxm-full-nav-container .nav-hamburger:focus {
     outline:0 !important;
}
    .sxmphx-nav-widget .sxm-full-nav-container .logo-col a:focus {
    outline:3px solid #c58700 !important;
}
     .sxmphx-nav-widget .sxm-full-nav-container .mobile-nav-close:focus {
    outline:3px solid #c58700 !important;
}
     .btnViewRec:focus{
        outline:3px solid #c58700 ;
     }
/* Desktop Adjustments */
@media(min-width:1115px)
{
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus-visible{
        outline:none !important;
    }
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus span, 
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus-visible span,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav sxm-ui-nav-account-presence-icons:focus span,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav sxm-ui-nav-account-presence-icons:focus-visible span{
        outline:3px solid #c58700 !important;
        border-radius:1px;
    }
		
	.sxmphx-nav-widget .skip-nav .skip-link:focus,
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible{
        outline:none !important;
    }
	.sxmphx-nav-widget .skip-nav .skip-link:focus span, 
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible span{
        outline:3px solid #c58700 !important;
        border-radius:1px;
		border:0;
    }
	.sxmphx-nav-widget .sxm-full-nav-container a:focus {
     outline:3px solid #c58700 !important;
}
}
@media (max-width:1114px){
	.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus{
	outline:3px solid #c58700 !important;
    border-radius:1px;
}
.sxmphx-nav-widget .sxm-full-nav-container ul.top-nav .mobile-nav-title.li a:focus{
	outline:0;
}
.sxmphx-nav-widget .sxm-full-nav-container ul.top-nav .mobile-nav-title a:focus-visible{
	outline:0;
}

.sxmphx-nav-widget .sxm-full-nav-container ul.top-nav .mobile-nav-title:focus-visible{
	outline:0;
}
.sxmphx-nav-widget .sxm-full-nav-container ul.top-nav .mobile-nav-title .top-nav-link:focus{
	outline:0 !important;
}
.sxmphx-nav-widget .sxm-full-nav-container ul.top-nav:first-of-type li:first-of-type a:focus span svg{
	outline:3px solid #c58700 !important;
    border-radius:1px;
}
.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .mobile-nav-title {
    margin-bottom:2px;
}
.sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-item.open .top-nav-link{
	margin-bottom:3px;
}
}
.required{
    color:red;
}
.required::after {
    color: red;
    content: 'Required';
    
}
.formText span:not(:first-child) {
    display:block;
    margin-top: 0;
}
.req_style{
    color:#eb0a0a;
    font-weight:bold;
}
.btnRsrvSpot:focus{
    outline:3px solid #c58700;
    border-radius:1px;
    background-color: transparent !important;
    border: solid 2px #005aab;
    color: #005aab !important;
}
.banner_holder{
    /*background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/trio_lg_2.jpg);*/
    background-repeat:no-repeat;
}
@media (max-width:767px){
    html,body{
        overflow-x:hidden;
    }
}