﻿/* all */

body {
    font-size: 16px;
}

li.menu-item:hover {
    color: #ff4d00;
}

.w-nav-anchor level_2 h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova", Arial, Heltevica, sans-serif;
}

h1 {
    font-weight: 600;
    font-size: 3em;
    color: #C10013;
}


.w-tabs-item.active, .w-tabs-item.active:hover {
    border-top: solid 2px #ff4d00 !important;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 600px) {
    h1 {
        font-size: 2em;
    }
}





/* action box*/
.w-actionbox-text h3, .w-actionbox-text label {
    font-weight: bold;
    font-size: 26px;
    font-family: "proxima-nova", Arial, Heltevica, sans-serif;
}

/* Footer */

.stayConnected {
    margin-top: 30px;
    margin-bottom: 15px;
}

.social-links img {
    margin: 0 3px;
}

.no-touch .l-subfooter.at_bottom a:hover {
    text-decoration: none;
    color: transparent;
}

/* Header */

div.l-header .w-logo-img img {
    height: 80px;
    width: auto;
}

.l-header .w-nav-anchor.level_1 {
    padding: 0 10px;
}

@media only screen and (max-width : 1142px) and (min-width:1000px) {

.l-header .w-nav-anchor.level_1 {
	padding: 0 5px;
	font-size:15px;
}
}


div.l-header.sticky .w-logo-img img {
    height: 68px;
    width: auto;
}

div.l-submain {
    padding-left: 0;
    padding-right: 0;
}




    div.l-submain.full_height {
        max-width: 100%;
    }


    div.l-submain .wpb_button, .l-banner h6 {
        display: none !important;
    }

.label-2 {
    position: absolute;
    bottom: 18px;
    right: 32px;
    color: #f79422;
    font-size: 1.6em;
}

.l-submain-img {
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 323px;
    border: 0;
}

div.image_container{
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	min-height: 323px;
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 800px) {
	.l-submain-img {
		min-height:200px;
	}
	
	div.image_container {
		min-height:200px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 630px) {
	.l-submain-img {
		min-height:150px;
	}
	
	div.image_container {
		min-height:150px;
	}
}



div.image_container img {
	width: 100%;
	right: 0;
	bottom: 0;
	position:absolute;
}



div.image_container div.g-cols {
    display: none !important;
}

.l-submain.full_height.l-banner {
    padding-left: 0;
    padding-right: 0;
}
/* Why Section */
.l-why {
   /*background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/homepage-titles-why-atd-question-mark.png');*/
    background-repeat: no-repeat;
    background-size: 212px 326px;
    background-position: 85% top;
    margin: 0 auto;
}

    .l-why .header_text {
        background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/why-atd2016-text-header.png');
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 200px;
        width: 800px;
    }

    .l-why .l-submain-h {
        padding-top: 0;
    }

.w-iconbox h4.w-iconbox-title {
    font-size: 1.3em;
    margin-top: 0;
}

/* Thoughts */
div.l-submain.thoughts1 {
    background-color: #c10013;
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 800px) {
    .l-why .header_text {
        height: 150px;
        width: 600px;
    }

    .l-why .header_text {
        right: 20px;
    }

    .l-why {
        background-image:none;
    }
	
	.l-why .g-cols  {
		margin-top:5px !important;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 600px) {
    .l-why .header_text {
        height: 75px;
        width: 300px;
    }

    .l-why .header_text {
        right: 20px;
    }

    .l-why {
        background-image:none;
    }
	
	
}




.l-why .g-cols {
    margin-top:-50px;
}


.l-contactUs .w-iconbox .w-iconbox-icon {
    color: #c10013;
    box-shadow: 0 0 0 2px #c10013 inset !important;
}

.w-iconbox-icon:before {
	background-color: #C10013 !important;
}
.w-iconbox-link img {
    width: 130px;
    height: auto;
}

.w-iconbox-title {
    text-transform: uppercase;
    font-size: 1em;
}

.w-iconbox {
    text-align: center;
}


/* Updates */
div.color_primary.l-getUpdates {
    background-color: #c10013;
}

.l-getUpdates label {
    line-height: 40px;
    margin-right: 10px;
}

.l-getUpdates input[type=text] {
    background-color: #fff;
    border-radius: 0;
    width: 250px;
    border: solid 1px #ff4d00;
}

.l-getUpdates .success {
    margin-top: 10px;
}


/* Tracks */


.l-tracks {
    background: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/homepage-TRACKS-background.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*ms-background-size: 1200px auto;
    background-size: 1200px auto;*/
}

    /*.l-tracks .header_text {
        background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/TK2015/section-tracks-604x106.png');
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 106px;
        width: 604px;
        position: absolute;
        top: 0px;
        left: 0;
    }*/

    .l-tracks .l-submain-h {
        padding: 30px 0;
    }

    .l-tracks .g-cols {
        margin-left: 60px;
    }

    .l-tracks .text1 {
        font-size: 3em;
        color: #fff;
        line-height: 1.5em;
        margin-bottom: 5px;
    }

        .l-tracks .text1 span {
            font-weight: 500;
        }

    .l-tracks .descr {
        color: #fff;
        font-size: 1.25em;
        line-height: 1.3em;
    }

    .l-tracks ul {
        margin: 0;
    }

    .l-tracks li {
        list-style: none;
    }

    .l-tracks a {
        color: #fff;
    }
	
	.l-tracks a:hover {
		background-color: rgba(255,0,0,0.5);
		background-color: rgb(255,0,0,0.5);
		color: #fff;
		border-bottom: 0 !important;
	}

    .l-tracks li:before {
        content: "\00BB\00a0";
    }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 800px) {
    .l-tracks .one-fifth.alpha {
        display: none;
    }

    .l-tracks .g-cols.offset_default {
        padding: 10px;
    }

    .l-tracks .text1 {
        font-size: 2em;
        line-height: 2.3em;
    }
}



/* Rich Callout */
.l-richCallout {
    background: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/homepage-full-potential-background-2.jpg');
    background-repeat: repeat;
    -ms-background-size: 1200px auto;
    background-size: 1200px auto;
}

    .l-richCallout .l-submain-h {
        padding: 30px 0;
    }

    .l-richCallout .text1 {
        font-size: 3.5em;
        color: #fff;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

        .l-richCallout .text1 span {
            font-family: "myriad-pro-condensed",sans-serif;
            font-weight: 500;
            letter-spacing: 1px;
        }


    .l-richCallout .descr {
        color: #fff;
        font-size: 1.25em;
        line-height: 1.5em;
    }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 800px) {
    .l-richCallout .one-fifth.alpha {
        display: none;
    }

    .l-richCallout .g-cols.offset_default {
        padding: 10px;
    }

    .l-richCallout .text1 {
        font-size: 2em;
        line-height: 1.2em;
    }
}




/* Speaker Box */
.w-speakerbox {
    /*width: 300px;
    height:auto;
    float: left;
    position: relative;
    margin: 0 40px 0 40px;*/
    width: 300px;
    float: left;
    position: relative;
    margin: 0 40px 0 40px;
    text-align: center;
}

.w-speakerbox-meta {
    position: absolute;
    z-index: 100;
}

.w-speakerbox-title, .w-speakerbox-subtitle {
    font-family: "myriad-pro-condensed",sans-serif;
}

.w-speakerbox-subtitle {
    font-weight: 100;
    font-size: 1.7em;
    color: #666;
}



.w-speakerbox img {
    width: 100%;
    height: auto;
}

.w-speakerbox-title {
    font-weight: 700;
    color: #c10013;
    margin-bottom: 0;
    font-size: 1.9em;
}

    .w-speakerbox-title a, .w-speakerbox-title a:hover, .w-speakerbox-title a:active, .w-speakerbox-title a:visited {
        color: #c10013;
    }

        .w-speakerbox-title a:hover {
            text-decoration: underline;
        }


.l-keynotes {
    background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/speaker-triangle-lines.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
    max-width: 1400px;
    margin: 0 auto 0 auto;
}

    .l-keynotes .header_text {
        background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/speakers-text-header.png');
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 200px;
        width: 800px;
        
    }

    .l-keynotes .even, .odd {
        margin-top: 0px;
    }

    .l-keynotes .l-submain-h {
        padding-top: 0;
    }

/* Smartphones (landscape) ----------- */	
@media only screen and (max-width : 800px) {
	 .l-keynotes .header_text {
        height: 150px;
        width: 600px;
    }
	
	 .w-speakerbox-meta {
        position: inherit;
        left: inherit;
        right: inherit;
    }

    .l-keynotes .header_text {
        top: 0px;
        left: 20px;
    }

    .l-keynotes .even, .odd {
        margin-top: 0;
    }

    .w-speakerbox {
        width: 100%;
        padding: 10px;
        text-align: center;
		margin:0;
    }

        .w-speakerbox img {
            width: 50%;
        }

        .w-speakerbox.odd .w-speakerbox-meta, .w-speakerbox.even .w-speakerbox-meta {
            top: inherit;
            left: inherit;
            width: inherit;
            text-align: center;
        }
        
        .one-quarter {
	        width: 100% !important;
	        padding: 10px;
	        text-align: center;
	        margin: 0;
        }

	
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 600px) {
    .l-keynotes .header_text {
        height: 75px;
        width: 300px;
    }

   
}



/* Sponsors */
.l-sponsors {
    margin: 0 auto;
}

    .l-sponsors .header_text {
        background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/TK2015/section-speakers-604x106.png');
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 106px;
        width: 528px;
        position: absolute;
        top: 24px;
        right: 0;
    }


    .l-sponsors h3 {
        margin-bottom: 60px;
        color: #565559;
        text-transform: uppercase;
        font-family: "proxima-nova", Arial, Heltevica, sans-serif;
    }

    .l-sponsors .slick-slide img {
        width: 50%;
    }

/* Speakers */

.l-speakers {
    background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/TK2015/background_hex.jpg');
    background-repeat: repeat-y;
    background-size: 1780px 509px;
    background-position: center top;
    min-height: 450px;
    background-position: 50%;
    max-width: 1400px;
    margin: 0 auto;
}

a.btn-simple {
    border: solid 1px #ff4d00;
    padding: 10px;
    color: #ff4d00;
    text-decoration: none;
    background: #fff;
}

    a.btn-simple:hover {
        color: #fff !important;
        background: #ff4d00 !important;
    }




/* Pre Conference */

.l-preconf .l-submain {
    padding: 10px;
}

.l-preconf h3 {
    text-transform: uppercase;
    font-weight: 800;
    color: #ff4d00;
}

/* Venue */
.l-venue .venue img {
    width: 100%;
}

.l-venue .l-submain-h {
    padding-top: 0;
}

.separator {
    color: rgb(242,99,34);
}

.l-venue .venue_name {
    font-size: 3em;
    line-height: 1.4em;
    color: #ffffff;
    position: absolute;
    bottom: 150px;
    left: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.l-venue .venue_location {
    color: #fbb368;
    text-transform: uppercase;
    position: absolute;
    bottom: 98px;
    left: 28px;
    font-size: 1.5em;
}


.l-venue .header_text {
    background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/venue-text.png');
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 104px;
    width: 414px;
    position: absolute;
    top: -1px;
    right: 24px;
}

.l-venue .book_now {
    position: absolute;
    bottom: 24px;
    right: 28px;
    background: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/TK2015/ribbon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 221px;
    height: 69px;
}

    .l-venue .book_now span {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: bold;
        padding: 0 10px;
        line-height: 69px;
    }

.l-venue .l-submain {
    padding-left: 0;
    padding-right: 0;
}

.l-venue .venue {
    width: 100%;
    height: auto;
}

.l-venue .book_now a, .l-venue .book_now a:active, .l-venue .book_now a:hover, .l-venue .book_now a:visited {
    color: #fff;
}

@media only screen and (max-width : 600px) {
    .l-venue .venue_name {
        position: relative;
        bottom: inherit;
        color: #000;
        margin-top: 12px;
    }

    .l-venue .venue_location {
        position: relative;
        bottom: inherit;
        margin-top: 15px;
    }

    .l-venue .book_now {
        position: relative;
        bottom: inherit;
        margin-top: 10px;
        right: inherit;
        margin-left: 24px;
    }

    .l-venue .header_text {
        display: none;
    }
}
/* Contact Us */
.l-contactUs {
    position: relative;
}

    .l-contactUs > div.heading {
        display: none;
    }

    .l-contactUs h2 {
        display: none;
    }

    .l-contactUs .header_text {
        background-image: url('http://files.astd.org.s3.amazonaws.com/Marketing/Microsites/ICE2016/Text-headers/contact-text-header.png');
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 200px;
        width: 800px;
        position: absolute;
        top: -2px;
        
    }

    .l-contactUs .g-cols {
        margin-top: 130px;
    }
	
	/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 800px) {
    .l-contactUs .header_text {
        height: 150px;
        width: 600px;
    }
	
	.l-contactUs .g-cols {
        margin-top: 70px;
    }
	
}

@media only screen and (max-width : 600px) {
    .l-contactUs .header_text {
        width: 300px;
        height: 75px;
    }
	
	.l-contactUs .g-cols {
        margin-top: 50px;
    }

}


/* Sub Page*/
.l-subPage .banner {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    line-height: 0;
}

.l-subpage img {
    float: left;
}

.l-subPage .banner img {
    width: 100%;
}

.l-subPage .l-submain-h {
    max-width: 1200px;
    background-color: #ffffff;
    padding: 50px;
    z-index: 1;
}


/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 800px) {
    .header_text {
        margin-top:10px;
		
    }
}

@media only screen and (max-width : 600px) {
    .l-subPage .l-submain-h {
        padding: 30px 15px;
    }
}
