/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Kanit:400,600,700|Roboto:400,700");
/* VARIABLES */
/* Chapter Highlight Widget */
.locations { padding: 35px 0; background: #222; color: #fff; }

.locations .location { float: left; width: 11.1%; text-align: center; padding: 15px; }

@media screen and (min-width: 768px) and (max-width: 991px) { .locations .location { width: 33.3%; } }

@media screen and (max-width: 767px) { .locations .location { width: 50%; } .locations .location:last-child { margin: 0 auto; float: none; } }

.locations .location .location-img img { border-radius: 50%; }

.locations .location h4.location-name { margin: 15px 0 0 0; font-size: 18px; font-weight: normal; font-family: 'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif; }

.subscribe-form-container { background: #003cb2; }

.subscribe-form-container .widget-title, .subscribe-form-container .widget-subtext { color: #FFFFFF; }

.subscribe-form-container .btn.btn-primary { background: #FFFFFF; color: #003cb2; }

.subscribe-form-container .btn.btn-primary:hover { color: #003cb2; }

#main-menu-mobile #search_form .btn.btn-lg { border-radius: 0 6px 6px 0 !important; }

/* HEADER */
.site-header { height: 150px; }

.site-header #header_topbar { background: #002244; }

.site-header #header_topbar #header-account-buttons { margin-top: 0; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav #slide-search-field { background: #FFFFFF; margin: 5px 10px 0 0; border-radius: 25px; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav #slide-search-field .btn-default { background: transparent; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li { margin-left: 0; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { padding: 11px 25px; border: 0; border-radius: 0; font-family: "Kanit", "Roboto", Helvetica, sans-serif; font-size: 15px; font-weight: 600; color: #FFFFFF; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:focus, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.selected { background-color: initial; color: #FFFFFF; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) { background-color: #bf1b4f; color: #002244; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a:hover, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a:focus, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a.selected { color: inherit; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(2) { background-color: #28B4FF; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(3) { background-color: #003cb2; }

.site-header #header_topbar .navbar-header .navbar-brand { position: absolute; top: 50px; z-index: 999; }

.site-header .navbar-default .main-nav > ul.navbar-nav { margin-left: 200px; margin-top: 30px; }

.site-header .navbar-default .main-nav > ul.navbar-nav > li > a { padding: 15px 12px; font-family: "Kanit", "Roboto", Helvetica, sans-serif; font-size: 17px; font-weight: 600; }

@media (max-width: 1199px) { .site-header .navbar-default .main-nav > ul.navbar-nav > li > a { font-size: 13px; } }

.site-header .navbar-default .main-nav > ul.navbar-nav .dropdown-menu > li > a { font-size: 14px; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { color: #fff !important; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a:hover, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a:focus, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:nth-of-type(1) a.selected { color: #fff !important; }

@media (max-width: 991px) { .navbar .navbar-brand, .site-header { height: 100px; } .site-header .navbar-default > .container { width: 100%; padding: 0 !important; } }

@media (max-width: 991px) { .suppress_nav_links #page .site-header { height: 100px; } .suppress_nav_links #page .site-header > .navbar-default { display: block; } }

/* MAIN CONTENT */
body, p, a { font-family: 'Roboto', Helvetica, sans-serif !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5 { font-family: "Kanit", "Roboto", Helvetica, sans-serif !important; }

.header-banner { border-top: 3px solid #003cb2; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { display: none; }

.what-we-do-panel a i { font-size: 60px; }

.payment_result_sel .successful-payment a.return_after_payment_sel { background: #FF4136; }

.payment_result_sel .successful-payment a.return_after_payment_sel::before { font-family: fontAwesome; content: "\f044\ "; }

.setup_profile .setup_main_section .setup_form .new-profile-contact > .row > div { width: 100%; }

.setup_profile .setup_main_section .setup_form .new-profile-contact > .row:nth-child(1) > div:nth-child(2) { display: none; }

.setup_profile .setup_main_section .setup_form .new-profile-contact > .row:nth-child(2) > div:nth-child(1) { display: none; }

.setup_profile .setup_main_section .setup_form > .row > div:nth-child(1) { width: 100%; }

.setup_profile .setup_main_section .setup_form > .row > div:nth-child(2) { display: none; }

.setup_profile .setup_main_section .setup_form > .row > div:nth-child(3) { display: none; }

.cascading_list .cta-widget { padding: 20px; border: 1px solid #E8E8E8; border-radius: 8px; }

.cascading_list .cta-widget .row > div { width: 100%; text-align: center; }

.btn.btn-lg { border: 0 !important; border-radius: 30px !important; font-family: "Kanit", "Roboto", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; }

.btn.btn-primary { color: #FFFFFF; }

.btn.btn-primary:hover { color: #FFFFFF; }

/* FOOTER */
#site_footer { padding: 0 !important; }

#site_footer .footer-top { display: none; }

#site_footer .lower-footer { background: -webkit-linear-gradient(70deg, #002244 30%, rgba(0, 0, 0, 0) 30%), -webkit-linear-gradient(30deg, #bf1b4f 60%, #002244 60%); background: -o-linear-gradient(70deg, #002244 30%, rgba(0, 0, 0, 0) 30%), -o-linear-gradient(30deg, #bf1b4f 60%, #002244 60%); background: -moz-linear-gradient(70deg, #002244 30%, rgba(0, 0, 0, 0) 30%), -moz-linear-gradient(30deg, #bf1b4f 60%, #002244 60%); background: linear-gradient(70deg, #002244 30%, rgba(0, 0, 0, 0) 30%), linear-gradient(30deg, #bf1b4f 60%, #002244 60%); }

#site_footer .lower-footer .footer-logo { max-height: initial; }

#site_footer .lower-footer .footer-logo a { display: inline-block; }

#site_footer .lower-footer .footer-logo a.footer_tou { padding: 15px; }

#site_footer .lower-footer .footer-logo a.navbar-brand { float: left; }

#site_footer .lower-footer .footer-logo .navbar-brand img { height: 50px !important; }

#site_footer .lower-footer #search_and_links .media_links li a:hover { background: initial; }

#page .header-slideshow-wrapper .flex-slideshow .slides li .slide-wrapper img { min-width: auto !important; }

/* ============================================================= HDI OHIO EVENT TEMPLATE Add this entire block at the BOTTOM of SilkStart Custom SCSS. This block is designed for the v7 template with hdi-* IDs. ============================================================= */
/* Restore the v4 full-width canvas after SilkStart saves the page. */
#hdi-event-template { display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; }

/* Keep every main block at the full available width. */
#hdi-hero-card, #hdi-snapshot-card, #hdi-preview-card, #hdi-walkaway-card, #hdi-session-card, #hdi-speaker-card, #hdi-final-card { display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; }

/* Hero: reproduce the v4 top-level full-width table. */
#hdi-hero-card { border-radius: 18px !important; overflow: hidden !important; }

#hdi-hero-card > table { display: table !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 18px !important; overflow: hidden !important; }

#hdi-hero-card > table > tbody > tr > td { box-sizing: border-box !important; width: 100% !important; }

#hdi-hero-card > table > tbody > tr:nth-child(2) > td > table { display: table !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; }

#hdi-hero-card > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:first-child { width: 54% !important; background-color: #002244 !important; }

#hdi-hero-card > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:last-child { width: 46% !important; background-color: #f7f9fc !important; }

/* HDI Ohio Presents pill. */
#hdi-presents-pill { display: inline-table !important; width: auto !important; min-width: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 20px !important; overflow: hidden !important; background-color: #315bc3 !important; }

#hdi-presents-pill td { padding: 8px 14px !important; border-radius: 20px !important; background-color: #315bc3 !important; color: #ffffff !important; }

/* Restore both Register Now buttons, including their text and padding. */
#hdi-primary-register, #hdi-final-register { display: inline-table !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; max-width: 230px !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 30px !important; overflow: hidden !important; background-color: #bf1b4f !important; }

#hdi-primary-register td, #hdi-final-register td { width: 230px !important; padding: 0 !important; border-radius: 30px !important; background-color: #bf1b4f !important; text-align: center !important; }

#hdi-primary-register a, #hdi-final-register a { display: block !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; padding: 15px 24px !important; border-radius: 30px !important; background-color: #bf1b4f !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 1 !important; font-weight: bold !important; letter-spacing: 1px !important; text-align: center !important; text-decoration: none !important; }

/* Main rounded content cards and their tables. */
#hdi-snapshot-card, #hdi-preview-card, #hdi-walkaway-card, #hdi-session-card, #hdi-speaker-card { border-radius: 16px !important; overflow: hidden !important; }

#hdi-snapshot-card > table, #hdi-preview-card > table, #hdi-walkaway-card > table, #hdi-session-card > table, #hdi-speaker-card > table { display: table !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 16px !important; overflow: hidden !important; }

/* Final navy call-to-action card. */
#hdi-final-card, #hdi-final-card > table { box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; border-radius: 18px !important; overflow: hidden !important; background-color: #002244 !important; }

#hdi-final-card > table { display: table !important; border-collapse: separate !important; border-spacing: 0 !important; }

/* Speaker photo. */
#hdi-speaker-photo { border-radius: 14px !important; object-fit: cover !important; overflow: hidden !important; }

/* ============================================================= HDI OHIO EVENT TEMPLATE - PATCH 2 Paste this entire block BELOW the first HDI template block. Fixes the invisible buttons and restores the missing card edges. ============================================================= */
/* Give the hero and content cards their visible v4 edges/backgrounds. */
#hdi-hero-card > table { border: 1px solid #d7e3f4 !important; background-color: #ffffff !important; }

#hdi-snapshot-card > table, #hdi-preview-card > table, #hdi-walkaway-card > table, #hdi-session-card > table, #hdi-speaker-card > table { border: 1px solid #d7e3f4 !important; background-color: #ffffff !important; background-clip: padding-box !important; }

#hdi-snapshot-card > table { background-color: #f7faff !important; }

/* Reinforce the rounded HDI Ohio Presents label at cell level. */
#hdi-presents-pill, #hdi-presents-pill td, #hdi-hero-card > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:first-child > table:first-child, #hdi-hero-card > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:first-child > table:first-child td { border-radius: 20px !important; overflow: hidden !important; background-color: #315bc3 !important; }

/* TOP REGISTER BUTTON The structural selector remains effective if SilkStart removes the button ID. */
#hdi-primary-register, #hdi-hero-card + table > tbody > tr > td > table { display: table !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; max-width: 230px !important; height: 48px !important; margin-left: auto !important; margin-right: auto !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 30px !important; overflow: hidden !important; background-color: #bf1b4f !important; }

#hdi-primary-register td, #hdi-hero-card + table > tbody > tr > td > table > tbody > tr > td { box-sizing: border-box !important; width: 230px !important; height: 48px !important; padding: 0 !important; border-radius: 30px !important; background-color: #bf1b4f !important; text-align: center !important; vertical-align: middle !important; }

#hdi-primary-register a, #hdi-hero-card + table > tbody > tr > td > table a { display: block !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; height: 48px !important; padding: 15px 20px !important; border-radius: 30px !important; background-color: #bf1b4f !important; color: transparent !important; font-size: 0 !important; line-height: 18px !important; text-align: center !important; text-decoration: none !important; }

#hdi-primary-register a::before, #hdi-hero-card + table > tbody > tr > td > table a::before { content: "REGISTER NOW  \2192" !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 18px !important; font-weight: bold !important; letter-spacing: 1px !important; white-space: nowrap !important; }

#hdi-primary-register td:empty::before, #hdi-hero-card + table > tbody > tr > td > table > tbody > tr > td:empty::before { content: "REGISTER NOW  \2192" !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 48px !important; font-weight: bold !important; letter-spacing: 1px !important; white-space: nowrap !important; }

/* FINAL REGISTER BUTTON Uses the final-card structure as a fallback if SilkStart removes its ID. */
#hdi-final-register, #hdi-final-card > table > tbody > tr:last-child > td > table { display: table !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; max-width: 230px !important; height: 48px !important; margin-left: auto !important; margin-right: auto !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 30px !important; overflow: hidden !important; background-color: #bf1b4f !important; }

#hdi-final-register td, #hdi-final-card > table > tbody > tr:last-child > td > table > tbody > tr > td { box-sizing: border-box !important; width: 230px !important; height: 48px !important; padding: 0 !important; border-radius: 30px !important; background-color: #bf1b4f !important; text-align: center !important; vertical-align: middle !important; }

#hdi-final-register a, #hdi-final-card > table > tbody > tr:last-child > td > table a { display: block !important; box-sizing: border-box !important; width: 230px !important; min-width: 230px !important; height: 48px !important; padding: 15px 20px !important; border-radius: 30px !important; background-color: #bf1b4f !important; color: transparent !important; font-size: 0 !important; line-height: 18px !important; text-align: center !important; text-decoration: none !important; }

#hdi-final-register a::before, #hdi-final-card > table > tbody > tr:last-child > td > table a::before { content: "REGISTER NOW  \2193" !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 18px !important; font-weight: bold !important; letter-spacing: 1px !important; white-space: nowrap !important; }

#hdi-final-register td:empty::before, #hdi-final-card > table > tbody > tr:last-child > td > table > tbody > tr > td:empty::before { content: "REGISTER NOW  \2193" !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 48px !important; font-weight: bold !important; letter-spacing: 1px !important; white-space: nowrap !important; }
