/* 
Site Name: eTail West Center Logo
Cycle: DRUPAL/POST/SIMPLIFY
Office: USA
Year: 2018
URL: http://etailwest.wbresearch.com

Sandy Brown/Orange  #f79c69
Tonys Pink/Flesh    #e6aa86
Pelorous/Light-Blue #45abc6
Port Gore/Dark-Blue #1d1b3d
MaroonFlush:        #ac1c4b

// Fonts
-----------------------------------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/* Template Fixes */
body.front.logged-in #main.main:first-child > .container, body.node-type-resource-centre #main.main > div.container:first-child, body.node-type-event-agenda-day #main.main > div.container:first-child, body.page-taxonomy #main.main > div.container:first-child, body.not-front.logged-in.panel-layout-onecol #main.main:first-child > div.container:first-child, body.not-front.logged-in #main.main div.container:nth-child(3) div#page-header, body.not-front.logged-in.node-type-contributor #main.main > div.container:first-child, body.node-type-event-media-center-landing-page.logged-in #main.main:first-child > .container:first-child, body.not-front.page-user-login  #main.main > div.container:first-child{display:none!important;}
body.not-front.logged-in.node-type-resource-centre .asidecontent, body.not-front.logged-in.node-type-resource-centre .asidecontent,  body.not-front.logged-in.node-type-event-agenda-day .asidecontent{margin-top:3em; height:12em; padding-top:1em;}
.container.wbr-sponsors-rotator{margin-top:2em; margin-bottom:none!important;}
footer.pagefooter{margin-top:2em; background:#012B45;}
body.logged-in #admin-menu{display:none!important;}
body.admin-menu .header-bottom {top: 0px!important;}
a.cd-top {height:70px; width:95px; display:inline-block; padding-top: 45px; background-color: rgba(1, 43, 69, 1)!important;}
@media(min-width: 600px) and (max-width:767px){.header-top .col-md-4 { width:100%; float:left;}}
@media(max-height: 500px){.header-top .col-md-4 { width:100%; float:left;}}
 
/* Center Hero Logo */
body.front .navbar-nav{width:100%;}
body.front .header-top h1 {font-size:2.25em!important; text-shadow:.025em .025em #333!important; font-weight:600!important; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; text-transform:uppercase;}
body.front .header-top h2 {display:none;}
body.front .header-top {padding-top: 12em;height:101vh;}
body.front .header-top #header-info{margin-top:0em; padding: .5em 0 .25em 22%!important; border:none;}
body.front .header-top #header-info p {Font-size:1.1em; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
body.front .header-top #header-info p:first-child:after{content:"/"; margin-left:.5em;}
body.front .header-top #header-info p:nth-child(3){display:none;}
@media(max-width:995px) {body.front ul.nav.navbar-nav li { margin:0 5px;}}
@media(max-width:990px) {body.front .header-top {padding-top: 11em;height:90vh;} body.front .header-top h1 {font-size: 2em!important;} body.front .header-top h2 {font-size: 1.5em!important;} body.front #ctl00_header_top .btn {font-size: 1em;} body.front .header-top #header-info p {font-size: .9em;}    body.front .header-top #header-info {padding: 1em 0 0 0!important;}}
@media(max-width:500px) {body.front .header-top {padding-top:5em; height:100vh; min-height:500px!important;} body.front .header-top h1 {font-size: 2em!important;} body.front .header-top h2 {font-size: 1.25em!important;}   body.front #ctl00_header_top .btn {font-size: .75em;}}

/* On Scroll States */
body.front .header-bottom .navbar-header{opacity:0; transition: all 0.4s ease;}
body.front .header-bottom.on-scroll .navbar-header {opacity:100; transition: all 0.4s ease;}
body.front .header-bottom ul.nav.navbar-nav > li:first-child {transition: all 0.4s ease;}
body.front .header-bottom.on-scroll ul.nav.navbar-nav > li:first-child {margin-left: 12%;transition: all 0.8s ease;}
body.front .header-bottom ul.nav.navbar-nav li {margin: 0 2.05%;}
body.front .header-bottom.on-scroll ul.nav.navbar-nav li {margin: 0 1%!important;}
body.front .header-bottom.on-scroll ul.nav.navbar-nav > li:first-child {margin-left: 125px!important;}
body.front .header-bottom > ul.nav.navbar-nav > li:first-child {padding-left:130px;}
body.front .header-bottom ul.nav.navbar-nav > li > ul.dropdown-menu > li:first-child {padding-left:0;  }
@media(max-width:990px) and (min-width:768px){body.front .header-bottom ul.nav.navbar-nav li {margin: 0 1%;} body.front .header-bottom ul.nav.navbar-nav li:last-child{margin-top:13px;}}
@media(max-width:768px){body.front .header-bottom .navbar-header{opacity:100!important; transition: all 0.4s ease;} body.front .header-bottom ul.nav.navbar-nav li {margin: 0 1%;}}
@media(min-width:768px){body.front .header-bottom.on-scroll .navbar-brand {display:block!important;}}
@media(max-width:995px) and (min-width:768px) and (max-height:768px){body.front .header-bottom.on-scroll .navbar-brand{display:none!important;} body.front .header-bottom.on-scroll ul.nav.navbar-nav li:first-child {margin-left:5px!important;} body.front .header-bottom.on-scroll ul.nav.navbar-nav li:last-child {margin-top:15px!important;}}
 
/* Full Width Images & Backgrounds */
.header-top {background:url(/UploadedFiles/EventPage/1003004/images/bg-img-hero-8.jpg) center center scroll no-repeat; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 27, 55, .65);}
.asidecontent {background:url(/UploadedFiles/EventPage/1003004/images/bg-img-hero-6.jpg) center bottom scroll no-repeat; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .25);}
.bg-img-venue{min-height:655px; padding-bottom:25px; background: url(/UploadedFiles/EventPage/1003004/images/bg-img-venue.jpg) center center scroll; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .35);} 
.bg-img-testimonial-1{min-height:250px; padding-bottom:25px; background: url(/UploadedFiles/EventPage/1003004/images/bg-img-testimonial-1.jpg) center center scroll; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .65);} 
.bg-img-testimonial-2{min-height:250px; padding-bottom:25px; background: url(/UploadedFiles/EventPage/1003004/images/bg-img-testimonial-2.jpg) center center scroll; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .65);} 
.bg-testimonial-3{min-height:450px; padding-bottom:25px; background: url(/UploadedFiles/EventPage/1003004/images/bg-testimonial-3.jpg) center center scroll; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .65);} 
.bg-lighten {box-shadow: inset 10000px 0 0 rgba(255, 255, 255, .92);}
.bg-darken {box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .12);}

/* Header Dynamic Info Sub Pages */
body.not-front.not-logged-in .asidecontent {margin-top:3em; height:13em; padding-top:2em;}
body.not-front.logged-in .asidecontent {margin-top: 2em;height:13em;padding-top:2em;}
body.not-front .header-bottom{position:fixed!important; top:0px!important; z-index:99999999; -webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,.3)!important; box-shadow: 0 3px 10px 1px rgba(0,0,0,.3)!important;}  
@media(max-width:1100px) and (min-width:768px){body.not-front.not-logged-in .asidecontent {margin-top:6em;}}

/* Logo */
.navbar-header .logo {max-width:140px;max-height:140px;position:absolute; margin-left:-30px;}
@media(min-width:990px) and (max-width:1100px) { .navbar-header .logo {max-width:140px; margin-left:-5px;}}
@media(min-width:768px) and (max-width:990px) { .navbar-header .logo {max-width:140px; margin-left:-35px;}}
@media(min-width:100px) and (max-width:768px) { .navbar-header .logo {max-width:140px; margin-top:0px; margin-left:5px;}}
 
/* Primary Nav */
.navbar-nav > li > a {font-size: 0.85em; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; font-weight:400; text-transform:uppercase; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu li a:hover{background:#012B45!important; color:#fff;}
@media(min-width:995px) and (max-width:1190px){.navbar-nav > li > a {font-size: 0.8em;}}
@media(min-width:768px) and (max-width:990px) {.navbar-nav > li > a {font-size: .78em;margin-top:1em;} .navbar-nav > li:last-child {margin-top:.55em;}}

/* Sub Nav */
.navbar-nav ul.dropdown-menu{background:rgba(0, 27, 55, 0.7)!important;}
.navbar-nav ul.dropdown-menu > li > a, .navbar-nav .open ul.dropdown-menu > li > a {color:#fff; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; text-transform:uppercase;}
@media(max-width:766px){.navbar-collapse.collapse.in{margin-top:30px;}}
@media(max-width:400px){.navbar-nav ul.dropdown-menu{background:rgba(255, 255, 255, 1)!important;} .navbar-nav ul.dropdown-menu > li > a, .navbar-nav .open ul.dropdown-menu > li > a {color:#333;}}

/* Discount Module */
.container-pricing-control .btn-pricing-control{margin-top:.005em;}
.container-pricing-control .fa-2x.lead strong{color:#012B45!important;}
.container-pricing-control .fa-2x.lead {color:#333!important; font-size:1.5em!important;}
.container-pricing-control .fa-2x.lead strong:nth-of-type(2){color:#900!important; display:block;}
.container-pricing-control .btn-pricing-control { background:#ac1c4b!important; }
.container-pricing-control .btn-pricing-control:hover { background:#a6d4dd!important; }
@media(min-width:401px) and (max-width:965px){.container-pricing-control h3{font-size:.9em;}}
@media(max-width:400px){.container-pricing-control h3{font-size:.9em; text-align:center;}} 

/* Typography */
body h1, body h2, body h3, body h4, body h5 {color:#23203f; font-weight:400; font-family:'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
.pagecontent > h1{padding:0px .35em;}
.pagecontent p, .pagecontent ul, .pagecontent ol, .pagecontent li, .pagecontent table, .pagecontent address, .pagecontent blockquote, .pagecontent cite {color:#5f5f5f; font-size:16px; line-height:1.75em; font-weight:400; font-family:'Open Sans','Helvetica Neue','Helvetica','Arial','sans-serif'!important;}
.pagecontent p{margin-bottom:1.25em;}
.pagecontent a{color:#e6aa86; font-weight:bold;}
.pagecontent a:hover, a:focus{color:#1d1b3d;}

/* Typography Utility Classes */
.fa-lg,.fa-1x,.fa-2x,.fa-3x,.fa-4x,.fa-5x,.fa-6x,.fa-7x,.fa-8x,.fa-9x,.fa-10x{line-height:1.25em!important;} .fa-lg{font-size:1.33333333em!important;} .fa-1x{font-size:1.5em!important;} .fa-2x{font-size:2em!important;} .fa-3x{font-size:3em!important;}.fa-4x{font-size:4em!important;}.fa-5x{font-size:5em!important;}.fa-6x{font-size:6em!important;}.fa-7x{font-size:7em!important;}.fa-8x{font-size:8em!important;}.fa-9x{font-size:9em!important;}.fa-10x{font-size:10em!important;}
.text-light {font-weight:300!important;}
.text-normal{font-weight:400!important;}
.text-bold {font-weight:600!important;}
.small{font-size:75%!important;}
.text-grey{color:#5f5f5f!important;}
.text-red{color:#df9a70!important;}
.text-blue{color:#012B45!important;}
.text-white{color:#fff!important;}
.text-shadow{text-shadow: rgba( 0, 0, 0, .25 ) .045em .045em;}

/* Buttons General Styles */
.pagecontent .btn-danger,.pagecontent .btn-success,.pagecontent .btn-warning,.pagecontent .btn-primary,.pagecontent .btn-info,.pagecontent .btn-default,.pagecontent .btn-register,.pagecontent .btn-event{color:#fff; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important: }
.btn:hover, .btn:focus{color:#fff!important;}
.btn-default{color:#5f5f5f!important; background-color:#fff!important; border-color:#ccc!important;}
.btn-default:hover{color:#5f5f5f!important; background-color:#ebebeb!important;}
.btn-xl{padding: .5em .85em!important;font-size:1.45em!important;}
@media(max-width:450px){.btn-xl,.btn-lg,.btn-md,.btn-sm,.btn-xs{font-size:1em!important;}}

/* Branded Buttons Styles */
.btn-event, .navbar-nav > li:last-child > a, .btn-pricing-control, .StradTemplate input[type=submit], .thank-you a{background:#45abc6!important; font-weight:300!important; text-shadow:rgb(0, 0, 0) 1px 1px 3px; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; border-radius:0;}
.btn-event:hover,.navbar-nav > li:last-child > a:hover, .btn-pricing-control:hover, .StradTemplate input[type=submit]:hover,.thank-you a:hover{background:#a6d4dd!important; transition:0.2s; transition-timing-function:linear; -webkit-transition:0.2s; -webkit-transition-timing-function:linear;}
.navbar-nav > li:last-child > a {border-radius: 0.5em;padding: .625em 1.425em;margin: 0.8em 0 0 0.5em;text-align:center;} 
.btn-pricing-control{margin-top:-35px; font-size:1.75em; border:none;}
.StradTemplate input[type=submit]{border:none; padding:.5em 1em; font-size:1.25em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.thank-you a{-webkit-border-radius:5px; -moz-border-radius: 5px;border-radius:5px;}

.navbar-nav > li:last-child > a{background:#ac1c4b!important;}
.navbar-nav > li:last-child > a:hover{background:#a6d4dd!important;}

/* Content Container */
.pagecontent > h1{padding:0px .35em;}
.pagecontent .row.col-fix > .col-xs-6{min-height:20em;}
.pagecontent .page-header{border-bottom:none;}
.pagecontent .page-header:before{content:"\2013  ";} 
.pagecontent .page-header:after{content:" \2013";} 
.pagecontent span.fa-quote{margin-top:-1.25em;}
.pagecontent address{margin-top:20px!important; border-left:3px #ccc solid; margin:0px; padding:0px 10px;}
.pagecontent address .btn{margin-top:5px;}
.pagecontent blockquote {background-color:transparent; border:none; margin:0px; quotes:none;}
.pagecontent blockquote p{display:inline-block;}
.pagecontent blockquote cite{display:block; border:none; padding:0; font-weight:600;}
.pagecontent blockquote cite:before{content:"- ";} 
.pagecontent .timer-plus:after{content:" +";}
.pagecontent .speaker-image{height:200px; width:270px; overflow:hidden; position:relative; border:1px #ddd solid;}
.pagecontent .speaker-image > img:first-child{transition: all 0.4s ease;}
.pagecontent .speaker-image:hover > img:first-child{margin-top:-200px; transition: all 0.4s ease;}
@media(max-width:1024px) and (max-height:770px){.pagecontent .speaker-image{height:145px; width:200px; overflow:hidden; position:relative; border:1px #ddd solid;}.pagecontent .speaker-image > img:first-child{transition: all 0.4s ease;}.pagecontent .speaker-image:hover > img:first-child{margin-top:-150px; transition: all 0.4s ease;}}

/* Seamless Containers */
.pagecontent .container-seamless [class*="col-"] {margin:0; padding:0; height:240px; overflow:hidden!important;}
.pagecontent .container-seamless [class*="col-"] p{margin:1em;}
.pagecontent .container-seamless .row[class*="bg-"] {padding:0!important;}
.pagecontent .container-seamless [class*="col-"] img{min-width:100%;}
.pagecontent .container-seamless [class*="col-"] img{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear;position:relative;}
@media(max-width:770px){.pagecontent .container-seamless [class*="col-"] {height:235px;} .pagecontent .container-seamless [class*="col-"] img{max-height:18em;} .pagecontent .container-seamless [class*="col-"] img:hover{-webkit-transform:scale(1.0);-moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); position:relative; z-index:0;}}
 
/* Horizontal Bar CSS  */
.horizontal-bar { position:relative; display:block; margin-bottom:30px; background:#eee; height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.horizontal-bar-bar {height:40px;width:0px;background:#6adcfa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.horizontal-bar-title{margin-top:-31px; margin-left:55px;}
.horizontal-bar-percent{margin-left:5px; margin-top:-25px!important; color:#fff!important; text-shadow: rgba( 0, 0, 0, .25 ) .045em .045em;}
.horizontal-bar-percent:after{content:" /";}

/* Home Page FAQ Tabbed Content */
.pagecontent .tab-nav li{border:#999 solid;border-width:0px 0px 0px 5px;background:#fbfbfb;margin:1em 0;padding:1em 2em;box-shadow:5px 5px 50px #999;}
.pagecontent .tab-nav li a{text-decoration:none;color:#999; font-weight:normal; font-size:.9em;}
.pagecontent .tab-nav li:before{content:"\f067";font-family:'FontAwesome';position:absolute;left:2em;}
.pagecontent .tab-nav li:after{content:"\f0da";font-family:'FontAwesome';position:absolute;right:.095em;margin-top:.055em;font-size:3em;color:#fbfbfb;}
.pagecontent .tab-nav li.active:before{content:"\f068";font-family:'FontAwesome';position:absolute;left:2em;color:#ac1c4b;}
.pagecontent .tab-nav li.active{border:1px #ac1c4b solid;border-width:0px 0px 0px 5px;box-shadow:5px 5px 50px #333;}

/* Agenda Days */
.node-type-event-agenda-day .main > .container { margin:0; }

#agenda-group-nav ul { position:fixed; right:15px; bottom:70px; background: #fff; z-index:999; max-width:20%; padding:0.7em; border: solid 1px #ccc; }
#agenda-group-nav ul:before { content:"Skip to Track:"; }
#agenda-group-nav li.nav { float:none;  }
#agenda-group-nav li.nav a { opacity:0.8; }
#agenda-group-nav li.nav a:hover { opacity:1; }
@media(max-width:1024px){ #agenda-group-nav ul { max-width:30%; } }
@media(max-width:767px){ #agenda-group-nav ul { position:static; max-width:100%; } }
@media(max-height:767px){ #agenda-group-nav ul { position:static; max-width:100%; } }
@media(max-height:768px) and (min-width:769px){ #agenda-group-nav ul li.nav { float:left; margin:0.1em; } #agenda-group-nav ul li.nav a { padding:0.4em; font-size:0.9emem; } }
#agenda-group-nav ul:empty { display:none; }

.agendaGroup { padding-bottom:0.5em; margin-bottom:1em; padding-top:4em; }
.agendaGroup .col-lg-12.agendaTrack { float:none; }

#agenda-day .nav-pills > li:nth-child(1) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(1) .panel-heading {background:#65cbe6 !important;}
#agenda-day .nav-pills > li:nth-child(2) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(2) .panel-heading {background:#f79c69 !important;}
#agenda-day .nav-pills > li:nth-child(3) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(3) .panel-heading {background:#fc6c9b !important;}
#agenda-day .nav-pills > li:nth-child(4) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(4) .panel-heading {background:#f6ca86 !important;}
#agenda-day .nav-pills > li:nth-child(5) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(5) .panel-heading {background:#8dabcd !important;}
#agenda-day .nav-pills > li:nth-child(6) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(6) .panel-heading {background:#ffeeaa !important;}
#agenda-day .nav-pills > li:nth-child(7) > a,#agenda-day .agendaGroup .tab-content .tab-pane:nth-child(7) .panel-heading {background:#48d4c8 !important;}

.agendaGroup.tracka { background:#65cbe6; position:relative; display:block; }
.agendaGroup.trackb { background:#f79c69; position:relative; display:block; }
.agendaGroup.trackc { background:#fc6c9b; position:relative; display:block; }
.agendaGroup.trackd { background:#f6ca86; position:relative; display:block; }
.agendaGroup.tracke { background:#8dabcd; position:relative; display:block; }
.agendaGroup.trackf { background:#ffeeaa; position:relative; display:block; }
.agendaGroup.trackg { background:#48d4c8; position:relative; display:block; }
.agendaGroup.trackh { background:#aaffdd; position:relative; display:block; }

#agenda-day .session-speaker .title { padding-left:initial; }


