@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700,800);


/* MASTER FONT FAMILIES */
html, .button, input, textarea, button {
    font-family: 'Open Sans', helvetica, sans-serif;
}



/* MASTER COLOR PALETTE */

/* LIGHT BACKGROUND COLOR */
html, body, .list li, #header_tabs a {
    background: white;
}

#pending_posts_badge, .white, .topbar_button, .topbar_button:hover, #home_banner_inner, #header_nav .nav_selected, #header_nav .nav_selected:hover, #region_header_wrapper, #region_header_wrapper a {
    color: white;
}



/* DARK TEXT COLOR */
body, a:hover, #add_comment_button:hover, #home_subscribe a, .nav_tabs a, .post_list h2 a, #highlighted_items a, .attachment a {
    color: #231f20;
}
footer, #home_subscribe a:hover, #header_topbar, #header_nav_mobile_bar, #header_nav .nav_selected, #header_nav .nav_selected:hover, #header_tabs .region_link:hover, .region_sidebar_social_media_links a {
    background-color: #231f20 !important;
}



/* DARK-ISH ACCENT COLOR */
.nametag_since, .item h5 a {
    color: #444;
}
.topbar_button:hover, #search_submit:hover {
    background-color: #444;
}



/* LIGHT GRAY */
.lightgray {
    color: #999;
}
.attendee_wrapper {
    border-top: 1px solid #999;
}



/* LIGHTER ACCENT COLOR */
#home_subscribe, header, #new_box, .attachment, .registration_note, .conf_review_box_inner {
    background: #e4e4e4;
}
.comment, .post_list {
    border-bottom: 1px solid #e4e4e4;
}
nav a:hover, nav a, #nametag a {
    color: #e4e4e4;
}
hr {
    color: #e4e4e4;
    background-color: #e4e4e4;
}
#add_comment_button {
    border: 1px solid #e4e4e4;
}



/* BLUE */
.bluebg, #header_tabs a:hover {
    background-color: #25b4df;
}
a, .blue, .byline b {
    color: #25b4df;
}



/* GREEN */
.greenbg {
    background-color: #4f9938;
}



/* CYAN ACCENT */
.cyan {
    color: #1eb1db;
}
#footer_tabs a {
    border-left: 1px solid #1eb1db;
}
#search_submit {
    background-color: #1eb1db;
}



/* YELLOW */
#home_subscribe a {
    background: #f8ec4a;
}

#home_subscribe a:hover {
    color: #f8ec4a;
}



/* RED */
#pending_posts_badge, #nav_badge {
    background: #d8000e;
}





main, #header_main, #header_nav, #conf_reg_header_inner, .content_simple, #header_topbar_inner, #footer_inner, #series_header_inner, #home_banner_inner {
    width: 960px;
    box-sizing: border-box;
    margin: 0 auto;
}

main {
    margin-top: 5px;
    margin-bottom: 20px;
}

#main_form {
    max-width: 750px;
}



h1, h2, h3, h4, h5, h6 { margin: 0.25em 0 0.5em 0; line-height: 1.4; font-weight: 900; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; font-weight: normal; }

p { font-size: 15px; }

.small { font-size: 0.8em; }

.allcaps { text-transform: uppercase; letter-spacing: 0.04em; }

.lightweight { font-weight: 300; }





header {
    text-align: left;
    z-index: 6;
}

#header_main {
    overflow: hidden;
    height: 120px;
    max-width: 100%;
}

#header_topbar {
    padding: 0px;
    overflow: auto;
    font-size: 14px;
}

#header_topbar_inner {
    padding: 0 20px;
}

.topbar_button {
    display: inline-block;
    font-weight: 700;
    padding: 9px 11px 9px 27px;
    margin: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 7px center;
    cursor: pointer;
}

.topbar_button:hover {
    text-decoration: none;
}

#topbar_add {       background-image: url(/images/main/topbar_add.png); }
#topbar_account {   background-image: url(/images/main/topbar_account.png); }
#topbar_admin {     background-image: url(/images/main/topbar_admin.png); }
#topbar_login {     background-image: url(/images/main/topbar_login.png); }

.topbar_add_selected, .topbar_add_selected:hover {
    color: white !important;
    background-color: #076e87 !important;
    background-image: url(/images/main/topbar_add_white.png) !important;
    z-index: 20;
    position: relative;
}

#pending_posts_badge {
    float: left;
    width: 24px;
    height: 24x;
    border-radius: 12px;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    margin: -1px 5px -2px -15px;
}

.social_media_links {
    float: right;
    padding-top: 7px;
    clear: both;
    overflow: auto;
}

.social_media_links a {
    display: block;
    float: left;
    background: #fff;
    margin: 0 0 0 8px;
    min-width: 24px;
    height: 24px;
    padding: 0px;
    border-radius: 15px;
    color: #444;
    text-decoration: none;
    text-align: center;
}

.social_media_links a:hover {
    background: #ccc;
}

.social_media_links img {
    width: 14px;
    height: 14px;
    margin: 5px 0 0 0;
}

#new_box {
    display: none;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 50%;
    margin-left: -460px;
    padding: 8px 0;
    min-width: 160px;
    z-index: 10;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

#new_box a {
    display: block;
    padding: 5px 10px 5px 38px;
    font-size: 15px;
    background-image: url(/images/main/icons.png);
    background-repeat: no-repeat;
    background-size: 22px auto;
    color: #231f20;
}

#new_box a:first-child {
    margin-top: 0px;
}

#new_box a:hover {
    text-decoration: none;
    background-color: white;
}

#new_box_close {
    display: none;
}

#new_page           { background-position: 12px   0px; }
#new_post           { background-position: 12px  -35.4px; }
#new_conference     { background-position: 12px  -66.8px; }
#new_survey         { background-position: 12px  -99.2px; }
#new_document       { background-position: 12px -130.6px; }
#new_link           { background-position: 12px -161px; }
#new_podcast        { background-position: 12px -287.6px; }
#new_video          { background-position: 12px -318px; }

#logo_main {
    float: left;
    margin: 10px 0 0 20px;
    width: 270px;
    height: auto;
}

#logo_main img {
    width: 100%;
    height: auto;
}

#header_nav {
    overflow: auto;
    padding-left: 20px;
}

#header_tabs {
    padding: 0;
    font-size: 12px;
    overflow: auto;
}

#header_nav .nav_tabs a {
    display: block;
    float: left;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
    padding: 14px 8px 0px 8px;
    margin: 0 1px 0 0;
    height: 24px;
}

#header_tabs a:hover {
    text-decoration: none;
}

#header_tabs .region_link {
    width: 20px;
    background-size: 22px 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.region_link_name {
    display: none;
}

#search_box {
    float: right;
    margin: 40px 20px 0 0;
}

#search_input, #search_input:focus {
    border: none;
    outline: none;
    padding: 15px;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#search_submit {
    display: block;
    float: right;
    width: 50px;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url(/images/main/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

#header_nav_mobile_bar, #search_box_mobile {
    display: none;
}



/* Region Header */

#region_header_wrapper {
    width: 100%;
    height: 100px;
}

#region_header_background_left {
    position: absolute;
    height: 100px;
    width: 50%;
    z-index: 1;
}

#region_header_inner {
    max-width: 960px;
    
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    height: 100px;
}

#region_header_left, #national_header_left {
    width: 100px;
    height: 100px;
    display: block;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}

#region_header_left {
    margin-right: 20px;
}

#national_header_left {
    margin-right: 5px;
}

#region_header_name, #national_header_name {
    font-size: 36px;
    font-weight: bold;
    height: 40px;
    line-height: 1;
    display: block;
    text-decoration: none;
}

#region_header_name {
    padding-top: 20px;
}

#national_header_name {
    padding-top: 30px;
}

#region_header_states {
    line-height: 16px;
}

#region_header_states div {
    display: inline-block;
    margin-right: 10px;
}



/* Conference Registration Header */

#conf_reg_header_inner {
    overflow: auto;
}

#conf_reg_header_inner .region_badge_xlarge {
    margin: 18px 20px 18px 20px;
}

#conf_reg_header_details {
    padding-top: 22px;
    margin-left: 102px;
    padding-bottom: 5px;
    margin-right: 15px;
}

#conf_reg_header_details a {
    color: white;
    text-decoration: none;
}

#conf_reg_header_details h2, #conf_reg_header_details p {
    line-height: 1.2;
    margin: 0 0 8px 0;
}

#conf_reg_header_details p {
    color: white;
    opacity: 0.8;
}



/* Footer */

#footer_inner {
    padding: 50px 20px;
    overflow: auto;
}

#footer_tabs {
    float: right;
    padding: 0 0 40px 0;
    font-size: 13px;
}

#footer_tabs a {
    color: white;
    padding: 4px 15px;
    text-transform: uppercase;
}

#footer_tabs a:first-child {
    border-left: none;
}

#footer_tabs a:last-child {
    padding-right: 0px;
}

#footer_copyright {
    float: right;
    clear: both;
    font-size: 12px;
    margin-top: 15px;
    color: #666;
}

#footer_logo, #footer_logo img {
    width: 250px;
    margin-top: -5px;
}



/* Home */

#home_banner {
    background-color: #136e86;
    background-image: url('/images/main/home_banner1.jpg');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 100%;
}

#home_banner_inner {
    height: 150px;
}

#home_banner_inner p {
    margin: 0;
    display: table-cell; 
    vertical-align: middle; 
    text-align: left;
    max-width: 750px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.6;
    height: 150px;
    padding: 20px;
    box-sizing: border-box;
}

#highlighted_items {
    overflow: auto;
    padding-bottom: 15px;
}

#highlighted_items a {
    float: left;
    width: 31%;
    box-sizing: border-box;
    margin-right: 3.4%;
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
}

.highlighted_image {
    width: 100%;
    height: 150px;
    background: gray;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center 25%;
}

#highlighted_items a:last-child{
    margin-right: 0;
}



#home_main_left {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 65%;
    margin: 0 0 20px 0;
}

#home_main_right {
    box-sizing: border-box;
    float: right;
    margin: 0;
    width: 31%;
    margin: 0 0 20px 0;
    font-size: 14px;
}

#home_main_right .button_small {
    margin-top: 6px;
}

.home_heading {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    padding: 10px 0 5px 0;
}

.region_sidebar_social_media_links a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    border-radius: 18px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 50% 50%;
}

.region_sidebar_social_media_links .facebook { background-image: url(/images/main/social_facebook_white.png); }
.region_sidebar_social_media_links .linkedin { background-image: url(/images/main/social_linkedin_white.png); }
.region_sidebar_social_media_links .twitter  { background-image: url(/images/main/social_twitter_white.png); }



.home_conf_wrapper {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
}

.home_conf_item {
    display: block;
    margin: 15px 0 25px 0;
    padding-left: 57px;
    overflow: auto;
    color: black;
    font-size: 14px;
    line-height: 1.4;
}

.home_conf_item:hover {
    text-decoration: none;
}

.home_conf_item b {
    font-weight: 900;
}

.home_conf_item .region_badge {
    margin-left: -57px;
    margin-top: 3px;
}



/* TURN newsletter */

.newsletter_cover {
    float: left;
    width: 96px;
    height: 124px;
    border: 1px solid gray;
    margin-right: 15px;
}





/* Content */

.img1 {
    clear: left;
}

.img1 img {
    width: 100%;
}

article {
    margin-top: 18px;
    max-width: 650px;
    margin-bottom: 20px;
}

article h3 {
    margin: 0.75em 0 0.25em 0;
    clear: left;
    line-height: 1.5;
}

article h5 {
    font-weight: normal;
    margin: 0;
    line-height: 1.4;
}

#series_header {
    min-height: 130px;
    background-size: 100% auto;
    background-color: #333;
    background-position: center 30%;
    overflow-y: auto;
}

#series_header h1 {
    margin: 2px;
    font-size: 38px;
    font-weight: normal;
    display: block;
    padding-left: 15px;
}

#series_header a {
    display: block;
    padding: 36px 30px 25px 0px;
    color: white;
}

#series_header a:hover {
    text-decoration: none;
}

.series_description {
    font-size: 26px;
    font-weight: 100;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
}

.series_back_to_videos_link {
    margin: -15px 0 25px 0;
    display: block;
}

.video_series_list_wrapper {
    overflow: auto;
    clear: both;
    margin-bottom: 24px;
}

.video_series_list_wrapper img {
    width: 32%;
    height: auto;
    margin: 0 5px 5px 0;
    display: block;
    float: left;
}


.series_wrapper {
    position: relative;
    overflow: hidden;
}
.series_left {
    float: left;
    width: 60%;
}
.series_left-content {
    padding: 30px;
    margin-right: 20px;
}

.series_left-content .series_cover {
    width: 80%;
    height: auto;
}
.series_right {
    float: right;
    width: 40%;
    margin-left: -40%;
    padding: 30px;
}

.series_right .preview {
    width: 100px;
    height: auto;
    float: left;
}

.series_right_item {
    border-top: 1px solid #d3d3d3;
    padding: 15px 0 5px 0;
}

.series_right_item:first-child {
    border-top: none;
    padding-top: 0;
}

.series_right_item_content {
    margin-left: 115px;
}

.series_right_item h5 {
    font-size: 14px;
    margin: 0;
}

.series_right_item p {
    font-size: 12px;
    margin: 0 0 3px 0;
}



.podcast_title {
    max-width: 650px;
}

#podcast_audio_wrapper {
    padding: 15px 0;
    clear: left;
    max-width: 650px;
}

audio {
    width: 100%;
}



.region_badge, .region_badge_xlarge {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
}

.region_badge {
    border-radius: 4px;
    width: 46px;
    height: 46px;
    background-size: 34px 34px;
}

.region_badge_xlarge {
    border-radius: 8px;
    width: 64px;
    height: 64px;
    background-size: 44px 44px;
}

.document_wrapper {
    background: #eee;
    padding: 20px;
    display: inline-block;
    margin-bottom: 15px;
}

.document_wrapper .file_icon {
    vertical-align: top;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 15px 0;
    clear: left;
}

.video-container-youtube {
    padding-top: 30px;
}
 
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.link_icon {
    width: 30px;
    height: 30px;
    float: left;
    margin: -4px 12px -4px 0;
    background-image: url(/images/main/icons.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: -5px -307px;
}

.img_fullwidth {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

.img_alignright {
    max-width: 50%;
    height: auto;
    float: right;
    margin: 0 0 10px 15px;
}

.img_alignleft {
    max-width: 50%;
    height: auto;
    float: left;
    margin: 0 15px 10px 0;
}

.draft_bar {
    background-color: lightgray;
    background-image: url(/images/main/draft_bg.png);
    background-size: 50px;
    font-weight: bold;
    font-size: 13px;
    padding: 11px 15px 10px 15px;
    text-align: center;
    margin-bottom: 20px;
}

.attachments {
    float: right;
    max-width: 240px;
    margin: 5px 0 15px 15px;
    text-align: left;
}

.attachment {
    padding: 10px 10px 10px 10px;
    margin-bottom: 5px;
}

.attachment_link {
    margin-left: 25px;
    font-weight: bold;
    text-indent: -22px;
    display: inline-block;
}

.attachment .button_small {
    margin-top: 10px;
    margin-bottom: 0;
}

.file_icon {
    width: 18px;
    height: auto;
    vertical-align: bottom;
    margin: 0 4px 0 0;
}

.file_delete_undo_div {
    display: none;
}

.share_bar {
    margin-top: 15px;
    overflow: auto;
    padding-bottom: 15px;
}

.share_bar_title {
    display: block;
    width: 50px;
    padding-top: 1px;
    float: left;
    font-size: 14px;
}

.share_bar_title {
    padding-top: 3px;
}

.share_bar a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #333;
    margin: 0 8px 8px 0;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.share_bar a:hover {
    background-color: #666;
}

.share_email {      background-image: url(/images/main/social_email_white.png); }
.share_facebook {   background-image: url(/images/main/social_facebook_white.png); }
.share_twitter {    background-image: url(/images/main/social_twitter_white.png); }
.share_linkedin {   background-image: url(/images/main/social_linkedin_white.png); }

#item_list_wrapper {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
}

.item {
    border-bottom: 1px solid #ccc;
    padding: 6px 0 10px 0;
    min-height: 40px;
    overflow: auto;
}

.item_conference_page {
    padding-left: 60px;
}

.item .region_badge {
    margin-top: 4px;
    margin-right: 8px;
}

.item_conference_page .region_badge {
    margin-left: -60px;
    margin-top: 5px;
}

.featured_image {
    float: right;
    max-width: 200px;
    max-height: 130px;
    margin: 5px 0 3px 15px;
}

.video_thumb_wrapper {
    float: right;
    margin: 6px 0 2px 10px;
    position: relative;
}

.video_thumb {
    width: 200px;
    max-height: 157px;
    margin: 0;
    display: block;
}

.video_thumb_duration {
    background: black;
    padding: 5px 3px;
    color: white;
    position: absolute;
    bottom: 0px;
    line-height: 1;
    height: 12px;
    width: 38px;
    font-size: 11px;
    opacity: 0.7;
    text-align: center;
    z-index: 101;
}

.video_thumb_wrapper a:hover {
    text-decoration: none;
}

.draft_badge {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 6px 2px 6px;
    font-size: 12px;
    font-weight: bold;
    background-color: #d3d3d3;
    background-image: url(/images/main/draft_bg.png);
    background-size: 20px;
    margin: 5px 0;
    border-radius: 4px;
}

.item h5 {
    margin: 2px 0;
    max-width: 650px;
}

.item .allcaps {
    font-size: 0.9em;
}

.item p {
    font-size: 14px;
    margin: 2px 0;
    max-width: 650px;
}

.read_more {
    font-weight: 700;
    font-size: 11px;
}

.conference_registration_button_wrapper {
    margin: 25px 0 25px 0;
    overflow: auto;
    display: inline-block;
}

.conf_reg_button {
    padding: 25px 60px 25px 40px;
    font-size: 1.1em;
    border-radius: 6px;
    
    background-image: url(/images/main/reg_button_icon.png);
    background-repeat: no-repeat;
    background-size: 22px 25px;
    background-position: 90% 50%;
}

.reg_close_note {
    text-align: center;
    background: #eee;
    margin-top: -8px;
    margin-right: 38px;
    margin-left: 30px;
    font-size: 0.75em;
    padding: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.registration_note {
    border: 0;
    color: #222;
    text-align: center;
    min-width: 100px;
    padding: 12px;
    font-size: 16px;
    margin: 0 8px 8px 0;
    line-height: 1;
    display: inline-block;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.conference_registration_button_wrapper .small {
    margin-top: 0;
}





.registration_closed_box {
    margin-top: 30px;
    padding: 30px 50px;
}

.conf_signup_wrapper {
    margin: 0px auto 0 auto;
    max-width: 650px;
}

#conf_form_login {
    margin: 40px auto 0 auto;
    max-width: 300px;
}

#conf_form_login label {
    text-align: left;
    display: block;
    width: 100%;
    margin: 20px 0 2px 0;
}

#conf_form_login .input {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 8px;
    border-radius: 3px;
}

.conf_login_button {
    margin-top: 30px;
    width: 100%;
    box-sizing: border-box;
}

.conf_login_button img {
    width: 18px;
    height: 18px;
    margin: 0 8px -2px -4px;
}

.conf_fee_right {
    float: right;
    margin-top: 10px;
}

.attendee_wrapper {
    padding: 20px 0 0 0;
    margin-top: 20px;
    overflow: auto;
}

#attendee_form_bottom {
    padding-top: 30px;
}

.attendee_remove_link {
    clear: both;
    float: left;
    margin-top: 15px;
    margin-left: 160px;
    cursor: pointer;
    font-size: 14px;
}

#attendee_form_wrapper label {
    float: left;
    width: 160px;
    clear: both;
    padding-top: 6px;
}

.checkbox_label {
    width: auto;
}

#attendee_form_wrapper input {
    margin-bottom: 12px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 6px;
    border-radius: 3px;
    width: 350px;
}

#attendee_form_wrapper select {
    margin-top: 6px;
    font-size: 16px;
}

#attendee_form_wrapper .button {
    padding: 12px;
    width: 220px;
    box-sizing: content-box;
}

#attendee_form_wrapper .field_spacer {
    clear: both;
}

.attendee_wrapper .input_wrapper {
    border: 1px solid black;
    width: 350px;
}

.conf_reg_sessions_wrapper {
    margin-top: 10px;
}

.conf_reg_sessions_list_boxes {
    padding-top: 6px;
    margin-bottom: -5px;
    box-sizing: border-box;
    font-size: 16px;
    width: 350px;
    overflow: auto;
}

#attendee_form_wrapper input[type='checkbox'] {
    float: left;
    width: 22px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 3px;
}

#attendee_form_wrapper .conf_reg_sessions_list_boxes label {
    float: left;
    clear: none;
    padding-top: 0px;
    cursor: pointer;
    width: auto;
}

.conf_review_box_inner {
    padding: 15px 20px;
    margin-top: 2px;
}

.conf_signup_wrapper .edit_button {
    float: right;
    font-weight: bold;
    font-size: 0.9em;
    margin-top: 6px;
}

.conf_session_listing {
    border: 1px solid #d3d3d3;
    margin: 10px 0 0 0;
    padding: 10px 10px;
}

.conf_session_listing p {
    margin: 2px 0 0 0;
    font-size: 0.9em;
}



/* UI elements */

.error_box {
    background: #d1213c;
    padding: 10px 15px;
}

.label_error {
    color: #d1213c;
}



/* Responsive */

@media screen and (max-width: 959px) {
    main, #header_main, #header_nav, #conf_reg_header_inner, .content_simple, #header_topbar_inner, #footer_inner, #series_header_inner, #home_banner_inner {
        width: 100%;
    }
}

@media screen and (max-width: 699px) {

    p { font-size: 14px; }

    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; font-weight: normal; }
    

    #header_topbar {
        display: none;
    }
    
    #header_main {
        height: 100px;
    }
    
    header .social_media_links,
    #resources_tab {
        display: none;
    }
    
    #logo_main {
        float: none;
        margin: 8px 0 8px 15px;
        width: auto;
        height: 80px;
    }
    
    #logo_main img {
        width: auto;
        height: 80px;
    }
    
    #nav_toggle {
        cursor: pointer;
        float: right;
        clear: none;
        margin: 30px 15px 0 0;
        width: 50px;
        height: 40px;
        display: block;
        background-image: url(/images/main/mobile_more.png);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: center center;
    }
    
    #header_nav {
        display: none;
        margin: 0 0 -1px 0;
        position: relative;
        padding: 0;
        border: none;
    }
    
    #search_input_mobile {
        width: 100%;
        padding: 10px 8px 10px 15px;
        font-size: 18px;
        margin: 0;
        border: none;
        border-bottom: 1px solid #aaa;
    }
    
    #new_box {
        display: none;
        border: none;
        border-radius: 0px;
        position: absolute;
        padding-bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        background: #eee;
        box-shadow: 0 0 30px rgba(0,0,0,0.5);
    }
    
    #new_box a {
        margin: 5px 0;
    }
    
    #new_box_close {
        display: block;
        background: #222;
        height: 38px;
        color: white;
        font-weight: bold;
        cursor: pointer;
        padding-top: 13px;
        padding: 13px 10px 0 35px;
        background-image: url(/framework/images/close_light.svg);
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 8px center;
    }
    
    #header_nav .nav_tabs a, #region_nav a {
        display: block;
        border-left: none;
        border-right: none;
        float: none;
        margin: 0;
        height: auto;
        font-size: 14px;
        padding: 9px 15px;
    }
    
    .nav_tabs a {
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    
    #header_nav .nav_tabs .region_link {
        float: left;
        clear: none;
        height: 50px;
        width: 14.285%; /* 16.66 */
        box-sizing: border-box;
        background-size: 30px 30px;
    }
    
    #header_nav_mobile_bar {
        display: block;
        font-weight: 600;
        height: auto;
        overflow: auto;
        font-size: 14px;
    }
    
    #header_nav_mobile_bar a {
        letter-spacing: 0.3px;
        padding: 10px 15px;
        display: block;
        float: right;
        cursor: pointer;
        text-decoration: none;
    }
    
    #header_nav_mobile_bar a:hover {
        background: black;
        color: white;
    }
    
    #home_main_left, #home_main_right {
        float: none;
        width: 100%;
    }

    #nav_badge {
        color: white;
        width: 20px;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .featured_image {
        max-width: 150px;
        max-height: 98px;
        margin: 0 0 3px 15px;
    }

    .video_thumb {
        width: 150px;
        max-height: 118px;
        margin: 0;
    }

    #region_header_wrapper, #region_header_left, #national_header_left, #region_header_inner, #region_header_background_left {
        height: 80px;
    }
    
    #region_header_left {
        width: 80px;
        background-size: 40px;
        margin-right: 10px;
    }
    
    #national_header_left {
        width: 60px;
        background-size: 50px;
        margin-right: 5px;
        margin-left: 5px;
    }
    
    #region_header_name, #national_header_name {
        font-size: 21px;
        height: 25px;
    }
    
    #region_header_states {
         line-height: 12px;
    }
    
    #region_header_states div {
        font-size: 12px;
        margin-right: 6px;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    #region_header_states .small {
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .conf_signup_wrapper {
        width: 100%;
        max-width: 900px;
    }
    
    #conf_reg_header_details {
        padding-top: 12px;
        margin-right: 10px;
    }
    
    #attendee_form_wrapper input {
        width: 100%;
        margin-bottom: 2px;
    }

    #series_header {
        min-height: 87px;
        background-size: cover;
    }

    #series_header h1 {
        font-size: 32px;
        font-weight: normal;
        padding-left: 0;
        margin: 0;
    }

    #series_header a {
        display: block;
        padding: 20px 20px 25px 20px;
        color: white;
    }
    
    .series_description {
        font-size: 17px;
    }
    
    .series_left {
        width: auto;
        float: none;
    }
    .series_right {
        width: auto;
        float: none;
        margin: 0;
    }
        
    #home_banner_inner p {
        font-size: 12px;
        line-height: 1.4;
        padding: 15px;
    }
    
    .highlighted_image {
        height: 100px;
        margin-bottom: 5px;
    }
    
    #footer_inner {
        padding: 30px 15px;
        text-align: left;
    }
    
    #footer_tabs {
        float: none;
        padding-bottom: 0;
    }
    
    #footer_tabs a {
        padding: 2px 10px;
    }
    
    #footer_logo {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    footer .social_media_links {
        float: none;
    }
    
    #footer_copyright {
        float: none;
    }
    
    .resources_top_box_wrapper {
        padding: 0;
    }
    
    .resources_top_box_wrapper a {
        width: 23%;
        margin: 0;
        font-size: 14px;
        background-size: 33px 33px;
        background-position: 50% 15px;
        height: 30px;
        padding-top: 50px;
    }
    
    .attachments {
        float: none;
        max-width: none;
        margin: 10px 0 0 0;
        text-align: left;
    }
    
    .attachment {
        padding: 6px;
        margin-bottom: 3px;
    }
    
    .registration_note {
        line-height: 1.3;
    }

    /*
    .reg_close_note {
        margin: 6px 0 2px 0;
        font-size: 12px;
        color: #999;
        text-shadow: 1px 1px #000;
    }
    */
    
    #attendee_form_wrapper label {
        padding-top: 12px;
        padding-bottom: 4px;
        width: 100%;
    }
    
    .conf_reg_sessions_list_boxes {
        width: 100%;
    }
    
    #attendee_form_wrapper .conf_reg_sessions_list_boxes label {
        width: auto;
    }
    
    #attendee_form_wrapper select {
        clear: left;
        margin-top: 2px;
        margin-bottom: 8px;
        width: 100%;
    }
    
    .attendee_remove_link {
        margin-left: 0;
    }

}



/* input placeholder text color */
::-webkit-input-placeholder {   color: #888; }
:-moz-placeholder {             color: #888; }
::-moz-placeholder {            color: #888; }
:-ms-input-placeholder {        color: #888; }