@charset "UTF-8"; /* Theme Name: Marketforce Theme URI: http://www.marketforce.eu.com Template: Divi Version: 1.0.0 Author: Dauntless Agnecy Author URI: http://www.wearedauntless.com License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ html { margin-top: 0 !important; } .et_right_sidebar #main-content .container:before { display: none; } #insurance_innovators { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #insurance_innovators body, #insurance_innovators html { overflow-x: hidden; margin-top: 0 !important; } #insurance_innovators .hide { display: none; } #insurance_innovators .text-center { text-align: center; } #insurance_innovators style { display: none !important; } #insurance_innovators .et_pb_section { clear: both; } #insurance_innovators .single .post { padding: 0; margin: 0; } #insurance_innovators .img-bullet-point { position: absolute; top: 0; left: -40px; } #insurance_innovators #left-area { padding-bottom: 0 !important; } #insurance_innovators *::selection { background-color: #01A89E; } #insurance_innovators #et_search_icon:hover, #insurance_innovators .mobile_menu_bar:before, #insurance_innovators .mobile_menu_bar:after, #insurance_innovators .et-social-icon a:hover, #insurance_innovators .comment-reply-link, #insurance_innovators .form-submit .et_pb_button, #insurance_innovators .entry-summary p.price ins, #insurance_innovators .woocommerce div.product span.price, #insurance_innovators .woocommerce-page div.product span.price, #insurance_innovators .woocommerce #content div.product span.price, #insurance_innovators .woocommerce-page #content div.product span.price, #insurance_innovators .woocommerce div.product p.price, #insurance_innovators .woocommerce-page div.product p.price, #insurance_innovators .woocommerce #content div.product p.price, #insurance_innovators .woocommerce-page #content div.product p.price, #insurance_innovators .woocommerce .star-rating span:before, #insurance_innovators .woocommerce-page .star-rating span:before, #insurance_innovators .woocommerce a.button.alt, #insurance_innovators .woocommerce-page a.button.alt, #insurance_innovators .woocommerce button.button.alt, #insurance_innovators .woocommerce-page button.button.alt, #insurance_innovators .woocommerce input.button.alt, #insurance_innovators .woocommerce-page input.button.alt, #insurance_innovators .woocommerce #respond input#submit.alt, #insurance_innovators .woocommerce-page #respond input#submit.alt, #insurance_innovators .woocommerce #content input.button.alt, #insurance_innovators .woocommerce-page #content input.button.alt, #insurance_innovators .woocommerce a.button, #insurance_innovators .woocommerce-page a.button, #insurance_innovators .woocommerce button.button, #insurance_innovators .woocommerce-page button.button, #insurance_innovators .woocommerce input.button, #insurance_innovators .woocommerce-page input.button, #insurance_innovators .woocommerce #respond input#submit, #insurance_innovators .woocommerce-page #respond input#submit, #insurance_innovators .woocommerce #content input.button, #insurance_innovators .woocommerce-page #content input.button, #insurance_innovators .woocommerce a.button.alt:hover, #insurance_innovators .woocommerce-page a.button.alt:hover, #insurance_innovators .woocommerce button.button.alt:hover, #insurance_innovators .woocommerce-page button.button.alt:hover, #insurance_innovators .woocommerce input.button.alt:hover, #insurance_innovators .woocommerce-page input.button.alt:hover, #insurance_innovators .woocommerce #respond input#submit.alt:hover, #insurance_innovators .woocommerce-page #respond input#submit.alt:hover, #insurance_innovators .woocommerce #content input.button.alt:hover, #insurance_innovators .woocommerce-page #content input.button.alt:hover, #insurance_innovators .woocommerce a.button:hover, #insurance_innovators .woocommerce-page a.button:hover, #insurance_innovators .woocommerce button.button, #insurance_innovators .woocommerce-page button.button:hover, #insurance_innovators .woocommerce input.button:hover, #insurance_innovators .woocommerce-page input.button:hover, #insurance_innovators .woocommerce #respond input#submit:hover, #insurance_innovators .woocommerce-page #respond input#submit:hover, #insurance_innovators .woocommerce #content input.button:hover, #insurance_innovators .wp-pagenavi span.current, #insurance_innovators .wp-pagenavi a:hover, #insurance_innovators .et_password_protected_form .et_submit_button, #insurance_innovators .nav-single a, #insurance_innovators .posted_in a, #insurance_innovators #top-menu li.current-menu-ancestor > a, #insurance_innovators #top-menu li.current-menu-item > a, #insurance_innovators .bottom-nav li.current-menu-item > a, #insurance_innovators .footer-widget h4 { color: #01A89E; } #insurance_innovators .title-with-bottom-line, #insurance_innovators .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #insurance_innovators .title-with-bottom-line h3, #insurance_innovators .title-with-bottom-line > :last-child, #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #insurance_innovators .title-with-bottom-line h3, #insurance_innovators .title-with-bottom-line > :last-child, #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #insurance_innovators .title-with-bottom-line h3, #insurance_innovators .title-with-bottom-line > :last-child, #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #insurance_innovators .title-with-bottom-line h3, #insurance_innovators .title-with-bottom-line > :last-child, #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #insurance_innovators .title-with-bottom-line h3, #insurance_innovators .title-with-bottom-line > :last-child, #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #insurance_innovators .title-with-bottom-line:after, #insurance_innovators .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #01A89E; } @media (max-width: 400px) { #insurance_innovators .title-with-bottom-line:after, #insurance_innovators .title-with-bottom-line-grey:after { bottom: -5px; } } #insurance_innovators .title-with-bottom-line-grey h3, #insurance_innovators .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #insurance_innovators .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #insurance_innovators .secondary-title-with-bottom-line { margin-top: 0; } } #insurance_innovators .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #insurance_innovators .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #insurance_innovators .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #insurance_innovators .secondary-title-with-bottom-line:after { bottom: -5px; } } #insurance_innovators .et-search-form, #insurance_innovators .et_mobile_menu, #insurance_innovators .footer-widget li:before, #insurance_innovators .nav li ul, #insurance_innovators blockquote { border-color: #01A89E; } @media print { #insurance_innovators .single-product.print-view { visibility: hidden; } #insurance_innovators .single-product.print-view #agenda { visibility: visible; } @page { #insurance_innovators .single-product.print-view { margin: 20px 0; } } #insurance_innovators .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #insurance_innovators .single-product.print-view #top-header, #insurance_innovators .single-product.print-view #main-header, #insurance_innovators .single-product.print-view #main-footer, #insurance_innovators .single-product.print-view .et_pb_section_1, #insurance_innovators .single-product.print-view .et_pb_module:not(.mod-schedule), #insurance_innovators .single-product.print-view .schedule-controls, #insurance_innovators .single-product.print-view .footer-form, #insurance_innovators .single-product.print-view .day-tab, #insurance_innovators .single-product.print-view .stream-tabs, #insurance_innovators .single-product.print-view .explore-next-btn, #insurance_innovators .single-product.print-view .et_pb_scroll_top { display: none !important; } #insurance_innovators .single-product.print-view .et_pb_section, #insurance_innovators .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #insurance_innovators .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #insurance_innovators .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #2c4655 !important; break-after: avoid-page; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #insurance_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #insurance_innovators .col-6 { width: 49%; } #insurance_innovators .pull-left { float: left; } #insurance_innovators .pull-right { float: right; } #insurance_innovators .clear { clear: both; } #insurance_innovators .container { width: 100%; } #insurance_innovators .et-cart-info { display: none; } #insurance_innovators #top-header { background-color: #2c4655; } #insurance_innovators #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #insurance_innovators #main-header .container { padding-left: 20px; padding-right: 20px; } #insurance_innovators #logo { max-height: 64px; } @media (max-width: 1079px) { #insurance_innovators #logo { max-height: 40px; } } #insurance_innovators .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #insurance_innovators .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #insurance_innovators .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #insurance_innovators .et_header_style_left #logo, #insurance_innovators .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #insurance_innovators .et_header_style_left #et-top-navigation, #insurance_innovators .et_header_style_split #et-top-navigation, #insurance_innovators .et_header_style_left .et-fixed-header #et-top-navigation, #insurance_innovators .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #insurance_innovators .et_header_style_left #et-top-navigation nav > ul > li > a, #insurance_innovators .et_header_style_split #et-top-navigation nav > ul > li > a, #insurance_innovators .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #insurance_innovators .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #insurance_innovators .et_header_style_left #et-top-navigation, #insurance_innovators .et_header_style_split #et-top-navigation, #insurance_innovators .et_header_style_left .et-fixed-header #et-top-navigation, #insurance_innovators .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #insurance_innovators .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #insurance_innovators #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #insurance_innovators #top-menu li a { color: #000; font-weight: 400; } #insurance_innovators #top-menu li li { padding: 0; } #insurance_innovators #top-menu li li a:hover { background: none; color: #01A89E; opacity: 1; } #insurance_innovators #top-menu li li:hover a { color: #01A89E; opacity: 1; } @media (max-width: 1199px) { #insurance_innovators #top-menu li { padding-right: 35px; } } #insurance_innovators #top-menu-nav > ul > li > a:hover, #insurance_innovators #et-secondary-menu > ul > li > a:hover, #insurance_innovators #et-info-email:hover, #insurance_innovators .et-social-icons a:hover { color: #01A89E; opacity: 1; } #insurance_innovators #top-menu .menu-item-has-children > a:first-child:after, #insurance_innovators #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #insurance_innovators #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #insurance_innovators #et_top_search { right: 40px; top: 7px; } } #insurance_innovators #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #insurance_innovators #et_top_search { margin-left: 35px; } #insurance_innovators #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #insurance_innovators #et_top_search #et_search_icon:before { top: 7px; } } #insurance_innovators .nav li ul, #insurance_innovators .et_mobile_menu { border-top-color: #01A89E; } #insurance_innovators .et_mobile_menu { padding: 15px 0; } #insurance_innovators .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #insurance_innovators .et_mobile_menu li a:hover { background: none; color: #01A89E; } #insurance_innovators .et_mobile_menu li.current-menu-item a { color: #01A89E; } #insurance_innovators .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #insurance_innovators .et_mobile_menu li ul li { padding: 0; } #insurance_innovators .et_mobile_menu li ul li a { padding: 10px 20px; } #insurance_innovators .footer-form { padding: 0; background-color: #01A89E !important; } #insurance_innovators .footer-form a { color: #fff; text-decoration: underline; } #insurance_innovators .footer-form .et_pb_text { margin-bottom: 0; } #insurance_innovators .footer-form .mod-sign-up p span { font-size: 10px; } #insurance_innovators #main-footer { background: #2c4655; clear: both; } #insurance_innovators #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #insurance_innovators #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #insurance_innovators #footer-widgets .footer-widget p { color: #fff; } #insurance_innovators #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #01A89E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #insurance_innovators #footer-widgets .footer-widget li { margin: 0; padding: 0; } #insurance_innovators #footer-widgets .footer-widget li:before { display: none; } #insurance_innovators #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #insurance_innovators #footer-widgets .footer-widget li a:hover { color: #01A89E; } @media (max-width: 767px) { #insurance_innovators #footer-widgets { padding: 30px 0 0 0; } #insurance_innovators #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #insurance_innovators #footer-widgets .footer-widget li a { padding: 3px 0; } #insurance_innovators #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #insurance_innovators #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #insurance_innovators #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #insurance_innovators #footer-widgets { padding-bottom: 60px; } } #insurance_innovators #footer-info { float: none; color: #fff; font-size: 12px; } #insurance_innovators .et-social-icons { display: none; } #insurance_innovators #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #insurance_innovators .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #insurance_innovators .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #insurance_innovators .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #insurance_innovators body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #insurance_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #insurance_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #insurance_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #insurance_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #insurance_innovators .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #insurance_innovators .desktop-my-account { display: none; } } #insurance_innovators .mobile-my-account { display: none; } @media (max-width: 980px) { #insurance_innovators .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #insurance_innovators .account-page { padding: 0 20px; } } #insurance_innovators .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .container { padding-top: 30px; } } #insurance_innovators .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #insurance_innovators .account-page h1.main_title span { color: #01A89E; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #insurance_innovators .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #insurance_innovators .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #insurance_innovators .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #01A89E; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #01A89E; font-weight: 600; } } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #01A89E; cursor: pointer; } } #insurance_innovators .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #insurance_innovators .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #insurance_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #insurance_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #01A89E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #insurance_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #insurance_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #insurance_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #insurance_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #01A89E; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #insurance_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #01A89E; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td a, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #01A89E; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #E25E5E; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #01A89E; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #E25E5E; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #insurance_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #2c4655; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #insurance_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #insurance_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #insurance_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #insurance_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #insurance_innovators .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #insurance_innovators .woocommerce-checkout #main-content .col-1, #insurance_innovators .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #01A89E; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-info:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #2c4655; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #insurance_innovators .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #insurance_innovators .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #insurance_innovators .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #insurance_innovators .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #insurance_innovators .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #insurance_innovators .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #insurance_innovators .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .form-row label { position: relative; } } #insurance_innovators .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #insurance_innovators .woocommerce-checkout #main-content .form-row select { height: 52px; } #insurance_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #insurance_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #insurance_innovators .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #insurance_innovators .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #insurance_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #insurance_innovators .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #insurance_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #insurance_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #insurance_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #insurance_innovators .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #insurance_innovators .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #insurance_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #insurance_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #insurance_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #01A89E; } #insurance_innovators .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #2c4655; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #insurance_innovators .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #2c4655; font-size: 19px; font-weight: 600; margin: 10px 0; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #E25E5E; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #01A89E; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #insurance_innovators .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #insurance_innovators .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #insurance_innovators .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #01A89E; padding: 25px 20px; } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #01A89E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #insurance_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #insurance_innovators .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #insurance_innovators .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #insurance_innovators .webinar-thank-you .btn { color: #fff; background: #E25E5E; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #insurance_innovators .webinar-thank-you .btn:hover { background: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce form.login { max-width: none; } } #insurance_innovators .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #insurance_innovators .woocommerce form.login .form-row { margin: 0 0 20px; } } #insurance_innovators .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #insurance_innovators .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #01A89E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #insurance_innovators .woocommerce form.login .form-row input[type="submit"]:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators .woocommerce form.login .lost_password a { color: #01A89E; } #insurance_innovators .woocommerce-account .woocommerce form.login { max-width: 400px; } #insurance_innovators .search-bar { position: relative; margin: 30px 20px 0; } #insurance_innovators .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #insurance_innovators .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #01A89E; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #insurance_innovators .search-bar .btn-search:hover { background-color: #2c4655; } #insurance_innovators .btn-search-more { background-color: #01A89E; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #insurance_innovators .entry-container { padding: 0 0 80px; } #insurance_innovators .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #insurance_innovators .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #insurance_innovators .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #insurance_innovators .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #insurance_innovators .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #insurance_innovators .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #insurance_innovators .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #2c4655; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #insurance_innovators .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #01A89E; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #insurance_innovators .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #2c4655; content: "\e108"; color: #E25E5E; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #E25E5E; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #2c4655; background-color: #E25E5E; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-text h3 { color: #2c4655; font-size: 22px; line-height: 130%; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #insurance_innovators .entry-grid.view-grid .single-entry .entry-button { display: none; } #insurance_innovators .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #insurance_innovators .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #insurance_innovators .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #2c4655; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #2c4655; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #E25E5E; } #insurance_innovators .entry-grid.view-list .single-entry .feat-image { display: none; } #insurance_innovators .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #insurance_innovators .entry-grid.view-list .single-entry .entry-text h3 { color: #2c4655; font-size: 22px; } #insurance_innovators .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #insurance_innovators .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #insurance_innovators .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid.view-list .single-entry .entry-button { float: left; } } #insurance_innovators .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #01A89E; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #insurance_innovators .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid-controls { padding: 0 15px 20px; } } #insurance_innovators .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #insurance_innovators .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #insurance_innovators .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #insurance_innovators .entry-grid-controls .filters .filter-btn.active { border: 2px solid #2c4655; transition: all ease-in-out .3s; } #insurance_innovators .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #insurance_innovators .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #2c4655; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #insurance_innovators .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #insurance_innovators .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #insurance_innovators .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #insurance_innovators .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #insurance_innovators .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #insurance_innovators .entry-load-more { text-align: center; } #insurance_innovators .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #01A89E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #insurance_innovators .entry-load-more .load-more-btn:hover { background-color: #01A89E; transition: background 0.3s ease-in-out; } #insurance_innovators .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #insurance_innovators .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #insurance_innovators .entry-topic { padding: 20px; } } #insurance_innovators .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #insurance_innovators .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #insurance_innovators .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #insurance_innovators .entry-topic .text { width: 100%; padding: 0; } } #insurance_innovators .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #insurance_innovators .entry-topic .text h3 { font-size: 26px; } } #insurance_innovators .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #insurance_innovators .entry-topic .text .inner-text { max-height: none; } } #insurance_innovators .entry-topic .text .inner-text h4 { padding: 0; color: #E25E5E; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #insurance_innovators .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #insurance_innovators .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #insurance_innovators .entry-topic .text ul li { display: inline-block; } #insurance_innovators .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #insurance_innovators .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-webinars:after, #insurance_innovators .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #insurance_innovators .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #insurance_innovators .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #E25E5E; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #insurance_innovators .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #insurance_innovators .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #insurance_innovators .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #insurance_innovators .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #insurance_innovators .entry-topic:hover .btn { bottom: inherit; } } #insurance_innovators .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2c4655; opacity: .8; z-index: 1; } #insurance_innovators .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #insurance_innovators .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #insurance_innovators .modal .modal-content .modal-body { position: relative; } #insurance_innovators .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #insurance_innovators .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #insurance_innovators .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #insurance_innovators #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #insurance_innovators #brochureModal .copy { text-align: center; width: 100%; clear: both; } #insurance_innovators #brochureModal .copy h2 { margin-bottom: 30px; } #insurance_innovators #brochureModal .copy p { font-size: 11px; } #insurance_innovators #brochureModal .copy a { color: #01A89E; } #insurance_innovators #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #insurance_innovators #brochureModal .form-design-field { width: 100%; margin: 0; } } #insurance_innovators #brochureModal label { display: none; } #insurance_innovators #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #insurance_innovators #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #01A89E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #insurance_innovators #brochureModal input[type=submit] { margin-top: 30px; } } #insurance_innovators #brochureModal input[type=submit]:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #insurance_innovators #reportModal .copy { text-align: center; width: 100%; clear: both; } #insurance_innovators #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #insurance_innovators #reportModal .copy p { font-size: 11px; } #insurance_innovators #reportModal .copy a { color: #01A89E; } #insurance_innovators #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #insurance_innovators #reportModal .form-design-field { width: 100%; margin: 0; } } #insurance_innovators #reportModal label { display: none; } #insurance_innovators #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #insurance_innovators #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #01A89E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #insurance_innovators #reportModal input[type=submit] { margin-top: 30px; } } #insurance_innovators #reportModal input[type=submit]:hover { background: #01A89E; transition: all ease-in .2s; } #insurance_innovators .details-modal-popup { cursor: pointer; } #insurance_innovators #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #insurance_innovators #detailsModal .modal-content img { margin-bottom: 20px; } #insurance_innovators #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #2c4655; } #insurance_innovators #detailsModal .modal-content a { color: #01A89E; } #insurance_innovators #detailsModal .modal-content .col-1, #insurance_innovators #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #insurance_innovators #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #insurance_innovators #detailsModal .modal-content { padding: 20px 10px; } #insurance_innovators #detailsModal .modal-content h3 { padding-left: 0; } #insurance_innovators #detailsModal .modal-content .col-1, #insurance_innovators #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #insurance_innovators .mod-speakers, #insurance_innovators .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #insurance_innovators .mod-speakers h2, #insurance_innovators .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-speakers, #insurance_innovators .mod-advisory-board { padding: 0; } } #insurance_innovators .mod-speakers:after, #insurance_innovators .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #insurance_innovators .mod-speakers .single-speaker-grid, #insurance_innovators .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #insurance_innovators .mod-speakers .single-speaker-grid:nth-child(4n + 1), #insurance_innovators .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers .single-speaker-grid, #insurance_innovators .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #insurance_innovators .mod-speakers .single-speaker-grid, #insurance_innovators .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #insurance_innovators .mod-speakers .single-speaker-grid:nth-child(4n + 1), #insurance_innovators .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #insurance_innovators .mod-speakers .single-speaker-grid:nth-child(3n + 1), #insurance_innovators .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #insurance_innovators .mod-speakers .single-speaker-grid, #insurance_innovators .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #insurance_innovators .mod-speakers .single-speaker-grid:nth-child(3n + 1), #insurance_innovators .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #insurance_innovators .mod-speakers .single-speaker-grid:nth-child(2n + 1), #insurance_innovators .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #insurance_innovators .mod-speakers .single-speaker-img, #insurance_innovators .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #insurance_innovators .mod-speakers .single-speaker-img img, #insurance_innovators .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #insurance_innovators .mod-speakers .single-speaker-img, #insurance_innovators .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #insurance_innovators .mod-speakers .company-logo, #insurance_innovators .mod-advisory-board .company-logo { margin: 0; } #insurance_innovators .mod-speakers .company-logo img, #insurance_innovators .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #insurance_innovators .mod-speakers .company-logo, #insurance_innovators .mod-advisory-board .company-logo { margin-bottom: 5px; } } #insurance_innovators .mod-speakers .single-speaker-list, #insurance_innovators .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-img, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-img, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-text, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-text, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-text h3, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-text h4, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #insurance_innovators .mod-speakers .single-speaker-list .single-speaker-text p, #insurance_innovators .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #insurance_innovators .mod-speakers h3, #insurance_innovators .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers h3, #insurance_innovators .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #insurance_innovators .mod-speakers h3, #insurance_innovators .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #insurance_innovators .mod-speakers h3, #insurance_innovators .mod-advisory-board h3 { font-size: 14px; } } #insurance_innovators .mod-speakers h4, #insurance_innovators .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #insurance_innovators .mod-speakers h4, #insurance_innovators .mod-advisory-board h4 { font-size: 13px; } } #insurance_innovators .mod-speakers .btn-wrapper, #insurance_innovators .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #insurance_innovators .mod-speakers .load-speakers, #insurance_innovators .mod-speakers .load-advisory-board, #insurance_innovators .mod-advisory-board .load-speakers, #insurance_innovators .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #01A89E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #insurance_innovators .mod-speakers .load-speakers:hover, #insurance_innovators .mod-speakers .load-advisory-board:hover, #insurance_innovators .mod-advisory-board .load-speakers:hover, #insurance_innovators .mod-advisory-board .load-advisory-board:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers .load-speakers, #insurance_innovators .mod-speakers .load-advisory-board, #insurance_innovators .mod-advisory-board .load-speakers, #insurance_innovators .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #insurance_innovators .mod-speakers .loading-spinner, #insurance_innovators .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #insurance_innovators .mod-speakers .loading-spinner .load, #insurance_innovators .mod-speakers .loading-spinner .load:after, #insurance_innovators .mod-advisory-board .loading-spinner .load, #insurance_innovators .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #insurance_innovators .mod-speakers .loading-spinner .load, #insurance_innovators .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #01A89E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #insurance_innovators .mod-speakers:before, #insurance_innovators .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #insurance_innovators .mod-speakers.loading:before, #insurance_innovators .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #insurance_innovators .mod-speakers.loading .loading-spinner, #insurance_innovators .mod-advisory-board.loading .loading-spinner { display: block; } #insurance_innovators .people-fullwidth { width: 100% !important; } #insurance_innovators #speakers { position: relative; z-index: 99; } #insurance_innovators .mod-speakers-global { margin: 0; width: 100%; position: relative; } #insurance_innovators .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-speakers-global { padding: 0; } } #insurance_innovators .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #insurance_innovators .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #insurance_innovators .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #insurance_innovators .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #insurance_innovators .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #insurance_innovators .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #insurance_innovators .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #insurance_innovators .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #insurance_innovators .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #insurance_innovators .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-container { z-index: 1; } } #insurance_innovators .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #insurance_innovators .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #insurance_innovators .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #insurance_innovators .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #insurance_innovators .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #insurance_innovators .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #insurance_innovators .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #insurance_innovators .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #insurance_innovators .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #insurance_innovators .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #insurance_innovators .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .single-speaker-img { overflow: initial; } } #insurance_innovators .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #insurance_innovators .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #insurance_innovators .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #insurance_innovators .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #insurance_innovators .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #insurance_innovators .mod-speakers-global .company-logo { margin: 0; } #insurance_innovators .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #insurance_innovators .mod-speakers-global .company-logo { margin-bottom: 5px; } } #insurance_innovators .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .single-speaker-details { transition: none; } } #insurance_innovators .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #insurance_innovators .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .details-active-right { left: 0 !important; } } #insurance_innovators .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .details-active-left { left: 0 !important; } } #insurance_innovators .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .close-detail-label { display: none; } } #insurance_innovators .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #insurance_innovators .mod-speakers-global .speaker-mb-img img { width: 100%; } #insurance_innovators .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #insurance_innovators .mod-speakers-global .speaker-extra-details { padding: 24px; } } #insurance_innovators .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #insurance_innovators .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #insurance_innovators .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #insurance_innovators .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #insurance_innovators .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #insurance_innovators .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #insurance_innovators .mod-speakers-global h3 { font-size: 14px; } } #insurance_innovators .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #insurance_innovators .mod-speakers-global h4 { font-size: 13px; } } #insurance_innovators .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #insurance_innovators .mod-speakers-global .load-speakers, #insurance_innovators .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #01A89E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #insurance_innovators .mod-speakers-global .load-speakers:hover, #insurance_innovators .mod-speakers-global .load-advisory-board:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .mod-speakers-global .load-speakers, #insurance_innovators .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #insurance_innovators .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #insurance_innovators .mod-speakers-global .loading-spinner .load, #insurance_innovators .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #insurance_innovators .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #01A89E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #insurance_innovators .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #insurance_innovators .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #insurance_innovators .mod-speakers-global.loading .loading-spinner { display: block; } #insurance_innovators .hide-scroll-top { opacity: 0; } #insurance_innovators .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-sponsors { padding: 0; } } #insurance_innovators .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #insurance_innovators .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sponsors .tooltip { display: block; } } #insurance_innovators .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #insurance_innovators .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #insurance_innovators .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #insurance_innovators .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #insurance_innovators .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #01A89E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #insurance_innovators .mod-sponsors .sponsor-btn:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #insurance_innovators .mod-attending { padding: 0 30px; text-align: center; } #insurance_innovators .mod-attending .attendees-slider { max-height: 350px; } #insurance_innovators .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-attending .attendees-slider .attendee { width: 50%; } } #insurance_innovators .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #insurance_innovators .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #insurance_innovators .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #insurance_innovators .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #insurance_innovators .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #insurance_innovators .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #01A89E; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-attending { padding: 0; } } #insurance_innovators .mod-attending h2 { text-align: center; padding: 0 0 60px; } #insurance_innovators .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #01A89E; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #insurance_innovators .mod-attending .attendee-btn:hover { background: #01A89E; } #insurance_innovators .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #insurance_innovators .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #insurance_innovators .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #insurance_innovators .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .schedule-controls { padding: 0; } } #insurance_innovators .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #insurance_innovators .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #insurance_innovators .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #E25E5E; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .schedule-controls .selected-category { width: 100%; } } #insurance_innovators .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #insurance_innovators .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #insurance_innovators .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #insurance_innovators .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #2c4655; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #insurance_innovators .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #2c4655; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #insurance_innovators .mod-schedule .schedule-controls .expand, #insurance_innovators .mod-schedule .schedule-controls .collapse, #insurance_innovators .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #E25E5E; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #insurance_innovators .mod-schedule .schedule-controls .expand span, #insurance_innovators .mod-schedule .schedule-controls .collapse span, #insurance_innovators .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #insurance_innovators .mod-schedule .schedule-controls .expand.active, #insurance_innovators .mod-schedule .schedule-controls .collapse.active, #insurance_innovators .mod-schedule .schedule-controls .print-btn.active { display: block; } #insurance_innovators .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #2c4655; } #insurance_innovators .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-tab .d-day-dates { display: initial; } #insurance_innovators .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #insurance_innovators .mod-schedule .day-tab .d-day-dates { display: none; } #insurance_innovators .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #insurance_innovators .mod-schedule .day-tab .d-day-dates { display: none; } #insurance_innovators .mod-schedule .day-tab .m-day-dates { display: initial; } } #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #insurance_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #insurance_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #insurance_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #insurance_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #insurance_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #insurance_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #insurance_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #insurance_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #insurance_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #insurance_innovators .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-tab:first-child { margin-left: 0; } #insurance_innovators .mod-schedule .day-tab:last-child { margin-right: 0; } } #insurance_innovators .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-tab h3 { font-size: 18px; } } #insurance_innovators .mod-schedule .day-tab.active { border-bottom: 2px solid #E25E5E; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-tab.active h3 { color: #E25E5E; } #insurance_innovators .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main { width: 100%; } } #insurance_innovators .mod-schedule .day-main.active { display: block; } #insurance_innovators .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #01A89E; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #insurance_innovators .mod-schedule .day-main .explore-next-btn a { color: #fff; } #insurance_innovators .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #insurance_innovators .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #insurance_innovators .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #2c4655; text-transform: uppercase; font-size: 18px; font-weight: bold; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #E25E5E; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #insurance_innovators .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #insurance_innovators .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #insurance_innovators .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #2c4655; font-weight: bold; font-size: 14px; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #E25E5E; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #2c4655; transform: rotate(45deg); transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #2c4655; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #insurance_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #insurance_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #2c4655; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #insurance_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #E25E5E; padding-bottom: 0px; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-title { background: #2c4655; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #2c4655; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-sessions, #insurance_innovators .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #2c4655; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #2c4655; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #2c4655; } @media only screen and (max-width: 1200px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #E25E5E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description p, #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #2c4655; font-size: 14px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #E25E5E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #2c4655; font-size: 13px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #2c4655; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #E25E5E; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #2c4655; } #insurance_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #E25E5E; } #insurance_innovators .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #insurance_innovators .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #insurance_innovators .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #insurance_innovators .mod-webinar .modal .modal-body { padding: 0; } #insurance_innovators .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #insurance_innovators .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #insurance_innovators .mod-webinar .modal .chat { float: left; width: 400px; } #insurance_innovators .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #insurance_innovators .mod-tickets { float: left; width: 100%; } #insurance_innovators .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #insurance_innovators .mod-tickets .tickets { width: 100%; } } #insurance_innovators .mod-tickets .tickets .ticket { float: left; border: 3px solid #2c4655; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #insurance_innovators .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #insurance_innovators .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-title { background: #2c4655; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #E25E5E; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #E25E5E; background: none; padding: 8px 10px 0 10px; width: 35%; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #insurance_innovators .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #insurance_innovators .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #insurance_innovators .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #01A89E; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #01A89E; padding-top: 8px; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #01A89E; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #insurance_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #insurance_innovators .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #insurance_innovators .mod-tickets .ticket-order { width: 100%; } } #insurance_innovators .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #insurance_innovators .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #01A89E; } #insurance_innovators .mod-tickets .ticket-order .cart p { text-align: left; } #insurance_innovators .mod-tickets .ticket-order .cart h3 { background: #01A89E; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #insurance_innovators .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #insurance_innovators .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #insurance_innovators .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #insurance_innovators .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #01A89E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #insurance_innovators .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #insurance_innovators .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #insurance_innovators .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #insurance_innovators .mod-tickets .loading-spinner .load, #insurance_innovators .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #insurance_innovators .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #01A89E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #insurance_innovators .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #insurance_innovators .mod-tickets.loading { pointer-events: none; } #insurance_innovators .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #insurance_innovators .mod-tickets.loading .loading-spinner { display: block; } #insurance_innovators #insurerConfirmModal .modal-content { border: 3px solid #01A89E; box-shadow: none; padding: 20px; max-width: 500px; } #insurance_innovators #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #insurance_innovators #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #insurance_innovators #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #insurance_innovators #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #insurance_innovators #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #insurance_innovators #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #insurance_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #01A89E; } #insurance_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #2c4655; } #insurance_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #insurance_innovators .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #insurance_innovators .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #insurance_innovators .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #insurance_innovators .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #insurance_innovators .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #2c4655; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #insurance_innovators .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #insurance_innovators .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #insurance_innovators .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #insurance_innovators .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #insurance_innovators .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #insurance_innovators .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #insurance_innovators .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #2c4655; opacity: 0.85; transition: all 0.3s linear; } #insurance_innovators .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #insurance_innovators .mod-related-content .related-article .event-img:hover:after { top: 0; } #insurance_innovators .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #insurance_innovators .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #insurance_innovators .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #insurance_innovators .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #insurance_innovators .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #insurance_innovators .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #insurance_innovators .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #insurance_innovators .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #insurance_innovators .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #insurance_innovators .mod-map-marker .et_pb_row { position: relative; height: 100%; } #insurance_innovators .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-map-marker .marker { padding: 20px 20px 0; } } #insurance_innovators .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #insurance_innovators .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #insurance_innovators .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #01A89E; font-size: 14px; letter-spacing: 1px; color: #01A89E; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #insurance_innovators .mod-map-marker .marker a:hover { border: 2px solid #01A89E; transition: all ease-in .2s; } #insurance_innovators .et_pb_map { height: 600px; } #insurance_innovators .contact-map .et_pb_map { height: 300px; } #insurance_innovators .gmnoprint { display: none; } #insurance_innovators .mod-sign-up { width: 100%; margin: 0; background: #01A89E; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sign-up { width: 100%; margin: 0; } } #insurance_innovators .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #2c4655; } #insurance_innovators .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #insurance_innovators .mod-sign-up .elq-form { float: left; width: 100%; } #insurance_innovators .mod-sign-up .elq-form label { display: none; } #insurance_innovators .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sign-up .elq-form .form-design-field { width: 100%; } } #insurance_innovators .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #insurance_innovators .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #insurance_innovators .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #insurance_innovators .mod-sponsorship-form label { display: none; } #insurance_innovators .mod-sponsorship-form .col-1, #insurance_innovators .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #insurance_innovators .mod-sponsorship-form .col-1, #insurance_innovators .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #insurance_innovators .mod-sponsorship-form .col-2 { float: right; } #insurance_innovators .mod-sponsorship-form input:not([type=submit]), #insurance_innovators .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #insurance_innovators .mod-sponsorship-form textarea { min-height: 160px; } #insurance_innovators .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #insurance_innovators .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #insurance_innovators .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #2c4655; color: #2c4655; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #insurance_innovators .mod-homepage-index .index-entry-filters li:hover { background-color: #2c4655; transition: all ease-in-out .3s; } #insurance_innovators .mod-homepage-index .index-entry-filters li.active { background-color: #2c4655; color: #fff; transition: all ease-in-out .3s; } #insurance_innovators .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #insurance_innovators .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #insurance_innovators .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #insurance_innovators .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #insurance_innovators .mod-homepage-index .index-entry.active { display: block; } #insurance_innovators .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #insurance_innovators .masonry-grid .grid-item img { width: 100%; height: auto; } #insurance_innovators.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #insurance_innovators.et-fb .et_pb_masonry_grid > div { display: none; } #insurance_innovators.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #insurance_innovators #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #insurance_innovators #event-menu .fullwidth-menu { padding-top: 15px !important; } #insurance_innovators #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #insurance_innovators .admin-bar #event-menu { top: 62px; } #insurance_innovators .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #insurance_innovators .homepage-event-section .divider-strip { position: relative; } #insurance_innovators .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #E25E5E; margin-top: 30px; } #insurance_innovators .homepage-events-preview { margin-top: 80px; } #insurance_innovators .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #insurance_innovators .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #insurance_innovators .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #insurance_innovators .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #2c4655; opacity: 0.85; transition: all 0.3s linear; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #01A89E; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #2c4655; opacity: 0.95; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #insurance_innovators .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #insurance_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #insurance_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #insurance_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #insurance_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #insurance_innovators .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #insurance_innovators .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #insurance_innovators .homepage-events-preview:after { display: none; } #insurance_innovators .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #insurance_innovators .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #insurance_innovators .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #insurance_innovators .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #insurance_innovators .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #insurance_innovators .topic-header { position: relative; background-position: center; background-size: cover; } #insurance_innovators .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2c4655; opacity: 0.95; } #insurance_innovators .topic-header * { position: relative; z-index: 1; } #insurance_innovators .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #insurance_innovators .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2c4655; opacity: 0.95; } #insurance_innovators .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #insurance_innovators .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #insurance_innovators .featured-event { padding-right: 20px; } } #insurance_innovators .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #E25E5E; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #insurance_innovators .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #insurance_innovators .featured-event .close:hover { color: #01A89E; } #insurance_innovators .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #E25E5E; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #insurance_innovators .featured-event .dates-of-event strong { display: block; font-weight: 800; } #insurance_innovators .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #E25E5E; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #insurance_innovators .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #insurance_innovators .featured-event .dates-of-event { top: 45%; } } #insurance_innovators .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #insurance_innovators .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #insurance_innovators .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #insurance_innovators .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #insurance_innovators .featured-event .col-6 > img { max-height: 130px; } } #insurance_innovators .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #insurance_innovators .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #insurance_innovators .featured-event .col-6.right { padding-right: 0; } } #insurance_innovators .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #insurance_innovators .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #insurance_innovators .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #insurance_innovators .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #insurance_innovators .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #insurance_innovators .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #E25E5E; display: block; line-height: 120%; } @media (max-width: 699px) { #insurance_innovators .featured-event .col-6 .countdown-to-event span { width: 50px; } #insurance_innovators .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #insurance_innovators .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #insurance_innovators .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #insurance_innovators .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #insurance_innovators .featured-event .col-6 .event-type.event { color: #E25E5E; } #insurance_innovators .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #insurance_innovators .featured-event .col-6 .event-type.article { color: #366893; } #insurance_innovators .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #insurance_innovators .featured-event .col-6 .event-type.webinar { color: #01A89E; } #insurance_innovators .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #insurance_innovators .featured-event .col-6 .event-type.course { color: #8A9299; } #insurance_innovators .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #insurance_innovators .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #insurance_innovators .featured-event .col-6 h2 { padding-right: 40px; } } #insurance_innovators .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #E25E5E; display: block; line-height: 150%; margin: 0 0 20px 0; } #insurance_innovators .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #insurance_innovators .featured-event .col-6 .white-btn, #insurance_innovators .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #insurance_innovators .featured-event .col-6 .white-btn:hover, #insurance_innovators .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #insurance_innovators .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #insurance_innovators .featured-event .col-6 .colored-btn { background: #E25E5E; border-color: #E25E5E; margin-right: 0; } #insurance_innovators .events-filter { margin: 50px 0 20px 0; } #insurance_innovators .events-filter ul { float: left; } #insurance_innovators .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #insurance_innovators .events-filter ul li p { font-size: 16px; } #insurance_innovators .events-filter ul li.active p { color: green; } #insurance_innovators .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #insurance_innovators .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #insurance_innovators .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #insurance_innovators .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #insurance_innovators .events-filter > span.icon_grid-2x2 { color: #2c4655; } #insurance_innovators .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #insurance_innovators .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #insurance_innovators .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #insurance_innovators .events-filter > span:hover, #insurance_innovators .events-filter > span.icon-active { color: #01A89E; } @media (max-width: 767px) { #insurance_innovators .events-filter > span.icon_grid-2x2, #insurance_innovators .events-filter > span.icon_menu { display: none; } } #insurance_innovators .inner-events-boxes { font-size: 0; } #insurance_innovators .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #insurance_innovators .inner-events-boxes .event-box.active { display: inline-block; } #insurance_innovators .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #insurance_innovators .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #insurance_innovators .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2c4655; opacity: 0.9; } #insurance_innovators .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #insurance_innovators .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #insurance_innovators .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #insurance_innovators .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #insurance_innovators .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #insurance_innovators .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #insurance_innovators .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.event { color: #E25E5E; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.webinar { color: #01A89E; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #insurance_innovators .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #insurance_innovators .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #01A89E; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #insurance_innovators .inner-events-boxes .event-box > div .event-btn:hover { background: #01A89E; } #insurance_innovators .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div:hover p, #insurance_innovators .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #insurance_innovators .inner-events-boxes .event-box > div h3 { font-size: 20px; } #insurance_innovators .inner-events-boxes .event-box > div p, #insurance_innovators .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #insurance_innovators .inner-events-boxes .event-box.col-4 { width: 48%; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #insurance_innovators .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #insurance_innovators .inner-events-boxes .event-box.col-4 > div { height: auto; } } #insurance_innovators div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #insurance_innovators div.inner-event-header .et_pb_row { z-index: 2; } #insurance_innovators div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2c4655; z-index: 1; pointer-events: none; opacity: 0.8; } #insurance_innovators div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #E25E5E 35px, transparent 35px); background: -moz-linear-gradient(right, #E25E5E 35px, transparent 35px); background: -o-linear-gradient(right, #E25E5E 35px, transparent 35px); background: -webkit-linear-gradient(left, #E25E5E 35px, transparent 35px); pointer-events: none; } #insurance_innovators div.inner-event-header img, #insurance_innovators div.inner-event-header h1, #insurance_innovators div.inner-event-header h2, #insurance_innovators div.inner-event-header h3, #insurance_innovators div.inner-event-header h4, #insurance_innovators div.inner-event-header h5, #insurance_innovators div.inner-event-header h6, #insurance_innovators div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #insurance_innovators div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #insurance_innovators div.inner-event-header a:hover { background: #8A9299; } #insurance_innovators div.inner-event-header a.colored-btn { background: #01A89E; border-color: #01A89E; } #insurance_innovators div.inner-event-header a.colored-btn:hover { background: #01A89E; border-color: #01A89E; } @media (max-width: 1199px) { #insurance_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #insurance_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #insurance_innovators div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #insurance_innovators div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #insurance_innovators div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #insurance_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #insurance_innovators div.inner-event-header img { padding: 20px 20px 5px 20px; } #insurance_innovators div.inner-event-header h1 { padding: 0; } #insurance_innovators div.inner-event-header a { margin: 0 0 10px 0; } } #insurance_innovators .event-icons div { display: inline-block; } #insurance_innovators .event-icons div > strong { display: block; } @media (max-width: 599px) { #insurance_innovators .event-icons div img { max-width: 50px; max-height: 50px; } #insurance_innovators .event-icons div > strong { font-size: 30px !important; } #insurance_innovators .event-icons div > span { font-size: 16px !important; } } #insurance_innovators .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #insurance_innovators .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #insurance_innovators .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #insurance_innovators .et_pb_number_counter .percent { height: auto; } } #insurance_innovators .et_pb_widget { width: 100%; } #insurance_innovators .et_pb_widget .field-wrapper label { display: none; } #insurance_innovators .et_pb_widget .field-wrapper input, #insurance_innovators .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #insurance_innovators .et_pb_widget .field-wrapper input[type=submit], #insurance_innovators .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #01A89E; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #insurance_innovators .et_pb_widget .field-wrapper input[type=submit]:hover, #insurance_innovators .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #01A89E; } @media (max-width: 1199px) { #insurance_innovators .et_pb_widget .field-wrapper input[type=submit], #insurance_innovators .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #insurance_innovators .et_pb_widget .field-wrapper input:focus, #insurance_innovators .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #insurance_innovators .et_pb_widget .field-wrapper input, #insurance_innovators .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #insurance_innovators .sponsorship-header { background-position: center; background-size: cover; } #insurance_innovators .sponsorship-header .et_pb_row { z-index: 2; } #insurance_innovators .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2c4655; z-index: 1; pointer-events: none; opacity: 0.8; } #insurance_innovators .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #insurance_innovators .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #insurance_innovators .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #insurance_innovators .sponsorship-testimonials { float: left; width: 100%; } #insurance_innovators .testimonials { position: relative; } #insurance_innovators .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #E25E5E; } @media only screen and (max-width: 900px) { #insurance_innovators .testimonials .et_pb_column_2:after { display: none; } } #insurance_innovators .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #E25E5E; } @media only screen and (max-width: 900px) { #insurance_innovators .testimonials .et_pb_column_3:after { display: none; } } #insurance_innovators .header-message { text-align: center; background-color: #01A89E; position: relative; z-index: 1; } #insurance_innovators .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #insurance_innovators .header-message a { color: #fff; text-decoration: underline; } #insurance_innovators #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #2c4655; } #insurance_innovators #catapult-cookie-bar .ctcc-left-side { color: #fff; } #insurance_innovators #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #insurance_innovators #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #E25E5E; color: #fff; } #insurance_innovators .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #2c4655; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #insurance_innovators .page-header { padding: 60px 0 40px; } } #insurance_innovators .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #2c4655; opacity: 0.8; } @supports (background-blend-mode: multiply) { #insurance_innovators .page-header:after { opacity: 0.2; } } #insurance_innovators .page-header .container { position: relative; z-index: 2; } #insurance_innovators .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #insurance_innovators .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #insurance_innovators .page-header .container h1 { font-size: 35px; } } #insurance_innovators .background-overlay { position: relative; background-color: #2c4655; background-blend-mode: multiply; } #insurance_innovators .background-overlay .et_parallax_bg { background-color: #2c4655; background-blend-mode: multiply; } #insurance_innovators .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #2c4655; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #insurance_innovators .background-overlay:after { opacity: 0.2; } } #insurance_innovators .background-overlay .et_pb_row { position: relative; z-index: 10; } #insurance_innovators .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #insurance_innovators .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #insurance_innovators .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #insurance_innovators .topic-feat-event .container { padding: 0; } #insurance_innovators .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #insurance_innovators .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #insurance_innovators .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #insurance_innovators .feat-event-inner { padding: 50px 20px 20px; } } #insurance_innovators .feat-event-inner .featured { color: #E25E5E; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #insurance_innovators .feat-event-inner .featured span { color: #E25E5E; } #insurance_innovators .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #insurance_innovators .feat-event-inner .entry-date { position: absolute; background: #E25E5E; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #insurance_innovators .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #insurance_innovators .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #insurance_innovators .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #insurance_innovators .feat-event-inner .col-1, #insurance_innovators .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #insurance_innovators .feat-event-inner .col-1, #insurance_innovators .feat-event-inner .col-2 { width: 100%; float: none; } } #insurance_innovators .feat-event-inner .col-1 img { max-width: 75%; } #insurance_innovators .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #insurance_innovators .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #insurance_innovators .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #insurance_innovators .feat-event-inner .col-1 .btn { width: 100%; } } #insurance_innovators .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #insurance_innovators .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #insurance_innovators .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #E25E5E; background-color: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #E25E5E; background-color: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #insurance_innovators .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #insurance_innovators .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #insurance_innovators .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #insurance_innovators .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #insurance_innovators .feat-event-inner .col-2 { display: none; } } #insurance_innovators .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #insurance_innovators .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #insurance_innovators .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #insurance_innovators .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #insurance_innovators .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #insurance_innovators .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2c4655; opacity: .7; z-index: 1; } #insurance_innovators .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #insurance_innovators .topic-grid:after { content: ''; background-color: #E25E5E; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #insurance_innovators .topic-grid:after { display: none; } } #insurance_innovators .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #insurance_innovators .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #insurance_innovators .related-articles .other-related { float: left; width: 100%; } #insurance_innovators .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #insurance_innovators .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #insurance_innovators body.woocommerce .woocommerce-tabs { margin: 0; } #insurance_innovators body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #insurance_innovators body.woocommerce .woocommerce-message { background: #01A89E !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #insurance_innovators body.woocommerce .woocommerce-error { background-color: #E25E5E; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #insurance_innovators body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #insurance_innovators body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #insurance_innovators #fep-wrapper { margin: 0; } #insurance_innovators #fep-wrapper #fep-header, #insurance_innovators #fep-wrapper #fep-footer { display: none; } #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #insurance_innovators #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #insurance_innovators #fep-wrapper #fep-menu .fep-button, #insurance_innovators #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #01A89E; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-menu .fep-button:hover, #insurance_innovators #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #01A89E; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-menu .fep-button .fep-font-red, #insurance_innovators #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #insurance_innovators #fep-wrapper #fep-menu .fep-button-active { background-color: #01A89E; } #insurance_innovators #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #insurance_innovators #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #insurance_innovators #fep-wrapper #fep-content > h2 { padding: 10px; color: #2c4655; font-weight: bold; } #insurance_innovators #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table { margin: 0; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #01A89E; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #E25E5E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #01A89E; display: inline-block; margin: 20px 0; font-size: 16px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #E25E5E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #E25E5E; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #01A89E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #insurance_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #01A89E; transition: all ease-in-out .3s; } #insurance_innovators #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #E25E5E; box-shadow: none; } #insurance_innovators #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #01A89E; } #insurance_innovators .fep-success, #insurance_innovators .fep-error, #insurance_innovators .fep-wp-error { background-color: #01A89E; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #insurance_innovators .fep-wp-error, #insurance_innovators .fep-error { background-color: #E25E5E; } #insurance_innovators .fep-message { background-color: #F6F6F6; } #insurance_innovators .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #insurance_innovators .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #2c4655; } #insurance_innovators .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #2c4655; } #insurance_innovators .fep-per-message .fep-message-toggle-all { color: #01A89E; margin-bottom: 5px; } #insurance_innovators .fep-per-message .fep-message-title, #insurance_innovators .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #insurance_innovators .fep-per-message .fep-message-title .author, #insurance_innovators .fep-per-message .fep-message-content .author { font-weight: 500; } #insurance_innovators .fep-per-message .fep-message-title .date, #insurance_innovators .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #insurance_innovators .fep-per-message .fep-message-title p, #insurance_innovators .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #insurance_innovators .fep-per-message .fep-message-title hr, #insurance_innovators .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #insurance_innovators #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #01A89E; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #insurance_innovators #fep-notification-bar a { color: #fff; } #insurance_innovators .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #E25E5E !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #insurance_innovators .fep-custom-button:before { content: '◄ '; } #insurance_innovators .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #insurance_innovators .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #insurance_innovators .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #insurance_innovators .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #insurance_innovators .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #insurance_innovators .fep-search-inbox::placeholder { text-align: left; } } #moneylive { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #moneylive body, #moneylive html { overflow-x: hidden; margin-top: 0 !important; } #moneylive .hide { display: none; } #moneylive .text-center { text-align: center; } #moneylive style { display: none !important; } #moneylive .et_pb_section { clear: both; } #moneylive .single .post { padding: 0; margin: 0; } #moneylive .img-bullet-point { position: absolute; top: 0; left: -40px; } #moneylive #left-area { padding-bottom: 0 !important; } #moneylive *::selection { background-color: #3dc8d3; } #moneylive #et_search_icon:hover, #moneylive .mobile_menu_bar:before, #moneylive .mobile_menu_bar:after, #moneylive .et-social-icon a:hover, #moneylive .comment-reply-link, #moneylive .form-submit .et_pb_button, #moneylive .entry-summary p.price ins, #moneylive .woocommerce div.product span.price, #moneylive .woocommerce-page div.product span.price, #moneylive .woocommerce #content div.product span.price, #moneylive .woocommerce-page #content div.product span.price, #moneylive .woocommerce div.product p.price, #moneylive .woocommerce-page div.product p.price, #moneylive .woocommerce #content div.product p.price, #moneylive .woocommerce-page #content div.product p.price, #moneylive .woocommerce .star-rating span:before, #moneylive .woocommerce-page .star-rating span:before, #moneylive .woocommerce a.button.alt, #moneylive .woocommerce-page a.button.alt, #moneylive .woocommerce button.button.alt, #moneylive .woocommerce-page button.button.alt, #moneylive .woocommerce input.button.alt, #moneylive .woocommerce-page input.button.alt, #moneylive .woocommerce #respond input#submit.alt, #moneylive .woocommerce-page #respond input#submit.alt, #moneylive .woocommerce #content input.button.alt, #moneylive .woocommerce-page #content input.button.alt, #moneylive .woocommerce a.button, #moneylive .woocommerce-page a.button, #moneylive .woocommerce button.button, #moneylive .woocommerce-page button.button, #moneylive .woocommerce input.button, #moneylive .woocommerce-page input.button, #moneylive .woocommerce #respond input#submit, #moneylive .woocommerce-page #respond input#submit, #moneylive .woocommerce #content input.button, #moneylive .woocommerce-page #content input.button, #moneylive .woocommerce a.button.alt:hover, #moneylive .woocommerce-page a.button.alt:hover, #moneylive .woocommerce button.button.alt:hover, #moneylive .woocommerce-page button.button.alt:hover, #moneylive .woocommerce input.button.alt:hover, #moneylive .woocommerce-page input.button.alt:hover, #moneylive .woocommerce #respond input#submit.alt:hover, #moneylive .woocommerce-page #respond input#submit.alt:hover, #moneylive .woocommerce #content input.button.alt:hover, #moneylive .woocommerce-page #content input.button.alt:hover, #moneylive .woocommerce a.button:hover, #moneylive .woocommerce-page a.button:hover, #moneylive .woocommerce button.button, #moneylive .woocommerce-page button.button:hover, #moneylive .woocommerce input.button:hover, #moneylive .woocommerce-page input.button:hover, #moneylive .woocommerce #respond input#submit:hover, #moneylive .woocommerce-page #respond input#submit:hover, #moneylive .woocommerce #content input.button:hover, #moneylive .wp-pagenavi span.current, #moneylive .wp-pagenavi a:hover, #moneylive .et_password_protected_form .et_submit_button, #moneylive .nav-single a, #moneylive .posted_in a, #moneylive #top-menu li.current-menu-ancestor > a, #moneylive #top-menu li.current-menu-item > a, #moneylive .bottom-nav li.current-menu-item > a, #moneylive .footer-widget h4 { color: #3dc8d3; } #moneylive .title-with-bottom-line, #moneylive .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #moneylive .title-with-bottom-line h3, #moneylive .title-with-bottom-line > :last-child, #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #moneylive .title-with-bottom-line h3, #moneylive .title-with-bottom-line > :last-child, #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #moneylive .title-with-bottom-line h3, #moneylive .title-with-bottom-line > :last-child, #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #moneylive .title-with-bottom-line h3, #moneylive .title-with-bottom-line > :last-child, #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #moneylive .title-with-bottom-line h3, #moneylive .title-with-bottom-line > :last-child, #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #moneylive .title-with-bottom-line:after, #moneylive .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #3dc8d3; } @media (max-width: 400px) { #moneylive .title-with-bottom-line:after, #moneylive .title-with-bottom-line-grey:after { bottom: -5px; } } #moneylive .title-with-bottom-line-grey h3, #moneylive .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #moneylive .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #moneylive .secondary-title-with-bottom-line { margin-top: 0; } } #moneylive .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #moneylive .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #moneylive .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #moneylive .secondary-title-with-bottom-line:after { bottom: -5px; } } #moneylive .et-search-form, #moneylive .et_mobile_menu, #moneylive .footer-widget li:before, #moneylive .nav li ul, #moneylive blockquote { border-color: #3dc8d3; } @media print { #moneylive .single-product.print-view { visibility: hidden; } #moneylive .single-product.print-view #agenda { visibility: visible; } @page { #moneylive .single-product.print-view { margin: 20px 0; } } #moneylive .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #moneylive .single-product.print-view #top-header, #moneylive .single-product.print-view #main-header, #moneylive .single-product.print-view #main-footer, #moneylive .single-product.print-view .et_pb_section_1, #moneylive .single-product.print-view .et_pb_module:not(.mod-schedule), #moneylive .single-product.print-view .schedule-controls, #moneylive .single-product.print-view .footer-form, #moneylive .single-product.print-view .day-tab, #moneylive .single-product.print-view .stream-tabs, #moneylive .single-product.print-view .explore-next-btn, #moneylive .single-product.print-view .et_pb_scroll_top { display: none !important; } #moneylive .single-product.print-view .et_pb_section, #moneylive .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #moneylive .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #moneylive .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #000000 !important; break-after: avoid-page; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #moneylive .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #moneylive .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #moneylive .col-6 { width: 49%; } #moneylive .pull-left { float: left; } #moneylive .pull-right { float: right; } #moneylive .clear { clear: both; } #moneylive .container { width: 100%; } #moneylive .et-cart-info { display: none; } #moneylive #top-header { background-color: #000000; } #moneylive #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #moneylive #main-header .container { padding-left: 20px; padding-right: 20px; } #moneylive #logo { max-height: 64px; } @media (max-width: 1079px) { #moneylive #logo { max-height: 40px; } } #moneylive .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #moneylive .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #moneylive .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #moneylive .et_header_style_left #logo, #moneylive .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #moneylive .et_header_style_left #et-top-navigation, #moneylive .et_header_style_split #et-top-navigation, #moneylive .et_header_style_left .et-fixed-header #et-top-navigation, #moneylive .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #moneylive .et_header_style_left #et-top-navigation nav > ul > li > a, #moneylive .et_header_style_split #et-top-navigation nav > ul > li > a, #moneylive .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #moneylive .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #moneylive .et_header_style_left #et-top-navigation, #moneylive .et_header_style_split #et-top-navigation, #moneylive .et_header_style_left .et-fixed-header #et-top-navigation, #moneylive .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #moneylive .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #moneylive #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #moneylive #top-menu li a { color: #000000; font-weight: 400; } #moneylive #top-menu li li { padding: 0; } #moneylive #top-menu li li a:hover { background: none; color: #3dc8d3; opacity: 1; } #moneylive #top-menu li li:hover a { color: #3dc8d3; opacity: 1; } @media (max-width: 1199px) { #moneylive #top-menu li { padding-right: 35px; } } #moneylive #top-menu-nav > ul > li > a:hover, #moneylive #et-secondary-menu > ul > li > a:hover, #moneylive #et-info-email:hover, #moneylive .et-social-icons a:hover { color: #3dc8d3; opacity: 1; } #moneylive #top-menu .menu-item-has-children > a:first-child:after, #moneylive #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #moneylive #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #moneylive #et_top_search { right: 40px; top: 7px; } } #moneylive #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #moneylive #et_top_search { margin-left: 35px; } #moneylive #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #moneylive #et_top_search #et_search_icon:before { top: 7px; } } #moneylive .nav li ul, #moneylive .et_mobile_menu { border-top-color: #3dc8d3; } #moneylive .et_mobile_menu { padding: 15px 0; } #moneylive .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #moneylive .et_mobile_menu li a:hover { background: none; color: #3dc8d3; } #moneylive .et_mobile_menu li.current-menu-item a { color: #3dc8d3; } #moneylive .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #moneylive .et_mobile_menu li ul li { padding: 0; } #moneylive .et_mobile_menu li ul li a { padding: 10px 20px; } #moneylive .footer-form { padding: 0; background-color: #3dc8d3 !important; } #moneylive .footer-form a { color: #fff; text-decoration: underline; } #moneylive .footer-form .et_pb_text { margin-bottom: 0; } #moneylive .footer-form .mod-sign-up p span { font-size: 10px; } #moneylive #main-footer { background: #000000; clear: both; } #moneylive #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #moneylive #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #moneylive #footer-widgets .footer-widget p { color: #fff; } #moneylive #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3dc8d3; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #moneylive #footer-widgets .footer-widget li { margin: 0; padding: 0; } #moneylive #footer-widgets .footer-widget li:before { display: none; } #moneylive #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #moneylive #footer-widgets .footer-widget li a:hover { color: #3dc8d3; } @media (max-width: 767px) { #moneylive #footer-widgets { padding: 30px 0 0 0; } #moneylive #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #moneylive #footer-widgets .footer-widget li a { padding: 3px 0; } #moneylive #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #moneylive #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #moneylive #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #moneylive #footer-widgets { padding-bottom: 60px; } } #moneylive #footer-info { float: none; color: #fff; font-size: 12px; } #moneylive .et-social-icons { display: none; } #moneylive #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #moneylive .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #moneylive .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #moneylive .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #moneylive body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #moneylive body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #moneylive body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #moneylive body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #moneylive body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #moneylive .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #moneylive .desktop-my-account { display: none; } } #moneylive .mobile-my-account { display: none; } @media (max-width: 980px) { #moneylive .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #moneylive .account-page { padding: 0 20px; } } #moneylive .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #moneylive .account-page .container { padding-top: 30px; } } #moneylive .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #moneylive .account-page h1.main_title span { color: #3dc8d3; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #moneylive .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #moneylive .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #moneylive .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #moneylive .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #moneylive .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #moneylive .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #moneylive .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #moneylive .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #3dc8d3; } @media only screen and (max-width: 900px) { #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #moneylive .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #3dc8d3; font-weight: 600; } } #moneylive .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #moneylive .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #moneylive .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #3dc8d3; cursor: pointer; } } #moneylive .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #moneylive .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #moneylive .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #moneylive .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #3dc8d3; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #moneylive .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #moneylive .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #moneylive .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #moneylive .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #moneylive .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #moneylive .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #moneylive .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #moneylive .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #moneylive .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #3dc8d3; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #moneylive .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #3dc8d3; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td a, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #3dc8d3; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #1595aa; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #3dc8d3; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #1595aa; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #moneylive .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #moneylive .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #1595aa; transition: all ease-in-out .3s; } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #000000; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #moneylive .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #moneylive .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #moneylive .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #moneylive .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #moneylive .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #moneylive .woocommerce-checkout #main-content .col-1, #moneylive .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #moneylive .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #3dc8d3; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #moneylive .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #moneylive .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #moneylive .woocommerce-checkout #main-content .woocommerce-info:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #000000; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #moneylive .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #moneylive .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #moneylive .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #moneylive .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #moneylive .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #moneylive .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #moneylive .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .form-row label { position: relative; } } #moneylive .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #moneylive .woocommerce-checkout #main-content .form-row select { height: 52px; } #moneylive .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #moneylive .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #moneylive .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #moneylive .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #moneylive .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #moneylive .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #moneylive .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #moneylive .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #moneylive .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #moneylive .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #moneylive .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #moneylive .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #moneylive .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #moneylive .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #3dc8d3; } #moneylive .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #000000; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #moneylive .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #000000; font-size: 19px; font-weight: 600; margin: 10px 0; } #moneylive .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #moneylive .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #1595aa; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #3dc8d3; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #moneylive .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #moneylive .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #moneylive .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #moneylive .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #moneylive .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #moneylive .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #moneylive .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #moneylive .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #moneylive .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #moneylive .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #moneylive .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #3dc8d3; padding: 25px 20px; } #moneylive .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #moneylive .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #moneylive .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #moneylive .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #3dc8d3; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #moneylive .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #moneylive .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #moneylive .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #moneylive .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #moneylive .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #moneylive .webinar-thank-you .btn { color: #fff; background: #1595aa; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #moneylive .webinar-thank-you .btn:hover { background: #1595aa; transition: all ease-in-out .3s; } #moneylive .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #moneylive .woocommerce form.login { max-width: none; } } #moneylive .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #moneylive .woocommerce form.login .form-row { margin: 0 0 20px; } } #moneylive .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #moneylive .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #3dc8d3; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #moneylive .woocommerce form.login .form-row input[type="submit"]:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive .woocommerce form.login .lost_password a { color: #3dc8d3; } #moneylive .woocommerce-account .woocommerce form.login { max-width: 400px; } #moneylive .search-bar { position: relative; margin: 30px 20px 0; } #moneylive .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #moneylive .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #3dc8d3; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #moneylive .search-bar .btn-search:hover { background-color: #000000; } #moneylive .btn-search-more { background-color: #3dc8d3; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #moneylive .entry-container { padding: 0 0 80px; } #moneylive .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #moneylive .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #moneylive .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #moneylive .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #moneylive .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #moneylive .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #moneylive .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #000000; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #moneylive .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #3dc8d3; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #moneylive .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #moneylive .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #moneylive .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #moneylive .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; content: "\e108"; color: #1595aa; } #moneylive .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #1595aa; } #moneylive .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #000000; background-color: #1595aa; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #moneylive .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #moneylive .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #moneylive .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #moneylive .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #moneylive .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #moneylive .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #moneylive .entry-grid.view-grid .single-entry .entry-text h3 { color: #000000; font-size: 22px; line-height: 130%; } #moneylive .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #moneylive .entry-grid.view-grid .single-entry .entry-button { display: none; } #moneylive .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #moneylive .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #moneylive .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #moneylive .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #moneylive .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; } #moneylive .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #moneylive .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #000000; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #moneylive .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #moneylive .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #moneylive .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #moneylive .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #1595aa; } #moneylive .entry-grid.view-list .single-entry .feat-image { display: none; } #moneylive .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #moneylive .entry-grid.view-list .single-entry .entry-text h3 { color: #000000; font-size: 22px; } #moneylive .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #moneylive .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #moneylive .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #moneylive .entry-grid.view-list .single-entry .entry-button { float: left; } } #moneylive .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #3dc8d3; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #moneylive .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #moneylive .entry-grid-controls { padding: 0 15px 20px; } } #moneylive .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #moneylive .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #moneylive .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #moneylive .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #moneylive .entry-grid-controls .filters .filter-btn.active { border: 2px solid #000000; transition: all ease-in-out .3s; } #moneylive .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #moneylive .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #moneylive .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #000000; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #moneylive .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #moneylive .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #moneylive .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #moneylive .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #moneylive .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #moneylive .entry-load-more { text-align: center; } #moneylive .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #3dc8d3; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #moneylive .entry-load-more .load-more-btn:hover { background-color: #3dc8d3; transition: background 0.3s ease-in-out; } #moneylive .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #moneylive .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #moneylive .entry-topic { padding: 20px; } } #moneylive .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #moneylive .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #moneylive .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #moneylive .entry-topic .text { width: 100%; padding: 0; } } #moneylive .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #moneylive .entry-topic .text h3 { font-size: 26px; } } #moneylive .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #moneylive .entry-topic .text .inner-text { max-height: none; } } #moneylive .entry-topic .text .inner-text h4 { padding: 0; color: #1595aa; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #moneylive .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #moneylive .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #moneylive .entry-topic .text ul li { display: inline-block; } #moneylive .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #moneylive .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #moneylive .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #moneylive .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #moneylive .entry-topic .text ul li span.topic-entry-type-webinars:after, #moneylive .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #moneylive .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #moneylive .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #moneylive .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #moneylive .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #1595aa; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #moneylive .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #moneylive .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #moneylive .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #moneylive .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #moneylive .entry-topic:hover .btn { bottom: inherit; } } #moneylive .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .8; z-index: 1; } #moneylive .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #moneylive .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #moneylive .modal .modal-content .modal-body { position: relative; } #moneylive .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #moneylive .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #moneylive .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #moneylive #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #moneylive #brochureModal .copy { text-align: center; width: 100%; clear: both; } #moneylive #brochureModal .copy h2 { margin-bottom: 30px; } #moneylive #brochureModal .copy p { font-size: 11px; } #moneylive #brochureModal .copy a { color: #3dc8d3; } #moneylive #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #moneylive #brochureModal .form-design-field { width: 100%; margin: 0; } } #moneylive #brochureModal label { display: none; } #moneylive #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #moneylive #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #3dc8d3; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #moneylive #brochureModal input[type=submit] { margin-top: 30px; } } #moneylive #brochureModal input[type=submit]:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #moneylive #reportModal .copy { text-align: center; width: 100%; clear: both; } #moneylive #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #moneylive #reportModal .copy p { font-size: 11px; } #moneylive #reportModal .copy a { color: #3dc8d3; } #moneylive #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #moneylive #reportModal .form-design-field { width: 100%; margin: 0; } } #moneylive #reportModal label { display: none; } #moneylive #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #moneylive #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #3dc8d3; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #moneylive #reportModal input[type=submit] { margin-top: 30px; } } #moneylive #reportModal input[type=submit]:hover { background: #3dc8d3; transition: all ease-in .2s; } #moneylive .details-modal-popup { cursor: pointer; } #moneylive #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #moneylive #detailsModal .modal-content img { margin-bottom: 20px; } #moneylive #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #000000; } #moneylive #detailsModal .modal-content a { color: #3dc8d3; } #moneylive #detailsModal .modal-content .col-1, #moneylive #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #moneylive #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #moneylive #detailsModal .modal-content { padding: 20px 10px; } #moneylive #detailsModal .modal-content h3 { padding-left: 0; } #moneylive #detailsModal .modal-content .col-1, #moneylive #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #moneylive .mod-speakers, #moneylive .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #moneylive .mod-speakers h2, #moneylive .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #moneylive .mod-speakers, #moneylive .mod-advisory-board { padding: 0; } } #moneylive .mod-speakers:after, #moneylive .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #moneylive .mod-speakers .single-speaker-grid, #moneylive .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #moneylive .mod-speakers .single-speaker-grid:nth-child(4n + 1), #moneylive .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #moneylive .mod-speakers .single-speaker-grid, #moneylive .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #moneylive .mod-speakers .single-speaker-grid, #moneylive .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #moneylive .mod-speakers .single-speaker-grid:nth-child(4n + 1), #moneylive .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #moneylive .mod-speakers .single-speaker-grid:nth-child(3n + 1), #moneylive .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #moneylive .mod-speakers .single-speaker-grid, #moneylive .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #moneylive .mod-speakers .single-speaker-grid:nth-child(3n + 1), #moneylive .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #moneylive .mod-speakers .single-speaker-grid:nth-child(2n + 1), #moneylive .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #moneylive .mod-speakers .single-speaker-img, #moneylive .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #moneylive .mod-speakers .single-speaker-img img, #moneylive .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #moneylive .mod-speakers .single-speaker-img, #moneylive .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #moneylive .mod-speakers .company-logo, #moneylive .mod-advisory-board .company-logo { margin: 0; } #moneylive .mod-speakers .company-logo img, #moneylive .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #moneylive .mod-speakers .company-logo, #moneylive .mod-advisory-board .company-logo { margin-bottom: 5px; } } #moneylive .mod-speakers .single-speaker-list, #moneylive .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #moneylive .mod-speakers .single-speaker-list .single-speaker-img, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #moneylive .mod-speakers .single-speaker-list .single-speaker-img, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #moneylive .mod-speakers .single-speaker-list .single-speaker-text, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #moneylive .mod-speakers .single-speaker-list .single-speaker-text, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #moneylive .mod-speakers .single-speaker-list .single-speaker-text h3, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #moneylive .mod-speakers .single-speaker-list .single-speaker-text h4, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #moneylive .mod-speakers .single-speaker-list .single-speaker-text p, #moneylive .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #moneylive .mod-speakers h3, #moneylive .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #moneylive .mod-speakers h3, #moneylive .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #moneylive .mod-speakers h3, #moneylive .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #moneylive .mod-speakers h3, #moneylive .mod-advisory-board h3 { font-size: 14px; } } #moneylive .mod-speakers h4, #moneylive .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #moneylive .mod-speakers h4, #moneylive .mod-advisory-board h4 { font-size: 13px; } } #moneylive .mod-speakers .btn-wrapper, #moneylive .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #moneylive .mod-speakers .load-speakers, #moneylive .mod-speakers .load-advisory-board, #moneylive .mod-advisory-board .load-speakers, #moneylive .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #3dc8d3; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #moneylive .mod-speakers .load-speakers:hover, #moneylive .mod-speakers .load-advisory-board:hover, #moneylive .mod-advisory-board .load-speakers:hover, #moneylive .mod-advisory-board .load-advisory-board:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .mod-speakers .load-speakers, #moneylive .mod-speakers .load-advisory-board, #moneylive .mod-advisory-board .load-speakers, #moneylive .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #moneylive .mod-speakers .loading-spinner, #moneylive .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #moneylive .mod-speakers .loading-spinner .load, #moneylive .mod-speakers .loading-spinner .load:after, #moneylive .mod-advisory-board .loading-spinner .load, #moneylive .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #moneylive .mod-speakers .loading-spinner .load, #moneylive .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3dc8d3; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #moneylive .mod-speakers:before, #moneylive .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #moneylive .mod-speakers.loading:before, #moneylive .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #moneylive .mod-speakers.loading .loading-spinner, #moneylive .mod-advisory-board.loading .loading-spinner { display: block; } #moneylive .people-fullwidth { width: 100% !important; } #moneylive #speakers { position: relative; z-index: 99; } #moneylive .mod-speakers-global { margin: 0; width: 100%; position: relative; } #moneylive .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #moneylive .mod-speakers-global { padding: 0; } } #moneylive .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #moneylive .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #moneylive .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #moneylive .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #moneylive .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #moneylive .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #moneylive .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #moneylive .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #moneylive .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #moneylive .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #moneylive .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #moneylive .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #moneylive .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #moneylive .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #moneylive .mod-speakers-global .single-speaker-container { z-index: 1; } } #moneylive .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #moneylive .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #moneylive .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #moneylive .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #moneylive .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #moneylive .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #moneylive .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #moneylive .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #moneylive .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #moneylive .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #moneylive .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #moneylive .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #moneylive .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #moneylive .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #moneylive .mod-speakers-global .single-speaker-img { overflow: initial; } } #moneylive .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #moneylive .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #moneylive .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #moneylive .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #moneylive .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #moneylive .mod-speakers-global .company-logo { margin: 0; } #moneylive .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #moneylive .mod-speakers-global .company-logo { margin-bottom: 5px; } } #moneylive .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #moneylive .mod-speakers-global .single-speaker-details { transition: none; } } #moneylive .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #moneylive .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #moneylive .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #moneylive .mod-speakers-global .details-active-right { left: 0 !important; } } #moneylive .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #moneylive .mod-speakers-global .details-active-left { left: 0 !important; } } #moneylive .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #moneylive .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #moneylive .mod-speakers-global .close-detail-label { display: none; } } #moneylive .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #moneylive .mod-speakers-global .speaker-mb-img img { width: 100%; } #moneylive .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #moneylive .mod-speakers-global .speaker-extra-details { padding: 24px; } } #moneylive .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #moneylive .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #moneylive .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #moneylive .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #moneylive .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #moneylive .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #moneylive .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #moneylive .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #moneylive .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #moneylive .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #moneylive .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #moneylive .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #moneylive .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #moneylive .mod-speakers-global h3 { font-size: 14px; } } #moneylive .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #moneylive .mod-speakers-global h4 { font-size: 13px; } } #moneylive .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #moneylive .mod-speakers-global .load-speakers, #moneylive .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #3dc8d3; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #moneylive .mod-speakers-global .load-speakers:hover, #moneylive .mod-speakers-global .load-advisory-board:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .mod-speakers-global .load-speakers, #moneylive .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #moneylive .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #moneylive .mod-speakers-global .loading-spinner .load, #moneylive .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #moneylive .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3dc8d3; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #moneylive .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #moneylive .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #moneylive .mod-speakers-global.loading .loading-spinner { display: block; } #moneylive .hide-scroll-top { opacity: 0; } #moneylive .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #moneylive .mod-sponsors { padding: 0; } } #moneylive .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #moneylive .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #moneylive .mod-sponsors .tooltip { display: block; } } #moneylive .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #moneylive .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #moneylive .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #moneylive .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #moneylive .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #moneylive .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #moneylive .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #moneylive .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #moneylive .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #moneylive .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #moneylive .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #moneylive .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #moneylive .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3dc8d3; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #moneylive .mod-sponsors .sponsor-btn:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #moneylive .mod-attending { padding: 0 30px; text-align: center; } #moneylive .mod-attending .attendees-slider { max-height: 350px; } #moneylive .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #moneylive .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #moneylive .mod-attending .attendees-slider .attendee { width: 50%; } } #moneylive .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #moneylive .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #moneylive .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #moneylive .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #moneylive .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #moneylive .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #moneylive .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #3dc8d3; } @media only screen and (max-width: 1200px) { #moneylive .mod-attending { padding: 0; } } #moneylive .mod-attending h2 { text-align: center; padding: 0 0 60px; } #moneylive .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3dc8d3; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #moneylive .mod-attending .attendee-btn:hover { background: #3dc8d3; } #moneylive .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #moneylive .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #moneylive .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #moneylive .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .schedule-controls { padding: 0; } } #moneylive .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #moneylive .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #moneylive .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #1595aa; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .schedule-controls .selected-category { width: 100%; } } #moneylive .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #moneylive .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #moneylive .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #moneylive .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #000000; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #moneylive .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #000000; transition: all ease-in .2s; } #moneylive .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #moneylive .mod-schedule .schedule-controls .expand, #moneylive .mod-schedule .schedule-controls .collapse, #moneylive .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #1595aa; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #moneylive .mod-schedule .schedule-controls .expand span, #moneylive .mod-schedule .schedule-controls .collapse span, #moneylive .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #moneylive .mod-schedule .schedule-controls .expand.active, #moneylive .mod-schedule .schedule-controls .collapse.active, #moneylive .mod-schedule .schedule-controls .print-btn.active { display: block; } #moneylive .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #000000; } #moneylive .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #moneylive .mod-schedule .day-tab .d-day-dates { display: initial; } #moneylive .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #moneylive .mod-schedule .day-tab .d-day-dates { display: none; } #moneylive .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #moneylive .mod-schedule .day-tab .d-day-dates { display: none; } #moneylive .mod-schedule .day-tab .m-day-dates { display: initial; } } #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #moneylive .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #moneylive .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #moneylive .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #moneylive .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #moneylive .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #moneylive .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #moneylive .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #moneylive .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #moneylive .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #moneylive .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-tab:first-child { margin-left: 0; } #moneylive .mod-schedule .day-tab:last-child { margin-right: 0; } } #moneylive .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #moneylive .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-tab h3 { font-size: 18px; } } #moneylive .mod-schedule .day-tab.active { border-bottom: 2px solid #1595aa; transition: all ease-in .2s; } #moneylive .mod-schedule .day-tab.active h3 { color: #1595aa; } #moneylive .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main { width: 100%; } } #moneylive .mod-schedule .day-main.active { display: block; } #moneylive .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #3dc8d3; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #moneylive .mod-schedule .day-main .explore-next-btn a { color: #fff; } #moneylive .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #moneylive .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #moneylive .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #000000; text-transform: uppercase; font-size: 18px; font-weight: bold; } #moneylive .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #1595aa; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #moneylive .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #moneylive .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #moneylive .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #000000; font-weight: bold; font-size: 14px; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #1595aa; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #000000; transform: rotate(45deg); transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #000000; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #moneylive .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #moneylive .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #moneylive .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #000000; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #moneylive .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #1595aa; padding-bottom: 0px; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-title { background: #000000; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #000000; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #moneylive .mod-schedule .day-main .day-entry.active .day-entry-sessions, #moneylive .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #moneylive .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #000000; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #moneylive .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #000000; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #000000; } @media only screen and (max-width: 1200px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #1595aa; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description p, #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #000000; font-size: 14px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #1595aa; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #000000; font-size: 13px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #moneylive .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #moneylive .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #1595aa; } } @media only screen and (max-width: 600px) { #moneylive .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #moneylive .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #moneylive .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #moneylive .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #1595aa; } #moneylive .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #moneylive .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #moneylive .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #moneylive .mod-webinar .modal .modal-body { padding: 0; } #moneylive .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #moneylive .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #moneylive .mod-webinar .modal .chat { float: left; width: 400px; } #moneylive .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #moneylive .mod-tickets { float: left; width: 100%; } #moneylive .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #moneylive .mod-tickets .tickets { width: 100%; } } #moneylive .mod-tickets .tickets .ticket { float: left; border: 3px solid #000000; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #moneylive .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #moneylive .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #moneylive .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #moneylive .mod-tickets .tickets .ticket .ticket-title { background: #000000; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #1595aa; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #1595aa; background: none; padding: 8px 10px 0 10px; width: 35%; } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #moneylive .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #moneylive .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #moneylive .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #moneylive .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #moneylive .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #moneylive .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #3dc8d3; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #3dc8d3; padding-top: 8px; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #3dc8d3; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #moneylive .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #moneylive .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #moneylive .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #moneylive .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #moneylive .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #moneylive .mod-tickets .ticket-order { width: 100%; } } #moneylive .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #moneylive .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #3dc8d3; } #moneylive .mod-tickets .ticket-order .cart p { text-align: left; } #moneylive .mod-tickets .ticket-order .cart h3 { background: #3dc8d3; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #moneylive .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #moneylive .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #moneylive .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #moneylive .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #moneylive .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #moneylive .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #moneylive .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #moneylive .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #moneylive .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3dc8d3; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #moneylive .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #moneylive .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #moneylive .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #moneylive .mod-tickets .loading-spinner .load, #moneylive .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #moneylive .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3dc8d3; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #moneylive .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #moneylive .mod-tickets.loading { pointer-events: none; } #moneylive .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #moneylive .mod-tickets.loading .loading-spinner { display: block; } #moneylive #insurerConfirmModal .modal-content { border: 3px solid #3dc8d3; box-shadow: none; padding: 20px; max-width: 500px; } #moneylive #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #moneylive #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #moneylive #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #moneylive #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #moneylive #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #moneylive #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #moneylive #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #3dc8d3; } #moneylive #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #000000; } #moneylive #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #moneylive .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #moneylive .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #moneylive .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #moneylive .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #moneylive .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #000000; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #moneylive .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #moneylive .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #moneylive .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #moneylive .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #moneylive .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #moneylive .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #moneylive .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #moneylive .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #moneylive .mod-related-content .related-article .event-img:hover:after { top: 0; } #moneylive .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #moneylive .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #moneylive .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #moneylive .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #moneylive .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #moneylive .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #moneylive .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #moneylive .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #moneylive .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #moneylive .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #moneylive .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #moneylive .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #moneylive .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #moneylive .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #moneylive .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #moneylive .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #moneylive .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #moneylive .mod-map-marker .et_pb_row { position: relative; height: 100%; } #moneylive .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #moneylive .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #moneylive .mod-map-marker .marker { padding: 20px 20px 0; } } #moneylive .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #moneylive .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #moneylive .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #3dc8d3; font-size: 14px; letter-spacing: 1px; color: #3dc8d3; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #moneylive .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #moneylive .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #moneylive .mod-map-marker .marker a:hover { border: 2px solid #3dc8d3; transition: all ease-in .2s; } #moneylive .et_pb_map { height: 600px; } #moneylive .contact-map .et_pb_map { height: 300px; } #moneylive .gmnoprint { display: none; } #moneylive .mod-sign-up { width: 100%; margin: 0; background: #3dc8d3; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #moneylive .mod-sign-up { width: 100%; margin: 0; } } #moneylive .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #000000; } #moneylive .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #moneylive .mod-sign-up .elq-form { float: left; width: 100%; } #moneylive .mod-sign-up .elq-form label { display: none; } #moneylive .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #moneylive .mod-sign-up .elq-form .form-design-field { width: 100%; } } #moneylive .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #moneylive .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #moneylive .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #moneylive .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #moneylive .mod-sponsorship-form label { display: none; } #moneylive .mod-sponsorship-form .col-1, #moneylive .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #moneylive .mod-sponsorship-form .col-1, #moneylive .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #moneylive .mod-sponsorship-form .col-2 { float: right; } #moneylive .mod-sponsorship-form input:not([type=submit]), #moneylive .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #moneylive .mod-sponsorship-form textarea { min-height: 160px; } #moneylive .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #moneylive .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #moneylive .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #000000; color: #000000; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #moneylive .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #moneylive .mod-homepage-index .index-entry-filters li:hover { background-color: #000000; transition: all ease-in-out .3s; } #moneylive .mod-homepage-index .index-entry-filters li.active { background-color: #000000; color: #fff; transition: all ease-in-out .3s; } #moneylive .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #moneylive .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #moneylive .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #moneylive .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #moneylive .mod-homepage-index .index-entry.active { display: block; } #moneylive .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #moneylive .masonry-grid .grid-item img { width: 100%; height: auto; } #moneylive.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #moneylive.et-fb .et_pb_masonry_grid > div { display: none; } #moneylive.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #moneylive #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #moneylive #event-menu .fullwidth-menu { padding-top: 15px !important; } #moneylive #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #moneylive .admin-bar #event-menu { top: 62px; } #moneylive .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #moneylive .homepage-event-section .divider-strip { position: relative; } #moneylive .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #1595aa; margin-top: 30px; } #moneylive .homepage-events-preview { margin-top: 80px; } #moneylive .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #moneylive .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #moneylive .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #moneylive .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #3dc8d3; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #000000; opacity: 0.95; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #moneylive .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #moneylive .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #moneylive .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #moneylive .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #moneylive .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #moneylive .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #moneylive .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #moneylive .homepage-events-preview:after { display: none; } #moneylive .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #moneylive .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #moneylive .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #moneylive .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #moneylive .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #moneylive .topic-header { position: relative; background-position: center; background-size: cover; } #moneylive .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #moneylive .topic-header * { position: relative; z-index: 1; } #moneylive .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #moneylive .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #moneylive .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #moneylive .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #moneylive .featured-event { padding-right: 20px; } } #moneylive .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #1595aa; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #moneylive .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #moneylive .featured-event .close:hover { color: #3dc8d3; } #moneylive .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #1595aa; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #moneylive .featured-event .dates-of-event strong { display: block; font-weight: 800; } #moneylive .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #1595aa; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #moneylive .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #moneylive .featured-event .dates-of-event { top: 45%; } } #moneylive .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #moneylive .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #moneylive .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #moneylive .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #moneylive .featured-event .col-6 > img { max-height: 130px; } } #moneylive .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #moneylive .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #moneylive .featured-event .col-6.right { padding-right: 0; } } #moneylive .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #moneylive .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #moneylive .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #moneylive .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #moneylive .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #moneylive .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #1595aa; display: block; line-height: 120%; } @media (max-width: 699px) { #moneylive .featured-event .col-6 .countdown-to-event span { width: 50px; } #moneylive .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #moneylive .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #moneylive .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #moneylive .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #moneylive .featured-event .col-6 .event-type.event { color: #1595aa; } #moneylive .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #moneylive .featured-event .col-6 .event-type.article { color: #366893; } #moneylive .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #moneylive .featured-event .col-6 .event-type.webinar { color: #3dc8d3; } #moneylive .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #moneylive .featured-event .col-6 .event-type.course { color: #8A9299; } #moneylive .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #moneylive .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #moneylive .featured-event .col-6 h2 { padding-right: 40px; } } #moneylive .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #1595aa; display: block; line-height: 150%; margin: 0 0 20px 0; } #moneylive .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #moneylive .featured-event .col-6 .white-btn, #moneylive .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #moneylive .featured-event .col-6 .white-btn:hover, #moneylive .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #moneylive .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #moneylive .featured-event .col-6 .colored-btn { background: #1595aa; border-color: #1595aa; margin-right: 0; } #moneylive .events-filter { margin: 50px 0 20px 0; } #moneylive .events-filter ul { float: left; } #moneylive .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #moneylive .events-filter ul li p { font-size: 16px; } #moneylive .events-filter ul li.active p { color: green; } #moneylive .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #moneylive .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #moneylive .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #moneylive .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #moneylive .events-filter > span.icon_grid-2x2 { color: #000000; } #moneylive .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #moneylive .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #moneylive .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #moneylive .events-filter > span:hover, #moneylive .events-filter > span.icon-active { color: #3dc8d3; } @media (max-width: 767px) { #moneylive .events-filter > span.icon_grid-2x2, #moneylive .events-filter > span.icon_menu { display: none; } } #moneylive .inner-events-boxes { font-size: 0; } #moneylive .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #moneylive .inner-events-boxes .event-box.active { display: inline-block; } #moneylive .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #moneylive .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #moneylive .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.9; } #moneylive .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #moneylive .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #moneylive .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #moneylive .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #moneylive .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #moneylive .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #moneylive .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #moneylive .inner-events-boxes .event-box > div .event-type.event { color: #1595aa; } #moneylive .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #moneylive .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #moneylive .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #moneylive .inner-events-boxes .event-box > div .event-type.webinar { color: #3dc8d3; } #moneylive .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #moneylive .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #moneylive .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #moneylive .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #3dc8d3; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #moneylive .inner-events-boxes .event-box > div .event-btn:hover { background: #3dc8d3; } #moneylive .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #moneylive .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #moneylive .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #moneylive .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #moneylive .inner-events-boxes .event-box.col-4 > div:hover p, #moneylive .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #moneylive .inner-events-boxes .event-box > div h3 { font-size: 20px; } #moneylive .inner-events-boxes .event-box > div p, #moneylive .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #moneylive .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #moneylive .inner-events-boxes .event-box.col-4 { width: 48%; } #moneylive .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #moneylive .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #moneylive .inner-events-boxes .event-box.col-4 > div { height: auto; } } #moneylive div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #moneylive div.inner-event-header .et_pb_row { z-index: 2; } #moneylive div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #moneylive div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #1595aa 35px, transparent 35px); background: -moz-linear-gradient(right, #1595aa 35px, transparent 35px); background: -o-linear-gradient(right, #1595aa 35px, transparent 35px); background: -webkit-linear-gradient(left, #1595aa 35px, transparent 35px); pointer-events: none; } #moneylive div.inner-event-header img, #moneylive div.inner-event-header h1, #moneylive div.inner-event-header h2, #moneylive div.inner-event-header h3, #moneylive div.inner-event-header h4, #moneylive div.inner-event-header h5, #moneylive div.inner-event-header h6, #moneylive div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #moneylive div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #moneylive div.inner-event-header a:hover { background: #8A9299; } #moneylive div.inner-event-header a.colored-btn { background: #3dc8d3; border-color: #3dc8d3; } #moneylive div.inner-event-header a.colored-btn:hover { background: #3dc8d3; border-color: #3dc8d3; } @media (max-width: 1199px) { #moneylive div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #moneylive div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #moneylive div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #moneylive div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #moneylive div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #moneylive div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #moneylive div.inner-event-header img { padding: 20px 20px 5px 20px; } #moneylive div.inner-event-header h1 { padding: 0; } #moneylive div.inner-event-header a { margin: 0 0 10px 0; } } #moneylive .event-icons div { display: inline-block; } #moneylive .event-icons div > strong { display: block; } @media (max-width: 599px) { #moneylive .event-icons div img { max-width: 50px; max-height: 50px; } #moneylive .event-icons div > strong { font-size: 30px !important; } #moneylive .event-icons div > span { font-size: 16px !important; } } #moneylive .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #moneylive .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #moneylive .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #moneylive .et_pb_number_counter .percent { height: auto; } } #moneylive .et_pb_widget { width: 100%; } #moneylive .et_pb_widget .field-wrapper label { display: none; } #moneylive .et_pb_widget .field-wrapper input, #moneylive .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #moneylive .et_pb_widget .field-wrapper input[type=submit], #moneylive .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #3dc8d3; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #moneylive .et_pb_widget .field-wrapper input[type=submit]:hover, #moneylive .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #3dc8d3; } @media (max-width: 1199px) { #moneylive .et_pb_widget .field-wrapper input[type=submit], #moneylive .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #moneylive .et_pb_widget .field-wrapper input:focus, #moneylive .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #moneylive .et_pb_widget .field-wrapper input, #moneylive .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #moneylive .sponsorship-header { background-position: center; background-size: cover; } #moneylive .sponsorship-header .et_pb_row { z-index: 2; } #moneylive .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #moneylive .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #moneylive .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #moneylive .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #moneylive .sponsorship-testimonials { float: left; width: 100%; } #moneylive .testimonials { position: relative; } #moneylive .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #1595aa; } @media only screen and (max-width: 900px) { #moneylive .testimonials .et_pb_column_2:after { display: none; } } #moneylive .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #1595aa; } @media only screen and (max-width: 900px) { #moneylive .testimonials .et_pb_column_3:after { display: none; } } #moneylive .header-message { text-align: center; background-color: #3dc8d3; position: relative; z-index: 1; } #moneylive .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #moneylive .header-message a { color: #fff; text-decoration: underline; } #moneylive #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #000000; } #moneylive #catapult-cookie-bar .ctcc-left-side { color: #fff; } #moneylive #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #moneylive #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #1595aa; color: #fff; } #moneylive .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #333333; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #moneylive .page-header { padding: 60px 0 40px; } } #moneylive .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.8; } @supports (background-blend-mode: multiply) { #moneylive .page-header:after { opacity: 0.2; } } #moneylive .page-header .container { position: relative; z-index: 2; } #moneylive .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #moneylive .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #moneylive .page-header .container h1 { font-size: 35px; } } #moneylive .background-overlay { position: relative; background-color: #333333; background-blend-mode: multiply; } #moneylive .background-overlay .et_parallax_bg { background-color: #333333; background-blend-mode: multiply; } #moneylive .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000000; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #moneylive .background-overlay:after { opacity: 0.2; } } #moneylive .background-overlay .et_pb_row { position: relative; z-index: 10; } #moneylive .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #moneylive .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #moneylive .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #moneylive .topic-feat-event .container { padding: 0; } #moneylive .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #moneylive .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #moneylive .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #moneylive .feat-event-inner { padding: 50px 20px 20px; } } #moneylive .feat-event-inner .featured { color: #1595aa; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #moneylive .feat-event-inner .featured span { color: #1595aa; } #moneylive .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #moneylive .feat-event-inner .entry-date { position: absolute; background: #1595aa; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #moneylive .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #moneylive .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #moneylive .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #moneylive .feat-event-inner .col-1, #moneylive .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #moneylive .feat-event-inner .col-1, #moneylive .feat-event-inner .col-2 { width: 100%; float: none; } } #moneylive .feat-event-inner .col-1 img { max-width: 75%; } #moneylive .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #moneylive .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #moneylive .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #moneylive .feat-event-inner .col-1 .btn { width: 100%; } } #moneylive .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #moneylive .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #moneylive .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #1595aa; background-color: #1595aa; transition: all ease-in-out .3s; } #moneylive .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #1595aa; background-color: #1595aa; transition: all ease-in-out .3s; } #moneylive .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #moneylive .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #moneylive .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #moneylive .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #moneylive .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #moneylive .feat-event-inner .col-2 { display: none; } } #moneylive .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #moneylive .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #moneylive .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #moneylive .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #moneylive .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #moneylive .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: .7; z-index: 1; } #moneylive .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #moneylive .topic-grid:after { content: ''; background-color: #1595aa; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #moneylive .topic-grid:after { display: none; } } #moneylive .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #moneylive .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #moneylive .related-articles .other-related { float: left; width: 100%; } #moneylive .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #moneylive .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #moneylive body.woocommerce .woocommerce-tabs { margin: 0; } #moneylive body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #moneylive body.woocommerce .woocommerce-message { background: #3dc8d3 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #moneylive body.woocommerce .woocommerce-error { background-color: #1595aa; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #moneylive body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #moneylive body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #moneylive #fep-wrapper { margin: 0; } #moneylive #fep-wrapper #fep-header, #moneylive #fep-wrapper #fep-footer { display: none; } #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #moneylive #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #moneylive #fep-wrapper #fep-menu .fep-button, #moneylive #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #3dc8d3; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-menu .fep-button:hover, #moneylive #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #3dc8d3; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-menu .fep-button .fep-font-red, #moneylive #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #moneylive #fep-wrapper #fep-menu .fep-button-active { background-color: #3dc8d3; } #moneylive #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #moneylive #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #moneylive #fep-wrapper #fep-content > h2 { padding: 10px; color: #000000; font-weight: bold; } #moneylive #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #moneylive #fep-wrapper #fep-content .fep-message-table { margin: 0; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #3dc8d3; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #1595aa; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #1595aa; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #3dc8d3; display: inline-block; margin: 20px 0; font-size: 16px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #1595aa; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #1595aa; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #3dc8d3; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #moneylive #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #3dc8d3; transition: all ease-in-out .3s; } #moneylive #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #moneylive #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #moneylive #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #1595aa; box-shadow: none; } #moneylive #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #3dc8d3; } #moneylive .fep-success, #moneylive .fep-error, #moneylive .fep-wp-error { background-color: #3dc8d3; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #moneylive .fep-wp-error, #moneylive .fep-error { background-color: #1595aa; } #moneylive .fep-message { background-color: #F6F6F6; } #moneylive .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #moneylive .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #000000; } #moneylive .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #000000; } #moneylive .fep-per-message .fep-message-toggle-all { color: #3dc8d3; margin-bottom: 5px; } #moneylive .fep-per-message .fep-message-title, #moneylive .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #moneylive .fep-per-message .fep-message-title .author, #moneylive .fep-per-message .fep-message-content .author { font-weight: 500; } #moneylive .fep-per-message .fep-message-title .date, #moneylive .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #moneylive .fep-per-message .fep-message-title p, #moneylive .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #moneylive .fep-per-message .fep-message-title hr, #moneylive .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #moneylive #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #3dc8d3; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #moneylive #fep-notification-bar a { color: #fff; } #moneylive .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #1595aa !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #moneylive .fep-custom-button:before { content: '◄ '; } #moneylive .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #moneylive .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #moneylive .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #moneylive .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #moneylive .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #moneylive .fep-search-inbox::placeholder { text-align: left; } } #accelerate { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #accelerate body, #accelerate html { overflow-x: hidden; margin-top: 0 !important; } #accelerate .hide { display: none; } #accelerate .text-center { text-align: center; } #accelerate style { display: none !important; } #accelerate .et_pb_section { clear: both; } #accelerate .single .post { padding: 0; margin: 0; } #accelerate .img-bullet-point { position: absolute; top: 0; left: -40px; } #accelerate #left-area { padding-bottom: 0 !important; } #accelerate *::selection { background-color: #57C1F5; } #accelerate #et_search_icon:hover, #accelerate .mobile_menu_bar:before, #accelerate .mobile_menu_bar:after, #accelerate .et-social-icon a:hover, #accelerate .comment-reply-link, #accelerate .form-submit .et_pb_button, #accelerate .entry-summary p.price ins, #accelerate .woocommerce div.product span.price, #accelerate .woocommerce-page div.product span.price, #accelerate .woocommerce #content div.product span.price, #accelerate .woocommerce-page #content div.product span.price, #accelerate .woocommerce div.product p.price, #accelerate .woocommerce-page div.product p.price, #accelerate .woocommerce #content div.product p.price, #accelerate .woocommerce-page #content div.product p.price, #accelerate .woocommerce .star-rating span:before, #accelerate .woocommerce-page .star-rating span:before, #accelerate .woocommerce a.button.alt, #accelerate .woocommerce-page a.button.alt, #accelerate .woocommerce button.button.alt, #accelerate .woocommerce-page button.button.alt, #accelerate .woocommerce input.button.alt, #accelerate .woocommerce-page input.button.alt, #accelerate .woocommerce #respond input#submit.alt, #accelerate .woocommerce-page #respond input#submit.alt, #accelerate .woocommerce #content input.button.alt, #accelerate .woocommerce-page #content input.button.alt, #accelerate .woocommerce a.button, #accelerate .woocommerce-page a.button, #accelerate .woocommerce button.button, #accelerate .woocommerce-page button.button, #accelerate .woocommerce input.button, #accelerate .woocommerce-page input.button, #accelerate .woocommerce #respond input#submit, #accelerate .woocommerce-page #respond input#submit, #accelerate .woocommerce #content input.button, #accelerate .woocommerce-page #content input.button, #accelerate .woocommerce a.button.alt:hover, #accelerate .woocommerce-page a.button.alt:hover, #accelerate .woocommerce button.button.alt:hover, #accelerate .woocommerce-page button.button.alt:hover, #accelerate .woocommerce input.button.alt:hover, #accelerate .woocommerce-page input.button.alt:hover, #accelerate .woocommerce #respond input#submit.alt:hover, #accelerate .woocommerce-page #respond input#submit.alt:hover, #accelerate .woocommerce #content input.button.alt:hover, #accelerate .woocommerce-page #content input.button.alt:hover, #accelerate .woocommerce a.button:hover, #accelerate .woocommerce-page a.button:hover, #accelerate .woocommerce button.button, #accelerate .woocommerce-page button.button:hover, #accelerate .woocommerce input.button:hover, #accelerate .woocommerce-page input.button:hover, #accelerate .woocommerce #respond input#submit:hover, #accelerate .woocommerce-page #respond input#submit:hover, #accelerate .woocommerce #content input.button:hover, #accelerate .wp-pagenavi span.current, #accelerate .wp-pagenavi a:hover, #accelerate .et_password_protected_form .et_submit_button, #accelerate .nav-single a, #accelerate .posted_in a, #accelerate #top-menu li.current-menu-ancestor > a, #accelerate #top-menu li.current-menu-item > a, #accelerate .bottom-nav li.current-menu-item > a, #accelerate .footer-widget h4 { color: #57C1F5; } #accelerate .title-with-bottom-line, #accelerate .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #accelerate .title-with-bottom-line h3, #accelerate .title-with-bottom-line > :last-child, #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #accelerate .title-with-bottom-line h3, #accelerate .title-with-bottom-line > :last-child, #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #accelerate .title-with-bottom-line h3, #accelerate .title-with-bottom-line > :last-child, #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #accelerate .title-with-bottom-line h3, #accelerate .title-with-bottom-line > :last-child, #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #accelerate .title-with-bottom-line h3, #accelerate .title-with-bottom-line > :last-child, #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #accelerate .title-with-bottom-line:after, #accelerate .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #57C1F5; } @media (max-width: 400px) { #accelerate .title-with-bottom-line:after, #accelerate .title-with-bottom-line-grey:after { bottom: -5px; } } #accelerate .title-with-bottom-line-grey h3, #accelerate .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #accelerate .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #accelerate .secondary-title-with-bottom-line { margin-top: 0; } } #accelerate .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #accelerate .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #accelerate .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #accelerate .secondary-title-with-bottom-line:after { bottom: -5px; } } #accelerate .et-search-form, #accelerate .et_mobile_menu, #accelerate .footer-widget li:before, #accelerate .nav li ul, #accelerate blockquote { border-color: #57C1F5; } @media print { #accelerate .single-product.print-view { visibility: hidden; } #accelerate .single-product.print-view #agenda { visibility: visible; } @page { #accelerate .single-product.print-view { margin: 20px 0; } } #accelerate .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #accelerate .single-product.print-view #top-header, #accelerate .single-product.print-view #main-header, #accelerate .single-product.print-view #main-footer, #accelerate .single-product.print-view .et_pb_section_1, #accelerate .single-product.print-view .et_pb_module:not(.mod-schedule), #accelerate .single-product.print-view .schedule-controls, #accelerate .single-product.print-view .footer-form, #accelerate .single-product.print-view .day-tab, #accelerate .single-product.print-view .stream-tabs, #accelerate .single-product.print-view .explore-next-btn, #accelerate .single-product.print-view .et_pb_scroll_top { display: none !important; } #accelerate .single-product.print-view .et_pb_section, #accelerate .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #accelerate .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #accelerate .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #0C1850 !important; break-after: avoid-page; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #accelerate .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #accelerate .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #accelerate .col-6 { width: 49%; } #accelerate .pull-left { float: left; } #accelerate .pull-right { float: right; } #accelerate .clear { clear: both; } #accelerate .container { width: 100%; } #accelerate .et-cart-info { display: none; } #accelerate #top-header { background-color: #0C1850; } #accelerate #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #accelerate #main-header .container { padding-left: 20px; padding-right: 20px; } #accelerate #logo { max-height: 64px; } @media (max-width: 1079px) { #accelerate #logo { max-height: 40px; } } #accelerate .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #accelerate .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #accelerate .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #accelerate .et_header_style_left #logo, #accelerate .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #accelerate .et_header_style_left #et-top-navigation, #accelerate .et_header_style_split #et-top-navigation, #accelerate .et_header_style_left .et-fixed-header #et-top-navigation, #accelerate .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #accelerate .et_header_style_left #et-top-navigation nav > ul > li > a, #accelerate .et_header_style_split #et-top-navigation nav > ul > li > a, #accelerate .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #accelerate .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #accelerate .et_header_style_left #et-top-navigation, #accelerate .et_header_style_split #et-top-navigation, #accelerate .et_header_style_left .et-fixed-header #et-top-navigation, #accelerate .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #accelerate .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #accelerate #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #accelerate #top-menu li a { color: #000000; font-weight: 400; } #accelerate #top-menu li li { padding: 0; } #accelerate #top-menu li li a:hover { background: none; color: #57C1F5; opacity: 1; } #accelerate #top-menu li li:hover a { color: #57C1F5; opacity: 1; } @media (max-width: 1199px) { #accelerate #top-menu li { padding-right: 35px; } } #accelerate #top-menu-nav > ul > li > a:hover, #accelerate #et-secondary-menu > ul > li > a:hover, #accelerate #et-info-email:hover, #accelerate .et-social-icons a:hover { color: #57C1F5; opacity: 1; } #accelerate #top-menu .menu-item-has-children > a:first-child:after, #accelerate #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #accelerate #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #accelerate #et_top_search { right: 40px; top: 7px; } } #accelerate #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #accelerate #et_top_search { margin-left: 35px; } #accelerate #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #accelerate #et_top_search #et_search_icon:before { top: 7px; } } #accelerate .nav li ul, #accelerate .et_mobile_menu { border-top-color: #57C1F5; } #accelerate .et_mobile_menu { padding: 15px 0; } #accelerate .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #accelerate .et_mobile_menu li a:hover { background: none; color: #57C1F5; } #accelerate .et_mobile_menu li.current-menu-item a { color: #57C1F5; } #accelerate .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #accelerate .et_mobile_menu li ul li { padding: 0; } #accelerate .et_mobile_menu li ul li a { padding: 10px 20px; } #accelerate .footer-form { padding: 0; background-color: #57C1F5 !important; } #accelerate .footer-form a { color: #fff; text-decoration: underline; } #accelerate .footer-form .et_pb_text { margin-bottom: 0; } #accelerate .footer-form .mod-sign-up p span { font-size: 10px; } #accelerate #main-footer { background: #0C1850; clear: both; } #accelerate #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #accelerate #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #accelerate #footer-widgets .footer-widget p { color: #fff; } #accelerate #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #57C1F5; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #accelerate #footer-widgets .footer-widget li { margin: 0; padding: 0; } #accelerate #footer-widgets .footer-widget li:before { display: none; } #accelerate #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #accelerate #footer-widgets .footer-widget li a:hover { color: #57C1F5; } @media (max-width: 767px) { #accelerate #footer-widgets { padding: 30px 0 0 0; } #accelerate #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #accelerate #footer-widgets .footer-widget li a { padding: 3px 0; } #accelerate #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #accelerate #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #accelerate #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #accelerate #footer-widgets { padding-bottom: 60px; } } #accelerate #footer-info { float: none; color: #fff; font-size: 12px; } #accelerate .et-social-icons { display: none; } #accelerate #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #accelerate .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #accelerate .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #accelerate .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #accelerate body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #accelerate body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #accelerate body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #accelerate body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #accelerate body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #accelerate .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #accelerate .desktop-my-account { display: none; } } #accelerate .mobile-my-account { display: none; } @media (max-width: 980px) { #accelerate .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #accelerate .account-page { padding: 0 20px; } } #accelerate .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #accelerate .account-page .container { padding-top: 30px; } } #accelerate .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #accelerate .account-page h1.main_title span { color: #57C1F5; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #accelerate .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #accelerate .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #accelerate .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #accelerate .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #accelerate .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #accelerate .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #accelerate .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #accelerate .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #57C1F5; } @media only screen and (max-width: 900px) { #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #accelerate .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #57C1F5; font-weight: 600; } } #accelerate .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #accelerate .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #accelerate .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #57C1F5; cursor: pointer; } } #accelerate .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #accelerate .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #accelerate .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #accelerate .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #57C1F5; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #accelerate .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #accelerate .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #accelerate .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #accelerate .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #accelerate .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #accelerate .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #accelerate .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #accelerate .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #accelerate .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #57C1F5; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #accelerate .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #57C1F5; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td a, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #57C1F5; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #C113BB; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #57C1F5; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #C113BB; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #accelerate .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #accelerate .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #C113BB; transition: all ease-in-out .3s; } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #0C1850; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #accelerate .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #accelerate .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #accelerate .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #accelerate .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #accelerate .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #accelerate .woocommerce-checkout #main-content .col-1, #accelerate .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #accelerate .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #57C1F5; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #accelerate .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #accelerate .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #accelerate .woocommerce-checkout #main-content .woocommerce-info:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #0C1850; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #accelerate .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #accelerate .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #accelerate .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #accelerate .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #accelerate .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #accelerate .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #accelerate .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .form-row label { position: relative; } } #accelerate .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #accelerate .woocommerce-checkout #main-content .form-row select { height: 52px; } #accelerate .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #accelerate .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #accelerate .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #accelerate .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #accelerate .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #accelerate .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #accelerate .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #accelerate .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #accelerate .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #accelerate .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #accelerate .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #accelerate .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #accelerate .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #accelerate .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #57C1F5; } #accelerate .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #0C1850; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #accelerate .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #0C1850; font-size: 19px; font-weight: 600; margin: 10px 0; } #accelerate .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #accelerate .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #C113BB; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #57C1F5; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #accelerate .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #accelerate .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #accelerate .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #accelerate .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #accelerate .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #accelerate .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #accelerate .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #accelerate .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #accelerate .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #accelerate .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #accelerate .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #57C1F5; padding: 25px 20px; } #accelerate .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #accelerate .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #accelerate .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #accelerate .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #57C1F5; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #accelerate .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #accelerate .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #accelerate .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #accelerate .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #accelerate .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #accelerate .webinar-thank-you .btn { color: #fff; background: #C113BB; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #accelerate .webinar-thank-you .btn:hover { background: #C113BB; transition: all ease-in-out .3s; } #accelerate .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #accelerate .woocommerce form.login { max-width: none; } } #accelerate .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #accelerate .woocommerce form.login .form-row { margin: 0 0 20px; } } #accelerate .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #accelerate .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #57C1F5; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #accelerate .woocommerce form.login .form-row input[type="submit"]:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate .woocommerce form.login .lost_password a { color: #57C1F5; } #accelerate .woocommerce-account .woocommerce form.login { max-width: 400px; } #accelerate .search-bar { position: relative; margin: 30px 20px 0; } #accelerate .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #accelerate .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #57C1F5; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #accelerate .search-bar .btn-search:hover { background-color: #0C1850; } #accelerate .btn-search-more { background-color: #57C1F5; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #accelerate .entry-container { padding: 0 0 80px; } #accelerate .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #accelerate .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #accelerate .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #accelerate .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #accelerate .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #accelerate .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #accelerate .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #0C1850; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #accelerate .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #57C1F5; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #accelerate .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #accelerate .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #accelerate .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #accelerate .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #0C1850; content: "\e108"; color: #C113BB; } #accelerate .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #C113BB; } #accelerate .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #0C1850; background-color: #C113BB; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #accelerate .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #accelerate .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #accelerate .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #accelerate .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #accelerate .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #accelerate .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #accelerate .entry-grid.view-grid .single-entry .entry-text h3 { color: #0C1850; font-size: 22px; line-height: 130%; } #accelerate .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #accelerate .entry-grid.view-grid .single-entry .entry-button { display: none; } #accelerate .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #accelerate .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #accelerate .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #accelerate .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #accelerate .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #0C1850; } #accelerate .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #accelerate .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #0C1850; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #accelerate .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #accelerate .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #accelerate .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #accelerate .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #C113BB; } #accelerate .entry-grid.view-list .single-entry .feat-image { display: none; } #accelerate .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #accelerate .entry-grid.view-list .single-entry .entry-text h3 { color: #0C1850; font-size: 22px; } #accelerate .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #accelerate .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #accelerate .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #accelerate .entry-grid.view-list .single-entry .entry-button { float: left; } } #accelerate .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #57C1F5; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #accelerate .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #accelerate .entry-grid-controls { padding: 0 15px 20px; } } #accelerate .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #accelerate .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #accelerate .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #accelerate .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #accelerate .entry-grid-controls .filters .filter-btn.active { border: 2px solid #0C1850; transition: all ease-in-out .3s; } #accelerate .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #accelerate .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #accelerate .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #0C1850; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #accelerate .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #accelerate .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #accelerate .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #accelerate .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #accelerate .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #accelerate .entry-load-more { text-align: center; } #accelerate .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #57C1F5; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #accelerate .entry-load-more .load-more-btn:hover { background-color: #57C1F5; transition: background 0.3s ease-in-out; } #accelerate .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #accelerate .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #accelerate .entry-topic { padding: 20px; } } #accelerate .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #accelerate .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #accelerate .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #accelerate .entry-topic .text { width: 100%; padding: 0; } } #accelerate .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #accelerate .entry-topic .text h3 { font-size: 26px; } } #accelerate .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #accelerate .entry-topic .text .inner-text { max-height: none; } } #accelerate .entry-topic .text .inner-text h4 { padding: 0; color: #C113BB; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #accelerate .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #accelerate .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #accelerate .entry-topic .text ul li { display: inline-block; } #accelerate .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #accelerate .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #accelerate .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #accelerate .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #accelerate .entry-topic .text ul li span.topic-entry-type-webinars:after, #accelerate .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #accelerate .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #accelerate .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #accelerate .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #accelerate .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #C113BB; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #accelerate .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #accelerate .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #accelerate .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #accelerate .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #accelerate .entry-topic:hover .btn { bottom: inherit; } } #accelerate .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0C1850; opacity: .8; z-index: 1; } #accelerate .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #accelerate .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #accelerate .modal .modal-content .modal-body { position: relative; } #accelerate .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #accelerate .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #accelerate .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #accelerate #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #accelerate #brochureModal .copy { text-align: center; width: 100%; clear: both; } #accelerate #brochureModal .copy h2 { margin-bottom: 30px; } #accelerate #brochureModal .copy p { font-size: 11px; } #accelerate #brochureModal .copy a { color: #57C1F5; } #accelerate #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #accelerate #brochureModal .form-design-field { width: 100%; margin: 0; } } #accelerate #brochureModal label { display: none; } #accelerate #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #accelerate #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #57C1F5; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #accelerate #brochureModal input[type=submit] { margin-top: 30px; } } #accelerate #brochureModal input[type=submit]:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #accelerate #reportModal .copy { text-align: center; width: 100%; clear: both; } #accelerate #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #accelerate #reportModal .copy p { font-size: 11px; } #accelerate #reportModal .copy a { color: #57C1F5; } #accelerate #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #accelerate #reportModal .form-design-field { width: 100%; margin: 0; } } #accelerate #reportModal label { display: none; } #accelerate #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #accelerate #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #57C1F5; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #accelerate #reportModal input[type=submit] { margin-top: 30px; } } #accelerate #reportModal input[type=submit]:hover { background: #57C1F5; transition: all ease-in .2s; } #accelerate .details-modal-popup { cursor: pointer; } #accelerate #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #accelerate #detailsModal .modal-content img { margin-bottom: 20px; } #accelerate #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #0C1850; } #accelerate #detailsModal .modal-content a { color: #57C1F5; } #accelerate #detailsModal .modal-content .col-1, #accelerate #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #accelerate #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #accelerate #detailsModal .modal-content { padding: 20px 10px; } #accelerate #detailsModal .modal-content h3 { padding-left: 0; } #accelerate #detailsModal .modal-content .col-1, #accelerate #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #accelerate .mod-speakers, #accelerate .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #accelerate .mod-speakers h2, #accelerate .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #accelerate .mod-speakers, #accelerate .mod-advisory-board { padding: 0; } } #accelerate .mod-speakers:after, #accelerate .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #accelerate .mod-speakers .single-speaker-grid, #accelerate .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #accelerate .mod-speakers .single-speaker-grid:nth-child(4n + 1), #accelerate .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #accelerate .mod-speakers .single-speaker-grid, #accelerate .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #accelerate .mod-speakers .single-speaker-grid, #accelerate .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #accelerate .mod-speakers .single-speaker-grid:nth-child(4n + 1), #accelerate .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #accelerate .mod-speakers .single-speaker-grid:nth-child(3n + 1), #accelerate .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #accelerate .mod-speakers .single-speaker-grid, #accelerate .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #accelerate .mod-speakers .single-speaker-grid:nth-child(3n + 1), #accelerate .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #accelerate .mod-speakers .single-speaker-grid:nth-child(2n + 1), #accelerate .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #accelerate .mod-speakers .single-speaker-img, #accelerate .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #accelerate .mod-speakers .single-speaker-img img, #accelerate .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #accelerate .mod-speakers .single-speaker-img, #accelerate .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #accelerate .mod-speakers .company-logo, #accelerate .mod-advisory-board .company-logo { margin: 0; } #accelerate .mod-speakers .company-logo img, #accelerate .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #accelerate .mod-speakers .company-logo, #accelerate .mod-advisory-board .company-logo { margin-bottom: 5px; } } #accelerate .mod-speakers .single-speaker-list, #accelerate .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #accelerate .mod-speakers .single-speaker-list .single-speaker-img, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #accelerate .mod-speakers .single-speaker-list .single-speaker-img, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #accelerate .mod-speakers .single-speaker-list .single-speaker-text, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #accelerate .mod-speakers .single-speaker-list .single-speaker-text, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #accelerate .mod-speakers .single-speaker-list .single-speaker-text h3, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #accelerate .mod-speakers .single-speaker-list .single-speaker-text h4, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #accelerate .mod-speakers .single-speaker-list .single-speaker-text p, #accelerate .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #accelerate .mod-speakers h3, #accelerate .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #accelerate .mod-speakers h3, #accelerate .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #accelerate .mod-speakers h3, #accelerate .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #accelerate .mod-speakers h3, #accelerate .mod-advisory-board h3 { font-size: 14px; } } #accelerate .mod-speakers h4, #accelerate .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #accelerate .mod-speakers h4, #accelerate .mod-advisory-board h4 { font-size: 13px; } } #accelerate .mod-speakers .btn-wrapper, #accelerate .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #accelerate .mod-speakers .load-speakers, #accelerate .mod-speakers .load-advisory-board, #accelerate .mod-advisory-board .load-speakers, #accelerate .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #57C1F5; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #accelerate .mod-speakers .load-speakers:hover, #accelerate .mod-speakers .load-advisory-board:hover, #accelerate .mod-advisory-board .load-speakers:hover, #accelerate .mod-advisory-board .load-advisory-board:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .mod-speakers .load-speakers, #accelerate .mod-speakers .load-advisory-board, #accelerate .mod-advisory-board .load-speakers, #accelerate .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #accelerate .mod-speakers .loading-spinner, #accelerate .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #accelerate .mod-speakers .loading-spinner .load, #accelerate .mod-speakers .loading-spinner .load:after, #accelerate .mod-advisory-board .loading-spinner .load, #accelerate .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #accelerate .mod-speakers .loading-spinner .load, #accelerate .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #57C1F5; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #accelerate .mod-speakers:before, #accelerate .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #accelerate .mod-speakers.loading:before, #accelerate .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #accelerate .mod-speakers.loading .loading-spinner, #accelerate .mod-advisory-board.loading .loading-spinner { display: block; } #accelerate .people-fullwidth { width: 100% !important; } #accelerate #speakers { position: relative; z-index: 99; } #accelerate .mod-speakers-global { margin: 0; width: 100%; position: relative; } #accelerate .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #accelerate .mod-speakers-global { padding: 0; } } #accelerate .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #accelerate .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #accelerate .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #accelerate .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #accelerate .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #accelerate .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #accelerate .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #accelerate .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #accelerate .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #accelerate .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #accelerate .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #accelerate .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #accelerate .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #accelerate .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #accelerate .mod-speakers-global .single-speaker-container { z-index: 1; } } #accelerate .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #accelerate .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #accelerate .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #accelerate .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #accelerate .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #accelerate .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #accelerate .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #accelerate .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #accelerate .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #accelerate .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #accelerate .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #accelerate .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #accelerate .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #accelerate .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #accelerate .mod-speakers-global .single-speaker-img { overflow: initial; } } #accelerate .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #accelerate .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #accelerate .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #accelerate .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #accelerate .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #accelerate .mod-speakers-global .company-logo { margin: 0; } #accelerate .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #accelerate .mod-speakers-global .company-logo { margin-bottom: 5px; } } #accelerate .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #accelerate .mod-speakers-global .single-speaker-details { transition: none; } } #accelerate .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #accelerate .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #accelerate .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #accelerate .mod-speakers-global .details-active-right { left: 0 !important; } } #accelerate .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #accelerate .mod-speakers-global .details-active-left { left: 0 !important; } } #accelerate .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #accelerate .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #accelerate .mod-speakers-global .close-detail-label { display: none; } } #accelerate .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #accelerate .mod-speakers-global .speaker-mb-img img { width: 100%; } #accelerate .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #accelerate .mod-speakers-global .speaker-extra-details { padding: 24px; } } #accelerate .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #accelerate .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #accelerate .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #accelerate .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #accelerate .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #accelerate .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #accelerate .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #accelerate .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #accelerate .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #accelerate .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #accelerate .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #accelerate .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #accelerate .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #accelerate .mod-speakers-global h3 { font-size: 14px; } } #accelerate .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #accelerate .mod-speakers-global h4 { font-size: 13px; } } #accelerate .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #accelerate .mod-speakers-global .load-speakers, #accelerate .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #57C1F5; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #accelerate .mod-speakers-global .load-speakers:hover, #accelerate .mod-speakers-global .load-advisory-board:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .mod-speakers-global .load-speakers, #accelerate .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #accelerate .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #accelerate .mod-speakers-global .loading-spinner .load, #accelerate .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #accelerate .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #57C1F5; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #accelerate .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #accelerate .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #accelerate .mod-speakers-global.loading .loading-spinner { display: block; } #accelerate .hide-scroll-top { opacity: 0; } #accelerate .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #accelerate .mod-sponsors { padding: 0; } } #accelerate .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #accelerate .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #accelerate .mod-sponsors .tooltip { display: block; } } #accelerate .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #accelerate .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #accelerate .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #accelerate .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #accelerate .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #accelerate .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #accelerate .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #accelerate .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #accelerate .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #accelerate .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #accelerate .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #accelerate .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #accelerate .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #57C1F5; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #accelerate .mod-sponsors .sponsor-btn:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #accelerate .mod-attending { padding: 0 30px; text-align: center; } #accelerate .mod-attending .attendees-slider { max-height: 350px; } #accelerate .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #accelerate .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #accelerate .mod-attending .attendees-slider .attendee { width: 50%; } } #accelerate .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #accelerate .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #accelerate .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #accelerate .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #accelerate .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #accelerate .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #accelerate .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #57C1F5; } @media only screen and (max-width: 1200px) { #accelerate .mod-attending { padding: 0; } } #accelerate .mod-attending h2 { text-align: center; padding: 0 0 60px; } #accelerate .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #57C1F5; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #accelerate .mod-attending .attendee-btn:hover { background: #57C1F5; } #accelerate .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #accelerate .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #accelerate .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #accelerate .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .schedule-controls { padding: 0; } } #accelerate .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #accelerate .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #accelerate .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #C113BB; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .schedule-controls .selected-category { width: 100%; } } #accelerate .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #accelerate .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #accelerate .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #accelerate .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #0C1850; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #accelerate .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #0C1850; transition: all ease-in .2s; } #accelerate .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #accelerate .mod-schedule .schedule-controls .expand, #accelerate .mod-schedule .schedule-controls .collapse, #accelerate .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #C113BB; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #accelerate .mod-schedule .schedule-controls .expand span, #accelerate .mod-schedule .schedule-controls .collapse span, #accelerate .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #accelerate .mod-schedule .schedule-controls .expand.active, #accelerate .mod-schedule .schedule-controls .collapse.active, #accelerate .mod-schedule .schedule-controls .print-btn.active { display: block; } #accelerate .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #0C1850; } #accelerate .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #accelerate .mod-schedule .day-tab .d-day-dates { display: initial; } #accelerate .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #accelerate .mod-schedule .day-tab .d-day-dates { display: none; } #accelerate .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #accelerate .mod-schedule .day-tab .d-day-dates { display: none; } #accelerate .mod-schedule .day-tab .m-day-dates { display: initial; } } #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #accelerate .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #accelerate .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #accelerate .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #accelerate .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #accelerate .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #accelerate .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #accelerate .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #accelerate .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #accelerate .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #accelerate .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-tab:first-child { margin-left: 0; } #accelerate .mod-schedule .day-tab:last-child { margin-right: 0; } } #accelerate .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #accelerate .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-tab h3 { font-size: 18px; } } #accelerate .mod-schedule .day-tab.active { border-bottom: 2px solid #C113BB; transition: all ease-in .2s; } #accelerate .mod-schedule .day-tab.active h3 { color: #C113BB; } #accelerate .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main { width: 100%; } } #accelerate .mod-schedule .day-main.active { display: block; } #accelerate .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #57C1F5; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #accelerate .mod-schedule .day-main .explore-next-btn a { color: #fff; } #accelerate .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #accelerate .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #accelerate .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #0C1850; text-transform: uppercase; font-size: 18px; font-weight: bold; } #accelerate .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #C113BB; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #accelerate .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #accelerate .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #accelerate .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #0C1850; font-weight: bold; font-size: 14px; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #C113BB; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #0C1850; transform: rotate(45deg); transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #0C1850; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #accelerate .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #accelerate .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #accelerate .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #0C1850; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #accelerate .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #C113BB; padding-bottom: 0px; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-title { background: #0C1850; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #0C1850; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #accelerate .mod-schedule .day-main .day-entry.active .day-entry-sessions, #accelerate .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #accelerate .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #0C1850; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #accelerate .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #0C1850; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #0C1850; } @media only screen and (max-width: 1200px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #C113BB; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description p, #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #0C1850; font-size: 14px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #C113BB; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #0C1850; font-size: 13px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #accelerate .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #0C1850; } #accelerate .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #C113BB; } } @media only screen and (max-width: 600px) { #accelerate .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #accelerate .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #accelerate .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #0C1850; } #accelerate .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #C113BB; } #accelerate .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #accelerate .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #accelerate .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #accelerate .mod-webinar .modal .modal-body { padding: 0; } #accelerate .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #accelerate .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #accelerate .mod-webinar .modal .chat { float: left; width: 400px; } #accelerate .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #accelerate .mod-tickets { float: left; width: 100%; } #accelerate .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #accelerate .mod-tickets .tickets { width: 100%; } } #accelerate .mod-tickets .tickets .ticket { float: left; border: 3px solid #0C1850; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #accelerate .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #accelerate .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #accelerate .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #accelerate .mod-tickets .tickets .ticket .ticket-title { background: #0C1850; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #C113BB; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #C113BB; background: none; padding: 8px 10px 0 10px; width: 35%; } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #accelerate .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #accelerate .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #accelerate .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #accelerate .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #accelerate .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #accelerate .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #57C1F5; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #57C1F5; padding-top: 8px; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #57C1F5; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #accelerate .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #accelerate .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #accelerate .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #accelerate .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #accelerate .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #accelerate .mod-tickets .ticket-order { width: 100%; } } #accelerate .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #accelerate .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #57C1F5; } #accelerate .mod-tickets .ticket-order .cart p { text-align: left; } #accelerate .mod-tickets .ticket-order .cart h3 { background: #57C1F5; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #accelerate .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #accelerate .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #accelerate .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #accelerate .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #accelerate .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #accelerate .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #accelerate .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #accelerate .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #accelerate .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #57C1F5; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #accelerate .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #accelerate .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #accelerate .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #accelerate .mod-tickets .loading-spinner .load, #accelerate .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #accelerate .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #57C1F5; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #accelerate .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #accelerate .mod-tickets.loading { pointer-events: none; } #accelerate .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #accelerate .mod-tickets.loading .loading-spinner { display: block; } #accelerate #insurerConfirmModal .modal-content { border: 3px solid #57C1F5; box-shadow: none; padding: 20px; max-width: 500px; } #accelerate #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #accelerate #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #accelerate #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #accelerate #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #accelerate #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #accelerate #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #accelerate #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #57C1F5; } #accelerate #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #0C1850; } #accelerate #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #accelerate .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #accelerate .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #accelerate .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #accelerate .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #accelerate .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #0C1850; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #accelerate .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #accelerate .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #accelerate .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #accelerate .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #accelerate .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #accelerate .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #accelerate .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #0C1850; opacity: 0.85; transition: all 0.3s linear; } #accelerate .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #accelerate .mod-related-content .related-article .event-img:hover:after { top: 0; } #accelerate .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #accelerate .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #accelerate .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #accelerate .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #accelerate .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #accelerate .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #accelerate .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #accelerate .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #accelerate .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #accelerate .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #accelerate .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #accelerate .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #accelerate .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #accelerate .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #accelerate .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #accelerate .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #accelerate .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #accelerate .mod-map-marker .et_pb_row { position: relative; height: 100%; } #accelerate .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #accelerate .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #accelerate .mod-map-marker .marker { padding: 20px 20px 0; } } #accelerate .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #accelerate .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #accelerate .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #57C1F5; font-size: 14px; letter-spacing: 1px; color: #57C1F5; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #accelerate .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #accelerate .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #accelerate .mod-map-marker .marker a:hover { border: 2px solid #57C1F5; transition: all ease-in .2s; } #accelerate .et_pb_map { height: 600px; } #accelerate .contact-map .et_pb_map { height: 300px; } #accelerate .gmnoprint { display: none; } #accelerate .mod-sign-up { width: 100%; margin: 0; background: #57C1F5; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #accelerate .mod-sign-up { width: 100%; margin: 0; } } #accelerate .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #0C1850; } #accelerate .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #accelerate .mod-sign-up .elq-form { float: left; width: 100%; } #accelerate .mod-sign-up .elq-form label { display: none; } #accelerate .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #accelerate .mod-sign-up .elq-form .form-design-field { width: 100%; } } #accelerate .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #accelerate .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #accelerate .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #accelerate .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #accelerate .mod-sponsorship-form label { display: none; } #accelerate .mod-sponsorship-form .col-1, #accelerate .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #accelerate .mod-sponsorship-form .col-1, #accelerate .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #accelerate .mod-sponsorship-form .col-2 { float: right; } #accelerate .mod-sponsorship-form input:not([type=submit]), #accelerate .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #accelerate .mod-sponsorship-form textarea { min-height: 160px; } #accelerate .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #accelerate .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #accelerate .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #0C1850; color: #0C1850; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #accelerate .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #accelerate .mod-homepage-index .index-entry-filters li:hover { background-color: #0C1850; transition: all ease-in-out .3s; } #accelerate .mod-homepage-index .index-entry-filters li.active { background-color: #0C1850; color: #fff; transition: all ease-in-out .3s; } #accelerate .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #accelerate .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #accelerate .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #accelerate .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #accelerate .mod-homepage-index .index-entry.active { display: block; } #accelerate .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #accelerate .masonry-grid .grid-item img { width: 100%; height: auto; } #accelerate.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #accelerate.et-fb .et_pb_masonry_grid > div { display: none; } #accelerate.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #accelerate #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #accelerate #event-menu .fullwidth-menu { padding-top: 15px !important; } #accelerate #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #accelerate .admin-bar #event-menu { top: 62px; } #accelerate .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #accelerate .homepage-event-section .divider-strip { position: relative; } #accelerate .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #C113BB; margin-top: 30px; } #accelerate .homepage-events-preview { margin-top: 80px; } #accelerate .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #accelerate .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #accelerate .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #accelerate .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #0C1850; opacity: 0.85; transition: all 0.3s linear; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #57C1F5; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #0C1850; opacity: 0.95; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #accelerate .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #accelerate .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #accelerate .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #accelerate .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #accelerate .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #accelerate .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #accelerate .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #accelerate .homepage-events-preview:after { display: none; } #accelerate .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #accelerate .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #accelerate .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #accelerate .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #accelerate .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #accelerate .topic-header { position: relative; background-position: center; background-size: cover; } #accelerate .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0C1850; opacity: 0.95; } #accelerate .topic-header * { position: relative; z-index: 1; } #accelerate .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #accelerate .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0C1850; opacity: 0.95; } #accelerate .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #accelerate .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #accelerate .featured-event { padding-right: 20px; } } #accelerate .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #C113BB; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #accelerate .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #accelerate .featured-event .close:hover { color: #57C1F5; } #accelerate .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #C113BB; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #accelerate .featured-event .dates-of-event strong { display: block; font-weight: 800; } #accelerate .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #C113BB; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #accelerate .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #accelerate .featured-event .dates-of-event { top: 45%; } } #accelerate .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #accelerate .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #accelerate .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #accelerate .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #accelerate .featured-event .col-6 > img { max-height: 130px; } } #accelerate .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #accelerate .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #accelerate .featured-event .col-6.right { padding-right: 0; } } #accelerate .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #accelerate .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #accelerate .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #accelerate .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #accelerate .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #accelerate .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #C113BB; display: block; line-height: 120%; } @media (max-width: 699px) { #accelerate .featured-event .col-6 .countdown-to-event span { width: 50px; } #accelerate .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #accelerate .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #accelerate .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #accelerate .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #accelerate .featured-event .col-6 .event-type.event { color: #C113BB; } #accelerate .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #accelerate .featured-event .col-6 .event-type.article { color: #366893; } #accelerate .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #accelerate .featured-event .col-6 .event-type.webinar { color: #57C1F5; } #accelerate .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #accelerate .featured-event .col-6 .event-type.course { color: #8A9299; } #accelerate .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #accelerate .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #accelerate .featured-event .col-6 h2 { padding-right: 40px; } } #accelerate .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #C113BB; display: block; line-height: 150%; margin: 0 0 20px 0; } #accelerate .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #accelerate .featured-event .col-6 .white-btn, #accelerate .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #accelerate .featured-event .col-6 .white-btn:hover, #accelerate .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #accelerate .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #accelerate .featured-event .col-6 .colored-btn { background: #C113BB; border-color: #C113BB; margin-right: 0; } #accelerate .events-filter { margin: 50px 0 20px 0; } #accelerate .events-filter ul { float: left; } #accelerate .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #accelerate .events-filter ul li p { font-size: 16px; } #accelerate .events-filter ul li.active p { color: green; } #accelerate .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #accelerate .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #accelerate .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #accelerate .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #accelerate .events-filter > span.icon_grid-2x2 { color: #0C1850; } #accelerate .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #accelerate .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #accelerate .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #accelerate .events-filter > span:hover, #accelerate .events-filter > span.icon-active { color: #57C1F5; } @media (max-width: 767px) { #accelerate .events-filter > span.icon_grid-2x2, #accelerate .events-filter > span.icon_menu { display: none; } } #accelerate .inner-events-boxes { font-size: 0; } #accelerate .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #accelerate .inner-events-boxes .event-box.active { display: inline-block; } #accelerate .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #accelerate .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #accelerate .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0C1850; opacity: 0.9; } #accelerate .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #accelerate .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #accelerate .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #accelerate .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #accelerate .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #accelerate .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #accelerate .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #accelerate .inner-events-boxes .event-box > div .event-type.event { color: #C113BB; } #accelerate .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #accelerate .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #accelerate .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #accelerate .inner-events-boxes .event-box > div .event-type.webinar { color: #57C1F5; } #accelerate .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #accelerate .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #accelerate .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #accelerate .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #57C1F5; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #accelerate .inner-events-boxes .event-box > div .event-btn:hover { background: #57C1F5; } #accelerate .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #accelerate .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #accelerate .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #accelerate .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #accelerate .inner-events-boxes .event-box.col-4 > div:hover p, #accelerate .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #accelerate .inner-events-boxes .event-box > div h3 { font-size: 20px; } #accelerate .inner-events-boxes .event-box > div p, #accelerate .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #accelerate .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #accelerate .inner-events-boxes .event-box.col-4 { width: 48%; } #accelerate .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #accelerate .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #accelerate .inner-events-boxes .event-box.col-4 > div { height: auto; } } #accelerate div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #accelerate div.inner-event-header .et_pb_row { z-index: 2; } #accelerate div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0C1850; z-index: 1; pointer-events: none; opacity: 0.8; } #accelerate div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #C113BB 35px, transparent 35px); background: -moz-linear-gradient(right, #C113BB 35px, transparent 35px); background: -o-linear-gradient(right, #C113BB 35px, transparent 35px); background: -webkit-linear-gradient(left, #C113BB 35px, transparent 35px); pointer-events: none; } #accelerate div.inner-event-header img, #accelerate div.inner-event-header h1, #accelerate div.inner-event-header h2, #accelerate div.inner-event-header h3, #accelerate div.inner-event-header h4, #accelerate div.inner-event-header h5, #accelerate div.inner-event-header h6, #accelerate div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #accelerate div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #accelerate div.inner-event-header a:hover { background: #8A9299; } #accelerate div.inner-event-header a.colored-btn { background: #57C1F5; border-color: #57C1F5; } #accelerate div.inner-event-header a.colored-btn:hover { background: #57C1F5; border-color: #57C1F5; } @media (max-width: 1199px) { #accelerate div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #accelerate div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #accelerate div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #accelerate div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #accelerate div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #accelerate div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #accelerate div.inner-event-header img { padding: 20px 20px 5px 20px; } #accelerate div.inner-event-header h1 { padding: 0; } #accelerate div.inner-event-header a { margin: 0 0 10px 0; } } #accelerate .event-icons div { display: inline-block; } #accelerate .event-icons div > strong { display: block; } @media (max-width: 599px) { #accelerate .event-icons div img { max-width: 50px; max-height: 50px; } #accelerate .event-icons div > strong { font-size: 30px !important; } #accelerate .event-icons div > span { font-size: 16px !important; } } #accelerate .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #accelerate .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #accelerate .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #accelerate .et_pb_number_counter .percent { height: auto; } } #accelerate .et_pb_widget { width: 100%; } #accelerate .et_pb_widget .field-wrapper label { display: none; } #accelerate .et_pb_widget .field-wrapper input, #accelerate .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #accelerate .et_pb_widget .field-wrapper input[type=submit], #accelerate .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #57C1F5; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #accelerate .et_pb_widget .field-wrapper input[type=submit]:hover, #accelerate .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #57C1F5; } @media (max-width: 1199px) { #accelerate .et_pb_widget .field-wrapper input[type=submit], #accelerate .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #accelerate .et_pb_widget .field-wrapper input:focus, #accelerate .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #accelerate .et_pb_widget .field-wrapper input, #accelerate .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #accelerate .sponsorship-header { background-position: center; background-size: cover; } #accelerate .sponsorship-header .et_pb_row { z-index: 2; } #accelerate .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0C1850; z-index: 1; pointer-events: none; opacity: 0.8; } #accelerate .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #accelerate .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #accelerate .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #accelerate .sponsorship-testimonials { float: left; width: 100%; } #accelerate .testimonials { position: relative; } #accelerate .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #C113BB; } @media only screen and (max-width: 900px) { #accelerate .testimonials .et_pb_column_2:after { display: none; } } #accelerate .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #C113BB; } @media only screen and (max-width: 900px) { #accelerate .testimonials .et_pb_column_3:after { display: none; } } #accelerate .header-message { text-align: center; background-color: #57C1F5; position: relative; z-index: 1; } #accelerate .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #accelerate .header-message a { color: #fff; text-decoration: underline; } #accelerate #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #0C1850; } #accelerate #catapult-cookie-bar .ctcc-left-side { color: #fff; } #accelerate #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #accelerate #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #C113BB; color: #fff; } #accelerate .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #0C1850; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #accelerate .page-header { padding: 60px 0 40px; } } #accelerate .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #0C1850; opacity: 0.8; } @supports (background-blend-mode: multiply) { #accelerate .page-header:after { opacity: 0.2; } } #accelerate .page-header .container { position: relative; z-index: 2; } #accelerate .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #accelerate .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #accelerate .page-header .container h1 { font-size: 35px; } } #accelerate .background-overlay { position: relative; background-color: #0C1850; background-blend-mode: multiply; } #accelerate .background-overlay .et_parallax_bg { background-color: #0C1850; background-blend-mode: multiply; } #accelerate .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #0C1850; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #accelerate .background-overlay:after { opacity: 0.2; } } #accelerate .background-overlay .et_pb_row { position: relative; z-index: 10; } #accelerate .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #accelerate .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #accelerate .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #accelerate .topic-feat-event .container { padding: 0; } #accelerate .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #accelerate .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #accelerate .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #accelerate .feat-event-inner { padding: 50px 20px 20px; } } #accelerate .feat-event-inner .featured { color: #C113BB; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #accelerate .feat-event-inner .featured span { color: #C113BB; } #accelerate .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #accelerate .feat-event-inner .entry-date { position: absolute; background: #C113BB; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #accelerate .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #accelerate .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #accelerate .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #accelerate .feat-event-inner .col-1, #accelerate .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #accelerate .feat-event-inner .col-1, #accelerate .feat-event-inner .col-2 { width: 100%; float: none; } } #accelerate .feat-event-inner .col-1 img { max-width: 75%; } #accelerate .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #accelerate .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #accelerate .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #accelerate .feat-event-inner .col-1 .btn { width: 100%; } } #accelerate .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #accelerate .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #accelerate .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #C113BB; background-color: #C113BB; transition: all ease-in-out .3s; } #accelerate .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #C113BB; background-color: #C113BB; transition: all ease-in-out .3s; } #accelerate .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #accelerate .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #accelerate .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #accelerate .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #accelerate .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #accelerate .feat-event-inner .col-2 { display: none; } } #accelerate .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #accelerate .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #accelerate .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #accelerate .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #accelerate .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #accelerate .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0C1850; opacity: .7; z-index: 1; } #accelerate .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #accelerate .topic-grid:after { content: ''; background-color: #C113BB; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #accelerate .topic-grid:after { display: none; } } #accelerate .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #accelerate .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #accelerate .related-articles .other-related { float: left; width: 100%; } #accelerate .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #accelerate .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #accelerate body.woocommerce .woocommerce-tabs { margin: 0; } #accelerate body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #accelerate body.woocommerce .woocommerce-message { background: #57C1F5 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #accelerate body.woocommerce .woocommerce-error { background-color: #C113BB; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #accelerate body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #accelerate body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #accelerate #fep-wrapper { margin: 0; } #accelerate #fep-wrapper #fep-header, #accelerate #fep-wrapper #fep-footer { display: none; } #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #accelerate #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #accelerate #fep-wrapper #fep-menu .fep-button, #accelerate #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #57C1F5; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-menu .fep-button:hover, #accelerate #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #57C1F5; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-menu .fep-button .fep-font-red, #accelerate #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #accelerate #fep-wrapper #fep-menu .fep-button-active { background-color: #57C1F5; } #accelerate #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #accelerate #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #accelerate #fep-wrapper #fep-content > h2 { padding: 10px; color: #0C1850; font-weight: bold; } #accelerate #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #accelerate #fep-wrapper #fep-content .fep-message-table { margin: 0; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #57C1F5; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #C113BB; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #C113BB; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #57C1F5; display: inline-block; margin: 20px 0; font-size: 16px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #C113BB; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #C113BB; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #57C1F5; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #accelerate #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #57C1F5; transition: all ease-in-out .3s; } #accelerate #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #accelerate #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #accelerate #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #C113BB; box-shadow: none; } #accelerate #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #57C1F5; } #accelerate .fep-success, #accelerate .fep-error, #accelerate .fep-wp-error { background-color: #57C1F5; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #accelerate .fep-wp-error, #accelerate .fep-error { background-color: #C113BB; } #accelerate .fep-message { background-color: #F6F6F6; } #accelerate .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #accelerate .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #0C1850; } #accelerate .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #0C1850; } #accelerate .fep-per-message .fep-message-toggle-all { color: #57C1F5; margin-bottom: 5px; } #accelerate .fep-per-message .fep-message-title, #accelerate .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #accelerate .fep-per-message .fep-message-title .author, #accelerate .fep-per-message .fep-message-content .author { font-weight: 500; } #accelerate .fep-per-message .fep-message-title .date, #accelerate .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #accelerate .fep-per-message .fep-message-title p, #accelerate .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #accelerate .fep-per-message .fep-message-title hr, #accelerate .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #accelerate #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #57C1F5; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #accelerate #fep-notification-bar a { color: #fff; } #accelerate .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #C113BB !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #accelerate .fep-custom-button:before { content: '◄ '; } #accelerate .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #accelerate .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #accelerate .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #accelerate .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #accelerate .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #accelerate .fep-search-inbox::placeholder { text-align: left; } } #petroleum_pioneers { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #petroleum_pioneers body, #petroleum_pioneers html { overflow-x: hidden; margin-top: 0 !important; } #petroleum_pioneers .hide { display: none; } #petroleum_pioneers .text-center { text-align: center; } #petroleum_pioneers style { display: none !important; } #petroleum_pioneers .et_pb_section { clear: both; } #petroleum_pioneers .single .post { padding: 0; margin: 0; } #petroleum_pioneers .img-bullet-point { position: absolute; top: 0; left: -40px; } #petroleum_pioneers #left-area { padding-bottom: 0 !important; } #petroleum_pioneers *::selection { background-color: #3da5d9; } #petroleum_pioneers #et_search_icon:hover, #petroleum_pioneers .mobile_menu_bar:before, #petroleum_pioneers .mobile_menu_bar:after, #petroleum_pioneers .et-social-icon a:hover, #petroleum_pioneers .comment-reply-link, #petroleum_pioneers .form-submit .et_pb_button, #petroleum_pioneers .entry-summary p.price ins, #petroleum_pioneers .woocommerce div.product span.price, #petroleum_pioneers .woocommerce-page div.product span.price, #petroleum_pioneers .woocommerce #content div.product span.price, #petroleum_pioneers .woocommerce-page #content div.product span.price, #petroleum_pioneers .woocommerce div.product p.price, #petroleum_pioneers .woocommerce-page div.product p.price, #petroleum_pioneers .woocommerce #content div.product p.price, #petroleum_pioneers .woocommerce-page #content div.product p.price, #petroleum_pioneers .woocommerce .star-rating span:before, #petroleum_pioneers .woocommerce-page .star-rating span:before, #petroleum_pioneers .woocommerce a.button.alt, #petroleum_pioneers .woocommerce-page a.button.alt, #petroleum_pioneers .woocommerce button.button.alt, #petroleum_pioneers .woocommerce-page button.button.alt, #petroleum_pioneers .woocommerce input.button.alt, #petroleum_pioneers .woocommerce-page input.button.alt, #petroleum_pioneers .woocommerce #respond input#submit.alt, #petroleum_pioneers .woocommerce-page #respond input#submit.alt, #petroleum_pioneers .woocommerce #content input.button.alt, #petroleum_pioneers .woocommerce-page #content input.button.alt, #petroleum_pioneers .woocommerce a.button, #petroleum_pioneers .woocommerce-page a.button, #petroleum_pioneers .woocommerce button.button, #petroleum_pioneers .woocommerce-page button.button, #petroleum_pioneers .woocommerce input.button, #petroleum_pioneers .woocommerce-page input.button, #petroleum_pioneers .woocommerce #respond input#submit, #petroleum_pioneers .woocommerce-page #respond input#submit, #petroleum_pioneers .woocommerce #content input.button, #petroleum_pioneers .woocommerce-page #content input.button, #petroleum_pioneers .woocommerce a.button.alt:hover, #petroleum_pioneers .woocommerce-page a.button.alt:hover, #petroleum_pioneers .woocommerce button.button.alt:hover, #petroleum_pioneers .woocommerce-page button.button.alt:hover, #petroleum_pioneers .woocommerce input.button.alt:hover, #petroleum_pioneers .woocommerce-page input.button.alt:hover, #petroleum_pioneers .woocommerce #respond input#submit.alt:hover, #petroleum_pioneers .woocommerce-page #respond input#submit.alt:hover, #petroleum_pioneers .woocommerce #content input.button.alt:hover, #petroleum_pioneers .woocommerce-page #content input.button.alt:hover, #petroleum_pioneers .woocommerce a.button:hover, #petroleum_pioneers .woocommerce-page a.button:hover, #petroleum_pioneers .woocommerce button.button, #petroleum_pioneers .woocommerce-page button.button:hover, #petroleum_pioneers .woocommerce input.button:hover, #petroleum_pioneers .woocommerce-page input.button:hover, #petroleum_pioneers .woocommerce #respond input#submit:hover, #petroleum_pioneers .woocommerce-page #respond input#submit:hover, #petroleum_pioneers .woocommerce #content input.button:hover, #petroleum_pioneers .wp-pagenavi span.current, #petroleum_pioneers .wp-pagenavi a:hover, #petroleum_pioneers .et_password_protected_form .et_submit_button, #petroleum_pioneers .nav-single a, #petroleum_pioneers .posted_in a, #petroleum_pioneers #top-menu li.current-menu-ancestor > a, #petroleum_pioneers #top-menu li.current-menu-item > a, #petroleum_pioneers .bottom-nav li.current-menu-item > a, #petroleum_pioneers .footer-widget h4 { color: #3da5d9; } #petroleum_pioneers .title-with-bottom-line, #petroleum_pioneers .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #petroleum_pioneers .title-with-bottom-line h3, #petroleum_pioneers .title-with-bottom-line > :last-child, #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #petroleum_pioneers .title-with-bottom-line h3, #petroleum_pioneers .title-with-bottom-line > :last-child, #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #petroleum_pioneers .title-with-bottom-line h3, #petroleum_pioneers .title-with-bottom-line > :last-child, #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #petroleum_pioneers .title-with-bottom-line h3, #petroleum_pioneers .title-with-bottom-line > :last-child, #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #petroleum_pioneers .title-with-bottom-line h3, #petroleum_pioneers .title-with-bottom-line > :last-child, #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #petroleum_pioneers .title-with-bottom-line:after, #petroleum_pioneers .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #3da5d9; } @media (max-width: 400px) { #petroleum_pioneers .title-with-bottom-line:after, #petroleum_pioneers .title-with-bottom-line-grey:after { bottom: -5px; } } #petroleum_pioneers .title-with-bottom-line-grey h3, #petroleum_pioneers .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #petroleum_pioneers .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #petroleum_pioneers .secondary-title-with-bottom-line { margin-top: 0; } } #petroleum_pioneers .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #petroleum_pioneers .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #petroleum_pioneers .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #petroleum_pioneers .secondary-title-with-bottom-line:after { bottom: -5px; } } #petroleum_pioneers .et-search-form, #petroleum_pioneers .et_mobile_menu, #petroleum_pioneers .footer-widget li:before, #petroleum_pioneers .nav li ul, #petroleum_pioneers blockquote { border-color: #3da5d9; } @media print { #petroleum_pioneers .single-product.print-view { visibility: hidden; } #petroleum_pioneers .single-product.print-view #agenda { visibility: visible; } @page { #petroleum_pioneers .single-product.print-view { margin: 20px 0; } } #petroleum_pioneers .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #petroleum_pioneers .single-product.print-view #top-header, #petroleum_pioneers .single-product.print-view #main-header, #petroleum_pioneers .single-product.print-view #main-footer, #petroleum_pioneers .single-product.print-view .et_pb_section_1, #petroleum_pioneers .single-product.print-view .et_pb_module:not(.mod-schedule), #petroleum_pioneers .single-product.print-view .schedule-controls, #petroleum_pioneers .single-product.print-view .footer-form, #petroleum_pioneers .single-product.print-view .day-tab, #petroleum_pioneers .single-product.print-view .stream-tabs, #petroleum_pioneers .single-product.print-view .explore-next-btn, #petroleum_pioneers .single-product.print-view .et_pb_scroll_top { display: none !important; } #petroleum_pioneers .single-product.print-view .et_pb_section, #petroleum_pioneers .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #petroleum_pioneers .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #0c1850 !important; break-after: avoid-page; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #petroleum_pioneers .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #petroleum_pioneers .col-6 { width: 49%; } #petroleum_pioneers .pull-left { float: left; } #petroleum_pioneers .pull-right { float: right; } #petroleum_pioneers .clear { clear: both; } #petroleum_pioneers .container { width: 100%; } #petroleum_pioneers .et-cart-info { display: none; } #petroleum_pioneers #top-header { background-color: #0c1850; } #petroleum_pioneers #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #petroleum_pioneers #main-header .container { padding-left: 20px; padding-right: 20px; } #petroleum_pioneers #logo { max-height: 64px; } @media (max-width: 1079px) { #petroleum_pioneers #logo { max-height: 40px; } } #petroleum_pioneers .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #petroleum_pioneers .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #petroleum_pioneers .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #petroleum_pioneers .et_header_style_left #logo, #petroleum_pioneers .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #petroleum_pioneers .et_header_style_left #et-top-navigation, #petroleum_pioneers .et_header_style_split #et-top-navigation, #petroleum_pioneers .et_header_style_left .et-fixed-header #et-top-navigation, #petroleum_pioneers .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #petroleum_pioneers .et_header_style_left #et-top-navigation nav > ul > li > a, #petroleum_pioneers .et_header_style_split #et-top-navigation nav > ul > li > a, #petroleum_pioneers .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #petroleum_pioneers .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #petroleum_pioneers .et_header_style_left #et-top-navigation, #petroleum_pioneers .et_header_style_split #et-top-navigation, #petroleum_pioneers .et_header_style_left .et-fixed-header #et-top-navigation, #petroleum_pioneers .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #petroleum_pioneers .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #petroleum_pioneers #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #petroleum_pioneers #top-menu li a { color: #000000; font-weight: 400; } #petroleum_pioneers #top-menu li li { padding: 0; } #petroleum_pioneers #top-menu li li a:hover { background: none; color: #3da5d9; opacity: 1; } #petroleum_pioneers #top-menu li li:hover a { color: #3da5d9; opacity: 1; } @media (max-width: 1199px) { #petroleum_pioneers #top-menu li { padding-right: 35px; } } #petroleum_pioneers #top-menu-nav > ul > li > a:hover, #petroleum_pioneers #et-secondary-menu > ul > li > a:hover, #petroleum_pioneers #et-info-email:hover, #petroleum_pioneers .et-social-icons a:hover { color: #3da5d9; opacity: 1; } #petroleum_pioneers #top-menu .menu-item-has-children > a:first-child:after, #petroleum_pioneers #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #petroleum_pioneers #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #petroleum_pioneers #et_top_search { right: 40px; top: 7px; } } #petroleum_pioneers #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #petroleum_pioneers #et_top_search { margin-left: 35px; } #petroleum_pioneers #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #petroleum_pioneers #et_top_search #et_search_icon:before { top: 7px; } } #petroleum_pioneers .nav li ul, #petroleum_pioneers .et_mobile_menu { border-top-color: #3da5d9; } #petroleum_pioneers .et_mobile_menu { padding: 15px 0; } #petroleum_pioneers .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #petroleum_pioneers .et_mobile_menu li a:hover { background: none; color: #3da5d9; } #petroleum_pioneers .et_mobile_menu li.current-menu-item a { color: #3da5d9; } #petroleum_pioneers .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #petroleum_pioneers .et_mobile_menu li ul li { padding: 0; } #petroleum_pioneers .et_mobile_menu li ul li a { padding: 10px 20px; } #petroleum_pioneers .footer-form { padding: 0; background-color: #3da5d9 !important; } #petroleum_pioneers .footer-form a { color: #fff; text-decoration: underline; } #petroleum_pioneers .footer-form .et_pb_text { margin-bottom: 0; } #petroleum_pioneers .footer-form .mod-sign-up p span { font-size: 10px; } #petroleum_pioneers #main-footer { background: #0c1850; clear: both; } #petroleum_pioneers #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #petroleum_pioneers #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #petroleum_pioneers #footer-widgets .footer-widget p { color: #fff; } #petroleum_pioneers #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3da5d9; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #petroleum_pioneers #footer-widgets .footer-widget li { margin: 0; padding: 0; } #petroleum_pioneers #footer-widgets .footer-widget li:before { display: none; } #petroleum_pioneers #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #petroleum_pioneers #footer-widgets .footer-widget li a:hover { color: #3da5d9; } @media (max-width: 767px) { #petroleum_pioneers #footer-widgets { padding: 30px 0 0 0; } #petroleum_pioneers #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #petroleum_pioneers #footer-widgets .footer-widget li a { padding: 3px 0; } #petroleum_pioneers #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #petroleum_pioneers #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #petroleum_pioneers #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #petroleum_pioneers #footer-widgets { padding-bottom: 60px; } } #petroleum_pioneers #footer-info { float: none; color: #fff; font-size: 12px; } #petroleum_pioneers .et-social-icons { display: none; } #petroleum_pioneers #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #petroleum_pioneers .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #petroleum_pioneers .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #petroleum_pioneers .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #petroleum_pioneers body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #petroleum_pioneers body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #petroleum_pioneers body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #petroleum_pioneers body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #petroleum_pioneers body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #petroleum_pioneers .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #petroleum_pioneers .desktop-my-account { display: none; } } #petroleum_pioneers .mobile-my-account { display: none; } @media (max-width: 980px) { #petroleum_pioneers .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page { padding: 0 20px; } } #petroleum_pioneers .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .container { padding-top: 30px; } } #petroleum_pioneers .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #petroleum_pioneers .account-page h1.main_title span { color: #3da5d9; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #petroleum_pioneers .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #petroleum_pioneers .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #3da5d9; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #3da5d9; font-weight: 600; } } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #3da5d9; cursor: pointer; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #3da5d9; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #3da5d9; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #3da5d9; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td a, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #3da5d9; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #ffab24; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #3da5d9; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #ffab24; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #petroleum_pioneers .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #0c1850; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #petroleum_pioneers .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #petroleum_pioneers .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #petroleum_pioneers .woocommerce-checkout #main-content .col-1, #petroleum_pioneers .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #3da5d9; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-info:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #0c1850; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #petroleum_pioneers .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #petroleum_pioneers .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #petroleum_pioneers .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #petroleum_pioneers .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #petroleum_pioneers .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #petroleum_pioneers .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .form-row label { position: relative; } } #petroleum_pioneers .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row select { height: 52px; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #petroleum_pioneers .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #petroleum_pioneers .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #petroleum_pioneers .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #petroleum_pioneers .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #petroleum_pioneers .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #petroleum_pioneers .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #petroleum_pioneers .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #petroleum_pioneers .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #petroleum_pioneers .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #petroleum_pioneers .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #3da5d9; } #petroleum_pioneers .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #0c1850; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #petroleum_pioneers .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #0c1850; font-size: 19px; font-weight: 600; margin: 10px 0; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #ffab24; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #3da5d9; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #petroleum_pioneers .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #petroleum_pioneers .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #petroleum_pioneers .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #3da5d9; padding: 25px 20px; } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #3da5d9; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #petroleum_pioneers .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #petroleum_pioneers .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #petroleum_pioneers .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #petroleum_pioneers .webinar-thank-you .btn { color: #fff; background: #ffab24; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #petroleum_pioneers .webinar-thank-you .btn:hover { background: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce form.login { max-width: none; } } #petroleum_pioneers .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #petroleum_pioneers .woocommerce form.login .form-row { margin: 0 0 20px; } } #petroleum_pioneers .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #3da5d9; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce form.login .form-row input[type="submit"]:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .woocommerce form.login .lost_password a { color: #3da5d9; } #petroleum_pioneers .woocommerce-account .woocommerce form.login { max-width: 400px; } #petroleum_pioneers .search-bar { position: relative; margin: 30px 20px 0; } #petroleum_pioneers .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #petroleum_pioneers .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #3da5d9; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #petroleum_pioneers .search-bar .btn-search:hover { background-color: #0c1850; } #petroleum_pioneers .btn-search-more { background-color: #3da5d9; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #petroleum_pioneers .entry-container { padding: 0 0 80px; } #petroleum_pioneers .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #petroleum_pioneers .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #petroleum_pioneers .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #petroleum_pioneers .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #petroleum_pioneers .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #petroleum_pioneers .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #0c1850; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #petroleum_pioneers .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #3da5d9; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #petroleum_pioneers .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #0c1850; content: "\e108"; color: #ffab24; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #ffab24; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #0c1850; background-color: #ffab24; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-text h3 { color: #0c1850; font-size: 22px; line-height: 130%; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #petroleum_pioneers .entry-grid.view-grid .single-entry .entry-button { display: none; } #petroleum_pioneers .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #petroleum_pioneers .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #0c1850; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #0c1850; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #ffab24; } #petroleum_pioneers .entry-grid.view-list .single-entry .feat-image { display: none; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-text h3 { color: #0c1850; font-size: 22px; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid.view-list .single-entry .entry-button { float: left; } } #petroleum_pioneers .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #3da5d9; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #petroleum_pioneers .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid-controls { padding: 0 15px 20px; } } #petroleum_pioneers .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #petroleum_pioneers .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #petroleum_pioneers .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #petroleum_pioneers .entry-grid-controls .filters .filter-btn.active { border: 2px solid #0c1850; transition: all ease-in-out .3s; } #petroleum_pioneers .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #petroleum_pioneers .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #0c1850; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #petroleum_pioneers .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #petroleum_pioneers .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #petroleum_pioneers .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #petroleum_pioneers .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #petroleum_pioneers .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #petroleum_pioneers .entry-load-more { text-align: center; } #petroleum_pioneers .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #3da5d9; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #petroleum_pioneers .entry-load-more .load-more-btn:hover { background-color: #3da5d9; transition: background 0.3s ease-in-out; } #petroleum_pioneers .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .entry-topic { padding: 20px; } } #petroleum_pioneers .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #petroleum_pioneers .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .entry-topic .text { width: 100%; padding: 0; } } #petroleum_pioneers .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .entry-topic .text h3 { font-size: 26px; } } #petroleum_pioneers .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .entry-topic .text .inner-text { max-height: none; } } #petroleum_pioneers .entry-topic .text .inner-text h4 { padding: 0; color: #ffab24; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #petroleum_pioneers .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #petroleum_pioneers .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #petroleum_pioneers .entry-topic .text ul li { display: inline-block; } #petroleum_pioneers .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #petroleum_pioneers .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-webinars:after, #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #petroleum_pioneers .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #petroleum_pioneers .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #ffab24; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #petroleum_pioneers .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #petroleum_pioneers .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #petroleum_pioneers .entry-topic:hover .btn { bottom: inherit; } } #petroleum_pioneers .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0c1850; opacity: .8; z-index: 1; } #petroleum_pioneers .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #petroleum_pioneers .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #petroleum_pioneers .modal .modal-content .modal-body { position: relative; } #petroleum_pioneers .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #petroleum_pioneers .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #petroleum_pioneers .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #petroleum_pioneers #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #petroleum_pioneers #brochureModal .copy { text-align: center; width: 100%; clear: both; } #petroleum_pioneers #brochureModal .copy h2 { margin-bottom: 30px; } #petroleum_pioneers #brochureModal .copy p { font-size: 11px; } #petroleum_pioneers #brochureModal .copy a { color: #3da5d9; } #petroleum_pioneers #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #petroleum_pioneers #brochureModal .form-design-field { width: 100%; margin: 0; } } #petroleum_pioneers #brochureModal label { display: none; } #petroleum_pioneers #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #petroleum_pioneers #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #3da5d9; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers #brochureModal input[type=submit] { margin-top: 30px; } } #petroleum_pioneers #brochureModal input[type=submit]:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #petroleum_pioneers #reportModal .copy { text-align: center; width: 100%; clear: both; } #petroleum_pioneers #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #petroleum_pioneers #reportModal .copy p { font-size: 11px; } #petroleum_pioneers #reportModal .copy a { color: #3da5d9; } #petroleum_pioneers #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #petroleum_pioneers #reportModal .form-design-field { width: 100%; margin: 0; } } #petroleum_pioneers #reportModal label { display: none; } #petroleum_pioneers #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #petroleum_pioneers #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #3da5d9; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers #reportModal input[type=submit] { margin-top: 30px; } } #petroleum_pioneers #reportModal input[type=submit]:hover { background: #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .details-modal-popup { cursor: pointer; } #petroleum_pioneers #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #petroleum_pioneers #detailsModal .modal-content img { margin-bottom: 20px; } #petroleum_pioneers #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #0c1850; } #petroleum_pioneers #detailsModal .modal-content a { color: #3da5d9; } #petroleum_pioneers #detailsModal .modal-content .col-1, #petroleum_pioneers #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #petroleum_pioneers #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #petroleum_pioneers #detailsModal .modal-content { padding: 20px 10px; } #petroleum_pioneers #detailsModal .modal-content h3 { padding-left: 0; } #petroleum_pioneers #detailsModal .modal-content .col-1, #petroleum_pioneers #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #petroleum_pioneers .mod-speakers, #petroleum_pioneers .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #petroleum_pioneers .mod-speakers h2, #petroleum_pioneers .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-speakers, #petroleum_pioneers .mod-advisory-board { padding: 0; } } #petroleum_pioneers .mod-speakers:after, #petroleum_pioneers .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #petroleum_pioneers .mod-speakers .single-speaker-grid, #petroleum_pioneers .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #petroleum_pioneers .mod-speakers .single-speaker-grid:nth-child(4n + 1), #petroleum_pioneers .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers .single-speaker-grid, #petroleum_pioneers .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #petroleum_pioneers .mod-speakers .single-speaker-grid, #petroleum_pioneers .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #petroleum_pioneers .mod-speakers .single-speaker-grid:nth-child(4n + 1), #petroleum_pioneers .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #petroleum_pioneers .mod-speakers .single-speaker-grid:nth-child(3n + 1), #petroleum_pioneers .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers .single-speaker-grid, #petroleum_pioneers .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #petroleum_pioneers .mod-speakers .single-speaker-grid:nth-child(3n + 1), #petroleum_pioneers .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #petroleum_pioneers .mod-speakers .single-speaker-grid:nth-child(2n + 1), #petroleum_pioneers .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #petroleum_pioneers .mod-speakers .single-speaker-img, #petroleum_pioneers .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #petroleum_pioneers .mod-speakers .single-speaker-img img, #petroleum_pioneers .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers .single-speaker-img, #petroleum_pioneers .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #petroleum_pioneers .mod-speakers .company-logo, #petroleum_pioneers .mod-advisory-board .company-logo { margin: 0; } #petroleum_pioneers .mod-speakers .company-logo img, #petroleum_pioneers .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #petroleum_pioneers .mod-speakers .company-logo, #petroleum_pioneers .mod-advisory-board .company-logo { margin-bottom: 5px; } } #petroleum_pioneers .mod-speakers .single-speaker-list, #petroleum_pioneers .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-img, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-img, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-text, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-text, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-text h3, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-text h4, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #petroleum_pioneers .mod-speakers .single-speaker-list .single-speaker-text p, #petroleum_pioneers .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #petroleum_pioneers .mod-speakers h3, #petroleum_pioneers .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers h3, #petroleum_pioneers .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #petroleum_pioneers .mod-speakers h3, #petroleum_pioneers .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #petroleum_pioneers .mod-speakers h3, #petroleum_pioneers .mod-advisory-board h3 { font-size: 14px; } } #petroleum_pioneers .mod-speakers h4, #petroleum_pioneers .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #petroleum_pioneers .mod-speakers h4, #petroleum_pioneers .mod-advisory-board h4 { font-size: 13px; } } #petroleum_pioneers .mod-speakers .btn-wrapper, #petroleum_pioneers .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #petroleum_pioneers .mod-speakers .load-speakers, #petroleum_pioneers .mod-speakers .load-advisory-board, #petroleum_pioneers .mod-advisory-board .load-speakers, #petroleum_pioneers .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #3da5d9; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #petroleum_pioneers .mod-speakers .load-speakers:hover, #petroleum_pioneers .mod-speakers .load-advisory-board:hover, #petroleum_pioneers .mod-advisory-board .load-speakers:hover, #petroleum_pioneers .mod-advisory-board .load-advisory-board:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers .load-speakers, #petroleum_pioneers .mod-speakers .load-advisory-board, #petroleum_pioneers .mod-advisory-board .load-speakers, #petroleum_pioneers .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #petroleum_pioneers .mod-speakers .loading-spinner, #petroleum_pioneers .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #petroleum_pioneers .mod-speakers .loading-spinner .load, #petroleum_pioneers .mod-speakers .loading-spinner .load:after, #petroleum_pioneers .mod-advisory-board .loading-spinner .load, #petroleum_pioneers .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #petroleum_pioneers .mod-speakers .loading-spinner .load, #petroleum_pioneers .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3da5d9; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #petroleum_pioneers .mod-speakers:before, #petroleum_pioneers .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #petroleum_pioneers .mod-speakers.loading:before, #petroleum_pioneers .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #petroleum_pioneers .mod-speakers.loading .loading-spinner, #petroleum_pioneers .mod-advisory-board.loading .loading-spinner { display: block; } #petroleum_pioneers .people-fullwidth { width: 100% !important; } #petroleum_pioneers #speakers { position: relative; z-index: 99; } #petroleum_pioneers .mod-speakers-global { margin: 0; width: 100%; position: relative; } #petroleum_pioneers .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-speakers-global { padding: 0; } } #petroleum_pioneers .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #petroleum_pioneers .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #petroleum_pioneers .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #petroleum_pioneers .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #petroleum_pioneers .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #petroleum_pioneers .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #petroleum_pioneers .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #petroleum_pioneers .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #petroleum_pioneers .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #petroleum_pioneers .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-container { z-index: 1; } } #petroleum_pioneers .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #petroleum_pioneers .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #petroleum_pioneers .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #petroleum_pioneers .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #petroleum_pioneers .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #petroleum_pioneers .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #petroleum_pioneers .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #petroleum_pioneers .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #petroleum_pioneers .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #petroleum_pioneers .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #petroleum_pioneers .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .single-speaker-img { overflow: initial; } } #petroleum_pioneers .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #petroleum_pioneers .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #petroleum_pioneers .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #petroleum_pioneers .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #petroleum_pioneers .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #petroleum_pioneers .mod-speakers-global .company-logo { margin: 0; } #petroleum_pioneers .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #petroleum_pioneers .mod-speakers-global .company-logo { margin-bottom: 5px; } } #petroleum_pioneers .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .single-speaker-details { transition: none; } } #petroleum_pioneers .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #petroleum_pioneers .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .details-active-right { left: 0 !important; } } #petroleum_pioneers .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .details-active-left { left: 0 !important; } } #petroleum_pioneers .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .close-detail-label { display: none; } } #petroleum_pioneers .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #petroleum_pioneers .mod-speakers-global .speaker-mb-img img { width: 100%; } #petroleum_pioneers .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #petroleum_pioneers .mod-speakers-global .speaker-extra-details { padding: 24px; } } #petroleum_pioneers .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #petroleum_pioneers .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #petroleum_pioneers .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #petroleum_pioneers .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #petroleum_pioneers .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #petroleum_pioneers .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #petroleum_pioneers .mod-speakers-global h3 { font-size: 14px; } } #petroleum_pioneers .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #petroleum_pioneers .mod-speakers-global h4 { font-size: 13px; } } #petroleum_pioneers .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #petroleum_pioneers .mod-speakers-global .load-speakers, #petroleum_pioneers .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #3da5d9; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #petroleum_pioneers .mod-speakers-global .load-speakers:hover, #petroleum_pioneers .mod-speakers-global .load-advisory-board:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .mod-speakers-global .load-speakers, #petroleum_pioneers .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #petroleum_pioneers .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #petroleum_pioneers .mod-speakers-global .loading-spinner .load, #petroleum_pioneers .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #petroleum_pioneers .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3da5d9; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #petroleum_pioneers .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #petroleum_pioneers .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #petroleum_pioneers .mod-speakers-global.loading .loading-spinner { display: block; } #petroleum_pioneers .hide-scroll-top { opacity: 0; } #petroleum_pioneers .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-sponsors { padding: 0; } } #petroleum_pioneers .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #petroleum_pioneers .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sponsors .tooltip { display: block; } } #petroleum_pioneers .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #petroleum_pioneers .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #petroleum_pioneers .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #petroleum_pioneers .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #petroleum_pioneers .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3da5d9; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #petroleum_pioneers .mod-sponsors .sponsor-btn:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #petroleum_pioneers .mod-attending { padding: 0 30px; text-align: center; } #petroleum_pioneers .mod-attending .attendees-slider { max-height: 350px; } #petroleum_pioneers .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-attending .attendees-slider .attendee { width: 50%; } } #petroleum_pioneers .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #petroleum_pioneers .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #petroleum_pioneers .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #petroleum_pioneers .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #petroleum_pioneers .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #petroleum_pioneers .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #3da5d9; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-attending { padding: 0; } } #petroleum_pioneers .mod-attending h2 { text-align: center; padding: 0 0 60px; } #petroleum_pioneers .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3da5d9; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #petroleum_pioneers .mod-attending .attendee-btn:hover { background: #3da5d9; } #petroleum_pioneers .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #petroleum_pioneers .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #petroleum_pioneers .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #petroleum_pioneers .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .schedule-controls { padding: 0; } } #petroleum_pioneers .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #petroleum_pioneers .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #petroleum_pioneers .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #ffab24; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .schedule-controls .selected-category { width: 100%; } } #petroleum_pioneers .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #petroleum_pioneers .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #petroleum_pioneers .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #petroleum_pioneers .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #0c1850; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #petroleum_pioneers .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #0c1850; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #petroleum_pioneers .mod-schedule .schedule-controls .expand, #petroleum_pioneers .mod-schedule .schedule-controls .collapse, #petroleum_pioneers .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #ffab24; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #petroleum_pioneers .mod-schedule .schedule-controls .expand span, #petroleum_pioneers .mod-schedule .schedule-controls .collapse span, #petroleum_pioneers .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #petroleum_pioneers .mod-schedule .schedule-controls .expand.active, #petroleum_pioneers .mod-schedule .schedule-controls .collapse.active, #petroleum_pioneers .mod-schedule .schedule-controls .print-btn.active { display: block; } #petroleum_pioneers .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #0c1850; } #petroleum_pioneers .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-tab .d-day-dates { display: initial; } #petroleum_pioneers .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #petroleum_pioneers .mod-schedule .day-tab .d-day-dates { display: none; } #petroleum_pioneers .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #petroleum_pioneers .mod-schedule .day-tab .d-day-dates { display: none; } #petroleum_pioneers .mod-schedule .day-tab .m-day-dates { display: initial; } } #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #petroleum_pioneers .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #petroleum_pioneers .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #petroleum_pioneers .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #petroleum_pioneers .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #petroleum_pioneers .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #petroleum_pioneers .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #petroleum_pioneers .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #petroleum_pioneers .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #petroleum_pioneers .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #petroleum_pioneers .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-tab:first-child { margin-left: 0; } #petroleum_pioneers .mod-schedule .day-tab:last-child { margin-right: 0; } } #petroleum_pioneers .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-tab h3 { font-size: 18px; } } #petroleum_pioneers .mod-schedule .day-tab.active { border-bottom: 2px solid #ffab24; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-tab.active h3 { color: #ffab24; } #petroleum_pioneers .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main { width: 100%; } } #petroleum_pioneers .mod-schedule .day-main.active { display: block; } #petroleum_pioneers .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #3da5d9; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #petroleum_pioneers .mod-schedule .day-main .explore-next-btn a { color: #fff; } #petroleum_pioneers .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #petroleum_pioneers .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #petroleum_pioneers .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #0c1850; text-transform: uppercase; font-size: 18px; font-weight: bold; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #ffab24; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #0c1850; font-weight: bold; font-size: 14px; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #ffab24; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #0c1850; transform: rotate(45deg); transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #0c1850; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #petroleum_pioneers .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #0c1850; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #ffab24; padding-bottom: 0px; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-title { background: #0c1850; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #0c1850; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-sessions, #petroleum_pioneers .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #0c1850; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #0c1850; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #0c1850; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #ffab24; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description p, #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #0c1850; font-size: 14px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #ffab24; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #0c1850; font-size: 13px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #0c1850; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #ffab24; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #0c1850; } #petroleum_pioneers .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #ffab24; } #petroleum_pioneers .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #petroleum_pioneers .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #petroleum_pioneers .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #petroleum_pioneers .mod-webinar .modal .modal-body { padding: 0; } #petroleum_pioneers .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #petroleum_pioneers .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #petroleum_pioneers .mod-webinar .modal .chat { float: left; width: 400px; } #petroleum_pioneers .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #petroleum_pioneers .mod-tickets { float: left; width: 100%; } #petroleum_pioneers .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #petroleum_pioneers .mod-tickets .tickets { width: 100%; } } #petroleum_pioneers .mod-tickets .tickets .ticket { float: left; border: 3px solid #0c1850; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #petroleum_pioneers .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #petroleum_pioneers .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-title { background: #0c1850; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #ffab24; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #ffab24; background: none; padding: 8px 10px 0 10px; width: 35%; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #petroleum_pioneers .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #petroleum_pioneers .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #petroleum_pioneers .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #3da5d9; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #3da5d9; padding-top: 8px; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #3da5d9; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #petroleum_pioneers .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #petroleum_pioneers .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #petroleum_pioneers .mod-tickets .ticket-order { width: 100%; } } #petroleum_pioneers .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #petroleum_pioneers .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #3da5d9; } #petroleum_pioneers .mod-tickets .ticket-order .cart p { text-align: left; } #petroleum_pioneers .mod-tickets .ticket-order .cart h3 { background: #3da5d9; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #petroleum_pioneers .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #petroleum_pioneers .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3da5d9; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #petroleum_pioneers .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #petroleum_pioneers .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #petroleum_pioneers .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #petroleum_pioneers .mod-tickets .loading-spinner .load, #petroleum_pioneers .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #petroleum_pioneers .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #3da5d9; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #petroleum_pioneers .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #petroleum_pioneers .mod-tickets.loading { pointer-events: none; } #petroleum_pioneers .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #petroleum_pioneers .mod-tickets.loading .loading-spinner { display: block; } #petroleum_pioneers #insurerConfirmModal .modal-content { border: 3px solid #3da5d9; box-shadow: none; padding: 20px; max-width: 500px; } #petroleum_pioneers #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #petroleum_pioneers #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #3da5d9; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #0c1850; } #petroleum_pioneers #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #petroleum_pioneers .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #petroleum_pioneers .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #petroleum_pioneers .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #petroleum_pioneers .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #petroleum_pioneers .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #0c1850; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #petroleum_pioneers .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #petroleum_pioneers .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #petroleum_pioneers .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #petroleum_pioneers .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #petroleum_pioneers .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #petroleum_pioneers .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #petroleum_pioneers .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #0c1850; opacity: 0.85; transition: all 0.3s linear; } #petroleum_pioneers .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #petroleum_pioneers .mod-related-content .related-article .event-img:hover:after { top: 0; } #petroleum_pioneers .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #petroleum_pioneers .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #petroleum_pioneers .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #petroleum_pioneers .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #petroleum_pioneers .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #petroleum_pioneers .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #petroleum_pioneers .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #petroleum_pioneers .mod-map-marker .et_pb_row { position: relative; height: 100%; } #petroleum_pioneers .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-map-marker .marker { padding: 20px 20px 0; } } #petroleum_pioneers .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #petroleum_pioneers .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #petroleum_pioneers .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #3da5d9; font-size: 14px; letter-spacing: 1px; color: #3da5d9; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #petroleum_pioneers .mod-map-marker .marker a:hover { border: 2px solid #3da5d9; transition: all ease-in .2s; } #petroleum_pioneers .et_pb_map { height: 600px; } #petroleum_pioneers .contact-map .et_pb_map { height: 300px; } #petroleum_pioneers .gmnoprint { display: none; } #petroleum_pioneers .mod-sign-up { width: 100%; margin: 0; background: #3da5d9; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sign-up { width: 100%; margin: 0; } } #petroleum_pioneers .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #0c1850; } #petroleum_pioneers .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #petroleum_pioneers .mod-sign-up .elq-form { float: left; width: 100%; } #petroleum_pioneers .mod-sign-up .elq-form label { display: none; } #petroleum_pioneers .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sign-up .elq-form .form-design-field { width: 100%; } } #petroleum_pioneers .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #petroleum_pioneers .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #petroleum_pioneers .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #petroleum_pioneers .mod-sponsorship-form label { display: none; } #petroleum_pioneers .mod-sponsorship-form .col-1, #petroleum_pioneers .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-sponsorship-form .col-1, #petroleum_pioneers .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #petroleum_pioneers .mod-sponsorship-form .col-2 { float: right; } #petroleum_pioneers .mod-sponsorship-form input:not([type=submit]), #petroleum_pioneers .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #petroleum_pioneers .mod-sponsorship-form textarea { min-height: 160px; } #petroleum_pioneers .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #petroleum_pioneers .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #petroleum_pioneers .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #0c1850; color: #0c1850; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #petroleum_pioneers .mod-homepage-index .index-entry-filters li:hover { background-color: #0c1850; transition: all ease-in-out .3s; } #petroleum_pioneers .mod-homepage-index .index-entry-filters li.active { background-color: #0c1850; color: #fff; transition: all ease-in-out .3s; } #petroleum_pioneers .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #petroleum_pioneers .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #petroleum_pioneers .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #petroleum_pioneers .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #petroleum_pioneers .mod-homepage-index .index-entry.active { display: block; } #petroleum_pioneers .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #petroleum_pioneers .masonry-grid .grid-item img { width: 100%; height: auto; } #petroleum_pioneers.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #petroleum_pioneers.et-fb .et_pb_masonry_grid > div { display: none; } #petroleum_pioneers.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #petroleum_pioneers #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #petroleum_pioneers #event-menu .fullwidth-menu { padding-top: 15px !important; } #petroleum_pioneers #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #petroleum_pioneers .admin-bar #event-menu { top: 62px; } #petroleum_pioneers .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #petroleum_pioneers .homepage-event-section .divider-strip { position: relative; } #petroleum_pioneers .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #ffab24; margin-top: 30px; } #petroleum_pioneers .homepage-events-preview { margin-top: 80px; } #petroleum_pioneers .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #petroleum_pioneers .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #0c1850; opacity: 0.85; transition: all 0.3s linear; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #3da5d9; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #0c1850; opacity: 0.95; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #petroleum_pioneers .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #petroleum_pioneers .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #petroleum_pioneers .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #petroleum_pioneers .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #petroleum_pioneers .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #petroleum_pioneers .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #petroleum_pioneers .homepage-events-preview:after { display: none; } #petroleum_pioneers .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #petroleum_pioneers .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #petroleum_pioneers .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #petroleum_pioneers .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #petroleum_pioneers .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #petroleum_pioneers .topic-header { position: relative; background-position: center; background-size: cover; } #petroleum_pioneers .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0c1850; opacity: 0.95; } #petroleum_pioneers .topic-header * { position: relative; z-index: 1; } #petroleum_pioneers .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #petroleum_pioneers .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0c1850; opacity: 0.95; } #petroleum_pioneers .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #petroleum_pioneers .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #petroleum_pioneers .featured-event { padding-right: 20px; } } #petroleum_pioneers .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #ffab24; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #petroleum_pioneers .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #petroleum_pioneers .featured-event .close:hover { color: #3da5d9; } #petroleum_pioneers .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #ffab24; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #petroleum_pioneers .featured-event .dates-of-event strong { display: block; font-weight: 800; } #petroleum_pioneers .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #ffab24; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #petroleum_pioneers .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #petroleum_pioneers .featured-event .dates-of-event { top: 45%; } } #petroleum_pioneers .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #petroleum_pioneers .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #petroleum_pioneers .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #petroleum_pioneers .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #petroleum_pioneers .featured-event .col-6 > img { max-height: 130px; } } #petroleum_pioneers .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #petroleum_pioneers .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #petroleum_pioneers .featured-event .col-6.right { padding-right: 0; } } #petroleum_pioneers .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #petroleum_pioneers .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #petroleum_pioneers .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #petroleum_pioneers .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #petroleum_pioneers .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #petroleum_pioneers .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #ffab24; display: block; line-height: 120%; } @media (max-width: 699px) { #petroleum_pioneers .featured-event .col-6 .countdown-to-event span { width: 50px; } #petroleum_pioneers .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #petroleum_pioneers .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #petroleum_pioneers .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #petroleum_pioneers .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #petroleum_pioneers .featured-event .col-6 .event-type.event { color: #ffab24; } #petroleum_pioneers .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #petroleum_pioneers .featured-event .col-6 .event-type.article { color: #366893; } #petroleum_pioneers .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #petroleum_pioneers .featured-event .col-6 .event-type.webinar { color: #3da5d9; } #petroleum_pioneers .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #petroleum_pioneers .featured-event .col-6 .event-type.course { color: #8A9299; } #petroleum_pioneers .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #petroleum_pioneers .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #petroleum_pioneers .featured-event .col-6 h2 { padding-right: 40px; } } #petroleum_pioneers .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #ffab24; display: block; line-height: 150%; margin: 0 0 20px 0; } #petroleum_pioneers .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #petroleum_pioneers .featured-event .col-6 .white-btn, #petroleum_pioneers .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #petroleum_pioneers .featured-event .col-6 .white-btn:hover, #petroleum_pioneers .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #petroleum_pioneers .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #petroleum_pioneers .featured-event .col-6 .colored-btn { background: #ffab24; border-color: #ffab24; margin-right: 0; } #petroleum_pioneers .events-filter { margin: 50px 0 20px 0; } #petroleum_pioneers .events-filter ul { float: left; } #petroleum_pioneers .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #petroleum_pioneers .events-filter ul li p { font-size: 16px; } #petroleum_pioneers .events-filter ul li.active p { color: green; } #petroleum_pioneers .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #petroleum_pioneers .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #petroleum_pioneers .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #petroleum_pioneers .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #petroleum_pioneers .events-filter > span.icon_grid-2x2 { color: #0c1850; } #petroleum_pioneers .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #petroleum_pioneers .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #petroleum_pioneers .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #petroleum_pioneers .events-filter > span:hover, #petroleum_pioneers .events-filter > span.icon-active { color: #3da5d9; } @media (max-width: 767px) { #petroleum_pioneers .events-filter > span.icon_grid-2x2, #petroleum_pioneers .events-filter > span.icon_menu { display: none; } } #petroleum_pioneers .inner-events-boxes { font-size: 0; } #petroleum_pioneers .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #petroleum_pioneers .inner-events-boxes .event-box.active { display: inline-block; } #petroleum_pioneers .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #petroleum_pioneers .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #petroleum_pioneers .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #0c1850; opacity: 0.9; } #petroleum_pioneers .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #petroleum_pioneers .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #petroleum_pioneers .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #petroleum_pioneers .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.event { color: #ffab24; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.webinar { color: #3da5d9; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #3da5d9; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #petroleum_pioneers .inner-events-boxes .event-box > div .event-btn:hover { background: #3da5d9; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div:hover p, #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #petroleum_pioneers .inner-events-boxes .event-box > div h3 { font-size: 20px; } #petroleum_pioneers .inner-events-boxes .event-box > div p, #petroleum_pioneers .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #petroleum_pioneers .inner-events-boxes .event-box.col-4 { width: 48%; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #petroleum_pioneers .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #petroleum_pioneers .inner-events-boxes .event-box.col-4 > div { height: auto; } } #petroleum_pioneers div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #petroleum_pioneers div.inner-event-header .et_pb_row { z-index: 2; } #petroleum_pioneers div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0c1850; z-index: 1; pointer-events: none; opacity: 0.8; } #petroleum_pioneers div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #ffab24 35px, transparent 35px); background: -moz-linear-gradient(right, #ffab24 35px, transparent 35px); background: -o-linear-gradient(right, #ffab24 35px, transparent 35px); background: -webkit-linear-gradient(left, #ffab24 35px, transparent 35px); pointer-events: none; } #petroleum_pioneers div.inner-event-header img, #petroleum_pioneers div.inner-event-header h1, #petroleum_pioneers div.inner-event-header h2, #petroleum_pioneers div.inner-event-header h3, #petroleum_pioneers div.inner-event-header h4, #petroleum_pioneers div.inner-event-header h5, #petroleum_pioneers div.inner-event-header h6, #petroleum_pioneers div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #petroleum_pioneers div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #petroleum_pioneers div.inner-event-header a:hover { background: #8A9299; } #petroleum_pioneers div.inner-event-header a.colored-btn { background: #3da5d9; border-color: #3da5d9; } #petroleum_pioneers div.inner-event-header a.colored-btn:hover { background: #3da5d9; border-color: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #petroleum_pioneers div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #petroleum_pioneers div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #petroleum_pioneers div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #petroleum_pioneers div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #petroleum_pioneers div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #petroleum_pioneers div.inner-event-header img { padding: 20px 20px 5px 20px; } #petroleum_pioneers div.inner-event-header h1 { padding: 0; } #petroleum_pioneers div.inner-event-header a { margin: 0 0 10px 0; } } #petroleum_pioneers .event-icons div { display: inline-block; } #petroleum_pioneers .event-icons div > strong { display: block; } @media (max-width: 599px) { #petroleum_pioneers .event-icons div img { max-width: 50px; max-height: 50px; } #petroleum_pioneers .event-icons div > strong { font-size: 30px !important; } #petroleum_pioneers .event-icons div > span { font-size: 16px !important; } } #petroleum_pioneers .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #petroleum_pioneers .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #petroleum_pioneers .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #petroleum_pioneers .et_pb_number_counter .percent { height: auto; } } #petroleum_pioneers .et_pb_widget { width: 100%; } #petroleum_pioneers .et_pb_widget .field-wrapper label { display: none; } #petroleum_pioneers .et_pb_widget .field-wrapper input, #petroleum_pioneers .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #petroleum_pioneers .et_pb_widget .field-wrapper input[type=submit], #petroleum_pioneers .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #3da5d9; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #petroleum_pioneers .et_pb_widget .field-wrapper input[type=submit]:hover, #petroleum_pioneers .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #3da5d9; } @media (max-width: 1199px) { #petroleum_pioneers .et_pb_widget .field-wrapper input[type=submit], #petroleum_pioneers .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #petroleum_pioneers .et_pb_widget .field-wrapper input:focus, #petroleum_pioneers .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #petroleum_pioneers .et_pb_widget .field-wrapper input, #petroleum_pioneers .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #petroleum_pioneers .sponsorship-header { background-position: center; background-size: cover; } #petroleum_pioneers .sponsorship-header .et_pb_row { z-index: 2; } #petroleum_pioneers .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0c1850; z-index: 1; pointer-events: none; opacity: 0.8; } #petroleum_pioneers .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #petroleum_pioneers .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #petroleum_pioneers .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #petroleum_pioneers .sponsorship-testimonials { float: left; width: 100%; } #petroleum_pioneers .testimonials { position: relative; } #petroleum_pioneers .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #ffab24; } @media only screen and (max-width: 900px) { #petroleum_pioneers .testimonials .et_pb_column_2:after { display: none; } } #petroleum_pioneers .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #ffab24; } @media only screen and (max-width: 900px) { #petroleum_pioneers .testimonials .et_pb_column_3:after { display: none; } } #petroleum_pioneers .header-message { text-align: center; background-color: #3da5d9; position: relative; z-index: 1; } #petroleum_pioneers .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #petroleum_pioneers .header-message a { color: #fff; text-decoration: underline; } #petroleum_pioneers #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #0c1850; } #petroleum_pioneers #catapult-cookie-bar .ctcc-left-side { color: #fff; } #petroleum_pioneers #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #petroleum_pioneers #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #ffab24; color: #fff; } #petroleum_pioneers .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #152a77; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #petroleum_pioneers .page-header { padding: 60px 0 40px; } } #petroleum_pioneers .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #0c1850; opacity: 0.8; } @supports (background-blend-mode: multiply) { #petroleum_pioneers .page-header:after { opacity: 0.2; } } #petroleum_pioneers .page-header .container { position: relative; z-index: 2; } #petroleum_pioneers .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #petroleum_pioneers .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #petroleum_pioneers .page-header .container h1 { font-size: 35px; } } #petroleum_pioneers .background-overlay { position: relative; background-color: #152a77; background-blend-mode: multiply; } #petroleum_pioneers .background-overlay .et_parallax_bg { background-color: #152a77; background-blend-mode: multiply; } #petroleum_pioneers .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #0c1850; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #petroleum_pioneers .background-overlay:after { opacity: 0.2; } } #petroleum_pioneers .background-overlay .et_pb_row { position: relative; z-index: 10; } #petroleum_pioneers .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #petroleum_pioneers .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #petroleum_pioneers .topic-feat-event .container { padding: 0; } #petroleum_pioneers .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #petroleum_pioneers .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #petroleum_pioneers .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #petroleum_pioneers .feat-event-inner { padding: 50px 20px 20px; } } #petroleum_pioneers .feat-event-inner .featured { color: #ffab24; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #petroleum_pioneers .feat-event-inner .featured span { color: #ffab24; } #petroleum_pioneers .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #petroleum_pioneers .feat-event-inner .entry-date { position: absolute; background: #ffab24; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #petroleum_pioneers .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #petroleum_pioneers .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #petroleum_pioneers .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #petroleum_pioneers .feat-event-inner .col-1, #petroleum_pioneers .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #petroleum_pioneers .feat-event-inner .col-1, #petroleum_pioneers .feat-event-inner .col-2 { width: 100%; float: none; } } #petroleum_pioneers .feat-event-inner .col-1 img { max-width: 75%; } #petroleum_pioneers .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #petroleum_pioneers .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #petroleum_pioneers .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #petroleum_pioneers .feat-event-inner .col-1 .btn { width: 100%; } } #petroleum_pioneers .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #petroleum_pioneers .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #petroleum_pioneers .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #ffab24; background-color: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #ffab24; background-color: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #petroleum_pioneers .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #petroleum_pioneers .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #petroleum_pioneers .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #petroleum_pioneers .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #petroleum_pioneers .feat-event-inner .col-2 { display: none; } } #petroleum_pioneers .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #petroleum_pioneers .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #petroleum_pioneers .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #petroleum_pioneers .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #petroleum_pioneers .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #petroleum_pioneers .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0c1850; opacity: .7; z-index: 1; } #petroleum_pioneers .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #petroleum_pioneers .topic-grid:after { content: ''; background-color: #ffab24; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #petroleum_pioneers .topic-grid:after { display: none; } } #petroleum_pioneers .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #petroleum_pioneers .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #petroleum_pioneers .related-articles .other-related { float: left; width: 100%; } #petroleum_pioneers .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #petroleum_pioneers .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #petroleum_pioneers body.woocommerce .woocommerce-tabs { margin: 0; } #petroleum_pioneers body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #petroleum_pioneers body.woocommerce .woocommerce-message { background: #3da5d9 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #petroleum_pioneers body.woocommerce .woocommerce-error { background-color: #ffab24; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #petroleum_pioneers body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #petroleum_pioneers body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #petroleum_pioneers #fep-wrapper { margin: 0; } #petroleum_pioneers #fep-wrapper #fep-header, #petroleum_pioneers #fep-wrapper #fep-footer { display: none; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #petroleum_pioneers #fep-wrapper #fep-menu .fep-button, #petroleum_pioneers #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #3da5d9; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-menu .fep-button:hover, #petroleum_pioneers #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #3da5d9; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-menu .fep-button .fep-font-red, #petroleum_pioneers #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #petroleum_pioneers #fep-wrapper #fep-menu .fep-button-active { background-color: #3da5d9; } #petroleum_pioneers #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #petroleum_pioneers #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #petroleum_pioneers #fep-wrapper #fep-content > h2 { padding: 10px; color: #0c1850; font-weight: bold; } #petroleum_pioneers #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table { margin: 0; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #3da5d9; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #ffab24; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #3da5d9; display: inline-block; margin: 20px 0; font-size: 16px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #ffab24; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #ffab24; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #3da5d9; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #petroleum_pioneers #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #3da5d9; transition: all ease-in-out .3s; } #petroleum_pioneers #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #ffab24; box-shadow: none; } #petroleum_pioneers #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #3da5d9; } #petroleum_pioneers .fep-success, #petroleum_pioneers .fep-error, #petroleum_pioneers .fep-wp-error { background-color: #3da5d9; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #petroleum_pioneers .fep-wp-error, #petroleum_pioneers .fep-error { background-color: #ffab24; } #petroleum_pioneers .fep-message { background-color: #F6F6F6; } #petroleum_pioneers .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #petroleum_pioneers .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #0c1850; } #petroleum_pioneers .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #0c1850; } #petroleum_pioneers .fep-per-message .fep-message-toggle-all { color: #3da5d9; margin-bottom: 5px; } #petroleum_pioneers .fep-per-message .fep-message-title, #petroleum_pioneers .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #petroleum_pioneers .fep-per-message .fep-message-title .author, #petroleum_pioneers .fep-per-message .fep-message-content .author { font-weight: 500; } #petroleum_pioneers .fep-per-message .fep-message-title .date, #petroleum_pioneers .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #petroleum_pioneers .fep-per-message .fep-message-title p, #petroleum_pioneers .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #petroleum_pioneers .fep-per-message .fep-message-title hr, #petroleum_pioneers .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #petroleum_pioneers #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #3da5d9; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #petroleum_pioneers #fep-notification-bar a { color: #fff; } #petroleum_pioneers .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #ffab24 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #petroleum_pioneers .fep-custom-button:before { content: '◄ '; } #petroleum_pioneers .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #petroleum_pioneers .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #petroleum_pioneers .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #petroleum_pioneers .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #petroleum_pioneers .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #petroleum_pioneers .fep-search-inbox::placeholder { text-align: left; } } #leaders_in_logistics { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #leaders_in_logistics body, #leaders_in_logistics html { overflow-x: hidden; margin-top: 0 !important; } #leaders_in_logistics .hide { display: none; } #leaders_in_logistics .text-center { text-align: center; } #leaders_in_logistics style { display: none !important; } #leaders_in_logistics .et_pb_section { clear: both; } #leaders_in_logistics .single .post { padding: 0; margin: 0; } #leaders_in_logistics .img-bullet-point { position: absolute; top: 0; left: -40px; } #leaders_in_logistics #left-area { padding-bottom: 0 !important; } #leaders_in_logistics *::selection { background-color: #43A1A0; } #leaders_in_logistics #et_search_icon:hover, #leaders_in_logistics .mobile_menu_bar:before, #leaders_in_logistics .mobile_menu_bar:after, #leaders_in_logistics .et-social-icon a:hover, #leaders_in_logistics .comment-reply-link, #leaders_in_logistics .form-submit .et_pb_button, #leaders_in_logistics .entry-summary p.price ins, #leaders_in_logistics .woocommerce div.product span.price, #leaders_in_logistics .woocommerce-page div.product span.price, #leaders_in_logistics .woocommerce #content div.product span.price, #leaders_in_logistics .woocommerce-page #content div.product span.price, #leaders_in_logistics .woocommerce div.product p.price, #leaders_in_logistics .woocommerce-page div.product p.price, #leaders_in_logistics .woocommerce #content div.product p.price, #leaders_in_logistics .woocommerce-page #content div.product p.price, #leaders_in_logistics .woocommerce .star-rating span:before, #leaders_in_logistics .woocommerce-page .star-rating span:before, #leaders_in_logistics .woocommerce a.button.alt, #leaders_in_logistics .woocommerce-page a.button.alt, #leaders_in_logistics .woocommerce button.button.alt, #leaders_in_logistics .woocommerce-page button.button.alt, #leaders_in_logistics .woocommerce input.button.alt, #leaders_in_logistics .woocommerce-page input.button.alt, #leaders_in_logistics .woocommerce #respond input#submit.alt, #leaders_in_logistics .woocommerce-page #respond input#submit.alt, #leaders_in_logistics .woocommerce #content input.button.alt, #leaders_in_logistics .woocommerce-page #content input.button.alt, #leaders_in_logistics .woocommerce a.button, #leaders_in_logistics .woocommerce-page a.button, #leaders_in_logistics .woocommerce button.button, #leaders_in_logistics .woocommerce-page button.button, #leaders_in_logistics .woocommerce input.button, #leaders_in_logistics .woocommerce-page input.button, #leaders_in_logistics .woocommerce #respond input#submit, #leaders_in_logistics .woocommerce-page #respond input#submit, #leaders_in_logistics .woocommerce #content input.button, #leaders_in_logistics .woocommerce-page #content input.button, #leaders_in_logistics .woocommerce a.button.alt:hover, #leaders_in_logistics .woocommerce-page a.button.alt:hover, #leaders_in_logistics .woocommerce button.button.alt:hover, #leaders_in_logistics .woocommerce-page button.button.alt:hover, #leaders_in_logistics .woocommerce input.button.alt:hover, #leaders_in_logistics .woocommerce-page input.button.alt:hover, #leaders_in_logistics .woocommerce #respond input#submit.alt:hover, #leaders_in_logistics .woocommerce-page #respond input#submit.alt:hover, #leaders_in_logistics .woocommerce #content input.button.alt:hover, #leaders_in_logistics .woocommerce-page #content input.button.alt:hover, #leaders_in_logistics .woocommerce a.button:hover, #leaders_in_logistics .woocommerce-page a.button:hover, #leaders_in_logistics .woocommerce button.button, #leaders_in_logistics .woocommerce-page button.button:hover, #leaders_in_logistics .woocommerce input.button:hover, #leaders_in_logistics .woocommerce-page input.button:hover, #leaders_in_logistics .woocommerce #respond input#submit:hover, #leaders_in_logistics .woocommerce-page #respond input#submit:hover, #leaders_in_logistics .woocommerce #content input.button:hover, #leaders_in_logistics .wp-pagenavi span.current, #leaders_in_logistics .wp-pagenavi a:hover, #leaders_in_logistics .et_password_protected_form .et_submit_button, #leaders_in_logistics .nav-single a, #leaders_in_logistics .posted_in a, #leaders_in_logistics #top-menu li.current-menu-ancestor > a, #leaders_in_logistics #top-menu li.current-menu-item > a, #leaders_in_logistics .bottom-nav li.current-menu-item > a, #leaders_in_logistics .footer-widget h4 { color: #43A1A0; } #leaders_in_logistics .title-with-bottom-line, #leaders_in_logistics .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #leaders_in_logistics .title-with-bottom-line h3, #leaders_in_logistics .title-with-bottom-line > :last-child, #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #leaders_in_logistics .title-with-bottom-line h3, #leaders_in_logistics .title-with-bottom-line > :last-child, #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #leaders_in_logistics .title-with-bottom-line h3, #leaders_in_logistics .title-with-bottom-line > :last-child, #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #leaders_in_logistics .title-with-bottom-line h3, #leaders_in_logistics .title-with-bottom-line > :last-child, #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #leaders_in_logistics .title-with-bottom-line h3, #leaders_in_logistics .title-with-bottom-line > :last-child, #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #leaders_in_logistics .title-with-bottom-line:after, #leaders_in_logistics .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #43A1A0; } @media (max-width: 400px) { #leaders_in_logistics .title-with-bottom-line:after, #leaders_in_logistics .title-with-bottom-line-grey:after { bottom: -5px; } } #leaders_in_logistics .title-with-bottom-line-grey h3, #leaders_in_logistics .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #leaders_in_logistics .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #leaders_in_logistics .secondary-title-with-bottom-line { margin-top: 0; } } #leaders_in_logistics .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #leaders_in_logistics .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #leaders_in_logistics .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #leaders_in_logistics .secondary-title-with-bottom-line:after { bottom: -5px; } } #leaders_in_logistics .et-search-form, #leaders_in_logistics .et_mobile_menu, #leaders_in_logistics .footer-widget li:before, #leaders_in_logistics .nav li ul, #leaders_in_logistics blockquote { border-color: #43A1A0; } @media print { #leaders_in_logistics .single-product.print-view { visibility: hidden; } #leaders_in_logistics .single-product.print-view #agenda { visibility: visible; } @page { #leaders_in_logistics .single-product.print-view { margin: 20px 0; } } #leaders_in_logistics .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #leaders_in_logistics .single-product.print-view #top-header, #leaders_in_logistics .single-product.print-view #main-header, #leaders_in_logistics .single-product.print-view #main-footer, #leaders_in_logistics .single-product.print-view .et_pb_section_1, #leaders_in_logistics .single-product.print-view .et_pb_module:not(.mod-schedule), #leaders_in_logistics .single-product.print-view .schedule-controls, #leaders_in_logistics .single-product.print-view .footer-form, #leaders_in_logistics .single-product.print-view .day-tab, #leaders_in_logistics .single-product.print-view .stream-tabs, #leaders_in_logistics .single-product.print-view .explore-next-btn, #leaders_in_logistics .single-product.print-view .et_pb_scroll_top { display: none !important; } #leaders_in_logistics .single-product.print-view .et_pb_section, #leaders_in_logistics .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #leaders_in_logistics .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #000000 !important; break-after: avoid-page; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #leaders_in_logistics .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #leaders_in_logistics .col-6 { width: 49%; } #leaders_in_logistics .pull-left { float: left; } #leaders_in_logistics .pull-right { float: right; } #leaders_in_logistics .clear { clear: both; } #leaders_in_logistics .container { width: 100%; } #leaders_in_logistics .et-cart-info { display: none; } #leaders_in_logistics #top-header { background-color: #000000; } #leaders_in_logistics #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #leaders_in_logistics #main-header .container { padding-left: 20px; padding-right: 20px; } #leaders_in_logistics #logo { max-height: 64px; } @media (max-width: 1079px) { #leaders_in_logistics #logo { max-height: 40px; } } #leaders_in_logistics .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #leaders_in_logistics .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #leaders_in_logistics .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #leaders_in_logistics .et_header_style_left #logo, #leaders_in_logistics .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #leaders_in_logistics .et_header_style_left #et-top-navigation, #leaders_in_logistics .et_header_style_split #et-top-navigation, #leaders_in_logistics .et_header_style_left .et-fixed-header #et-top-navigation, #leaders_in_logistics .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #leaders_in_logistics .et_header_style_left #et-top-navigation nav > ul > li > a, #leaders_in_logistics .et_header_style_split #et-top-navigation nav > ul > li > a, #leaders_in_logistics .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #leaders_in_logistics .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #leaders_in_logistics .et_header_style_left #et-top-navigation, #leaders_in_logistics .et_header_style_split #et-top-navigation, #leaders_in_logistics .et_header_style_left .et-fixed-header #et-top-navigation, #leaders_in_logistics .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #leaders_in_logistics .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #leaders_in_logistics #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #leaders_in_logistics #top-menu li a { color: #000000; font-weight: 400; } #leaders_in_logistics #top-menu li li { padding: 0; } #leaders_in_logistics #top-menu li li a:hover { background: none; color: #43A1A0; opacity: 1; } #leaders_in_logistics #top-menu li li:hover a { color: #43A1A0; opacity: 1; } @media (max-width: 1199px) { #leaders_in_logistics #top-menu li { padding-right: 35px; } } #leaders_in_logistics #top-menu-nav > ul > li > a:hover, #leaders_in_logistics #et-secondary-menu > ul > li > a:hover, #leaders_in_logistics #et-info-email:hover, #leaders_in_logistics .et-social-icons a:hover { color: #43A1A0; opacity: 1; } #leaders_in_logistics #top-menu .menu-item-has-children > a:first-child:after, #leaders_in_logistics #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #leaders_in_logistics #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #leaders_in_logistics #et_top_search { right: 40px; top: 7px; } } #leaders_in_logistics #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #leaders_in_logistics #et_top_search { margin-left: 35px; } #leaders_in_logistics #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #leaders_in_logistics #et_top_search #et_search_icon:before { top: 7px; } } #leaders_in_logistics .nav li ul, #leaders_in_logistics .et_mobile_menu { border-top-color: #43A1A0; } #leaders_in_logistics .et_mobile_menu { padding: 15px 0; } #leaders_in_logistics .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #leaders_in_logistics .et_mobile_menu li a:hover { background: none; color: #43A1A0; } #leaders_in_logistics .et_mobile_menu li.current-menu-item a { color: #43A1A0; } #leaders_in_logistics .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #leaders_in_logistics .et_mobile_menu li ul li { padding: 0; } #leaders_in_logistics .et_mobile_menu li ul li a { padding: 10px 20px; } #leaders_in_logistics .footer-form { padding: 0; background-color: #43A1A0 !important; } #leaders_in_logistics .footer-form a { color: #fff; text-decoration: underline; } #leaders_in_logistics .footer-form .et_pb_text { margin-bottom: 0; } #leaders_in_logistics .footer-form .mod-sign-up p span { font-size: 10px; } #leaders_in_logistics #main-footer { background: #000000; clear: both; } #leaders_in_logistics #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #leaders_in_logistics #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #leaders_in_logistics #footer-widgets .footer-widget p { color: #fff; } #leaders_in_logistics #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #43A1A0; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #leaders_in_logistics #footer-widgets .footer-widget li { margin: 0; padding: 0; } #leaders_in_logistics #footer-widgets .footer-widget li:before { display: none; } #leaders_in_logistics #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #leaders_in_logistics #footer-widgets .footer-widget li a:hover { color: #43A1A0; } @media (max-width: 767px) { #leaders_in_logistics #footer-widgets { padding: 30px 0 0 0; } #leaders_in_logistics #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #leaders_in_logistics #footer-widgets .footer-widget li a { padding: 3px 0; } #leaders_in_logistics #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #leaders_in_logistics #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #leaders_in_logistics #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #leaders_in_logistics #footer-widgets { padding-bottom: 60px; } } #leaders_in_logistics #footer-info { float: none; color: #fff; font-size: 12px; } #leaders_in_logistics .et-social-icons { display: none; } #leaders_in_logistics #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #leaders_in_logistics .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #leaders_in_logistics .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #leaders_in_logistics .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #leaders_in_logistics body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #leaders_in_logistics body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #leaders_in_logistics body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #leaders_in_logistics body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #leaders_in_logistics body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #leaders_in_logistics .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #leaders_in_logistics .desktop-my-account { display: none; } } #leaders_in_logistics .mobile-my-account { display: none; } @media (max-width: 980px) { #leaders_in_logistics .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page { padding: 0 20px; } } #leaders_in_logistics .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .container { padding-top: 30px; } } #leaders_in_logistics .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #leaders_in_logistics .account-page h1.main_title span { color: #43A1A0; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #leaders_in_logistics .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #leaders_in_logistics .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #43A1A0; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #43A1A0; font-weight: 600; } } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #43A1A0; cursor: pointer; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #43A1A0; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #43A1A0; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #43A1A0; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td a, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #43A1A0; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #47E5C1; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #43A1A0; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #47E5C1; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #leaders_in_logistics .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #000000; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #leaders_in_logistics .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #leaders_in_logistics .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #leaders_in_logistics .woocommerce-checkout #main-content .col-1, #leaders_in_logistics .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #43A1A0; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-info:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #000000; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #leaders_in_logistics .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #leaders_in_logistics .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #leaders_in_logistics .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #leaders_in_logistics .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #leaders_in_logistics .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #leaders_in_logistics .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .form-row label { position: relative; } } #leaders_in_logistics .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row select { height: 52px; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #leaders_in_logistics .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #leaders_in_logistics .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #leaders_in_logistics .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #leaders_in_logistics .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #leaders_in_logistics .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #leaders_in_logistics .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #leaders_in_logistics .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #leaders_in_logistics .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #leaders_in_logistics .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #leaders_in_logistics .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #43A1A0; } #leaders_in_logistics .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #000000; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #leaders_in_logistics .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #000000; font-size: 19px; font-weight: 600; margin: 10px 0; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #47E5C1; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #43A1A0; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #leaders_in_logistics .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #leaders_in_logistics .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #leaders_in_logistics .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #43A1A0; padding: 25px 20px; } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #43A1A0; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #leaders_in_logistics .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #leaders_in_logistics .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #leaders_in_logistics .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #leaders_in_logistics .webinar-thank-you .btn { color: #fff; background: #47E5C1; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #leaders_in_logistics .webinar-thank-you .btn:hover { background: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce form.login { max-width: none; } } #leaders_in_logistics .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #leaders_in_logistics .woocommerce form.login .form-row { margin: 0 0 20px; } } #leaders_in_logistics .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #43A1A0; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce form.login .form-row input[type="submit"]:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .woocommerce form.login .lost_password a { color: #43A1A0; } #leaders_in_logistics .woocommerce-account .woocommerce form.login { max-width: 400px; } #leaders_in_logistics .search-bar { position: relative; margin: 30px 20px 0; } #leaders_in_logistics .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #leaders_in_logistics .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #43A1A0; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #leaders_in_logistics .search-bar .btn-search:hover { background-color: #000000; } #leaders_in_logistics .btn-search-more { background-color: #43A1A0; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #leaders_in_logistics .entry-container { padding: 0 0 80px; } #leaders_in_logistics .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #leaders_in_logistics .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #leaders_in_logistics .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #leaders_in_logistics .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #leaders_in_logistics .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #leaders_in_logistics .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #000000; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #leaders_in_logistics .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #43A1A0; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #leaders_in_logistics .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; content: "\e108"; color: #47E5C1; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #47E5C1; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #000000; background-color: #47E5C1; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-text h3 { color: #000000; font-size: 22px; line-height: 130%; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #leaders_in_logistics .entry-grid.view-grid .single-entry .entry-button { display: none; } #leaders_in_logistics .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #leaders_in_logistics .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #000000; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #47E5C1; } #leaders_in_logistics .entry-grid.view-list .single-entry .feat-image { display: none; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-text h3 { color: #000000; font-size: 22px; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid.view-list .single-entry .entry-button { float: left; } } #leaders_in_logistics .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #43A1A0; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #leaders_in_logistics .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid-controls { padding: 0 15px 20px; } } #leaders_in_logistics .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #leaders_in_logistics .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #leaders_in_logistics .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #leaders_in_logistics .entry-grid-controls .filters .filter-btn.active { border: 2px solid #000000; transition: all ease-in-out .3s; } #leaders_in_logistics .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #leaders_in_logistics .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #000000; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #leaders_in_logistics .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #leaders_in_logistics .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #leaders_in_logistics .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #leaders_in_logistics .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #leaders_in_logistics .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #leaders_in_logistics .entry-load-more { text-align: center; } #leaders_in_logistics .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #43A1A0; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #leaders_in_logistics .entry-load-more .load-more-btn:hover { background-color: #43A1A0; transition: background 0.3s ease-in-out; } #leaders_in_logistics .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .entry-topic { padding: 20px; } } #leaders_in_logistics .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #leaders_in_logistics .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .entry-topic .text { width: 100%; padding: 0; } } #leaders_in_logistics .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .entry-topic .text h3 { font-size: 26px; } } #leaders_in_logistics .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .entry-topic .text .inner-text { max-height: none; } } #leaders_in_logistics .entry-topic .text .inner-text h4 { padding: 0; color: #47E5C1; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #leaders_in_logistics .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #leaders_in_logistics .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #leaders_in_logistics .entry-topic .text ul li { display: inline-block; } #leaders_in_logistics .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #leaders_in_logistics .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-webinars:after, #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #leaders_in_logistics .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #leaders_in_logistics .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #47E5C1; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #leaders_in_logistics .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #leaders_in_logistics .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #leaders_in_logistics .entry-topic:hover .btn { bottom: inherit; } } #leaders_in_logistics .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .8; z-index: 1; } #leaders_in_logistics .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #leaders_in_logistics .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #leaders_in_logistics .modal .modal-content .modal-body { position: relative; } #leaders_in_logistics .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #leaders_in_logistics .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #leaders_in_logistics .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #leaders_in_logistics #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #leaders_in_logistics #brochureModal .copy { text-align: center; width: 100%; clear: both; } #leaders_in_logistics #brochureModal .copy h2 { margin-bottom: 30px; } #leaders_in_logistics #brochureModal .copy p { font-size: 11px; } #leaders_in_logistics #brochureModal .copy a { color: #43A1A0; } #leaders_in_logistics #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #leaders_in_logistics #brochureModal .form-design-field { width: 100%; margin: 0; } } #leaders_in_logistics #brochureModal label { display: none; } #leaders_in_logistics #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #leaders_in_logistics #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #43A1A0; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics #brochureModal input[type=submit] { margin-top: 30px; } } #leaders_in_logistics #brochureModal input[type=submit]:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #leaders_in_logistics #reportModal .copy { text-align: center; width: 100%; clear: both; } #leaders_in_logistics #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #leaders_in_logistics #reportModal .copy p { font-size: 11px; } #leaders_in_logistics #reportModal .copy a { color: #43A1A0; } #leaders_in_logistics #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #leaders_in_logistics #reportModal .form-design-field { width: 100%; margin: 0; } } #leaders_in_logistics #reportModal label { display: none; } #leaders_in_logistics #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #leaders_in_logistics #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #43A1A0; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics #reportModal input[type=submit] { margin-top: 30px; } } #leaders_in_logistics #reportModal input[type=submit]:hover { background: #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .details-modal-popup { cursor: pointer; } #leaders_in_logistics #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #leaders_in_logistics #detailsModal .modal-content img { margin-bottom: 20px; } #leaders_in_logistics #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #000000; } #leaders_in_logistics #detailsModal .modal-content a { color: #43A1A0; } #leaders_in_logistics #detailsModal .modal-content .col-1, #leaders_in_logistics #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #leaders_in_logistics #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #leaders_in_logistics #detailsModal .modal-content { padding: 20px 10px; } #leaders_in_logistics #detailsModal .modal-content h3 { padding-left: 0; } #leaders_in_logistics #detailsModal .modal-content .col-1, #leaders_in_logistics #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #leaders_in_logistics .mod-speakers, #leaders_in_logistics .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #leaders_in_logistics .mod-speakers h2, #leaders_in_logistics .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-speakers, #leaders_in_logistics .mod-advisory-board { padding: 0; } } #leaders_in_logistics .mod-speakers:after, #leaders_in_logistics .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #leaders_in_logistics .mod-speakers .single-speaker-grid, #leaders_in_logistics .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #leaders_in_logistics .mod-speakers .single-speaker-grid:nth-child(4n + 1), #leaders_in_logistics .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers .single-speaker-grid, #leaders_in_logistics .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #leaders_in_logistics .mod-speakers .single-speaker-grid, #leaders_in_logistics .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #leaders_in_logistics .mod-speakers .single-speaker-grid:nth-child(4n + 1), #leaders_in_logistics .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #leaders_in_logistics .mod-speakers .single-speaker-grid:nth-child(3n + 1), #leaders_in_logistics .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers .single-speaker-grid, #leaders_in_logistics .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #leaders_in_logistics .mod-speakers .single-speaker-grid:nth-child(3n + 1), #leaders_in_logistics .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #leaders_in_logistics .mod-speakers .single-speaker-grid:nth-child(2n + 1), #leaders_in_logistics .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #leaders_in_logistics .mod-speakers .single-speaker-img, #leaders_in_logistics .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #leaders_in_logistics .mod-speakers .single-speaker-img img, #leaders_in_logistics .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers .single-speaker-img, #leaders_in_logistics .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #leaders_in_logistics .mod-speakers .company-logo, #leaders_in_logistics .mod-advisory-board .company-logo { margin: 0; } #leaders_in_logistics .mod-speakers .company-logo img, #leaders_in_logistics .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #leaders_in_logistics .mod-speakers .company-logo, #leaders_in_logistics .mod-advisory-board .company-logo { margin-bottom: 5px; } } #leaders_in_logistics .mod-speakers .single-speaker-list, #leaders_in_logistics .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-img, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-img, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-text, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-text, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-text h3, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-text h4, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #leaders_in_logistics .mod-speakers .single-speaker-list .single-speaker-text p, #leaders_in_logistics .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #leaders_in_logistics .mod-speakers h3, #leaders_in_logistics .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers h3, #leaders_in_logistics .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #leaders_in_logistics .mod-speakers h3, #leaders_in_logistics .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #leaders_in_logistics .mod-speakers h3, #leaders_in_logistics .mod-advisory-board h3 { font-size: 14px; } } #leaders_in_logistics .mod-speakers h4, #leaders_in_logistics .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #leaders_in_logistics .mod-speakers h4, #leaders_in_logistics .mod-advisory-board h4 { font-size: 13px; } } #leaders_in_logistics .mod-speakers .btn-wrapper, #leaders_in_logistics .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #leaders_in_logistics .mod-speakers .load-speakers, #leaders_in_logistics .mod-speakers .load-advisory-board, #leaders_in_logistics .mod-advisory-board .load-speakers, #leaders_in_logistics .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #43A1A0; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #leaders_in_logistics .mod-speakers .load-speakers:hover, #leaders_in_logistics .mod-speakers .load-advisory-board:hover, #leaders_in_logistics .mod-advisory-board .load-speakers:hover, #leaders_in_logistics .mod-advisory-board .load-advisory-board:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers .load-speakers, #leaders_in_logistics .mod-speakers .load-advisory-board, #leaders_in_logistics .mod-advisory-board .load-speakers, #leaders_in_logistics .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #leaders_in_logistics .mod-speakers .loading-spinner, #leaders_in_logistics .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #leaders_in_logistics .mod-speakers .loading-spinner .load, #leaders_in_logistics .mod-speakers .loading-spinner .load:after, #leaders_in_logistics .mod-advisory-board .loading-spinner .load, #leaders_in_logistics .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #leaders_in_logistics .mod-speakers .loading-spinner .load, #leaders_in_logistics .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #43A1A0; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #leaders_in_logistics .mod-speakers:before, #leaders_in_logistics .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #leaders_in_logistics .mod-speakers.loading:before, #leaders_in_logistics .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #leaders_in_logistics .mod-speakers.loading .loading-spinner, #leaders_in_logistics .mod-advisory-board.loading .loading-spinner { display: block; } #leaders_in_logistics .people-fullwidth { width: 100% !important; } #leaders_in_logistics #speakers { position: relative; z-index: 99; } #leaders_in_logistics .mod-speakers-global { margin: 0; width: 100%; position: relative; } #leaders_in_logistics .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-speakers-global { padding: 0; } } #leaders_in_logistics .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #leaders_in_logistics .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #leaders_in_logistics .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #leaders_in_logistics .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #leaders_in_logistics .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #leaders_in_logistics .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #leaders_in_logistics .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #leaders_in_logistics .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #leaders_in_logistics .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #leaders_in_logistics .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-container { z-index: 1; } } #leaders_in_logistics .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #leaders_in_logistics .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #leaders_in_logistics .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #leaders_in_logistics .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #leaders_in_logistics .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #leaders_in_logistics .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #leaders_in_logistics .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #leaders_in_logistics .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #leaders_in_logistics .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #leaders_in_logistics .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #leaders_in_logistics .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .single-speaker-img { overflow: initial; } } #leaders_in_logistics .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #leaders_in_logistics .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #leaders_in_logistics .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #leaders_in_logistics .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #leaders_in_logistics .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #leaders_in_logistics .mod-speakers-global .company-logo { margin: 0; } #leaders_in_logistics .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #leaders_in_logistics .mod-speakers-global .company-logo { margin-bottom: 5px; } } #leaders_in_logistics .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .single-speaker-details { transition: none; } } #leaders_in_logistics .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #leaders_in_logistics .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .details-active-right { left: 0 !important; } } #leaders_in_logistics .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .details-active-left { left: 0 !important; } } #leaders_in_logistics .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .close-detail-label { display: none; } } #leaders_in_logistics .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #leaders_in_logistics .mod-speakers-global .speaker-mb-img img { width: 100%; } #leaders_in_logistics .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #leaders_in_logistics .mod-speakers-global .speaker-extra-details { padding: 24px; } } #leaders_in_logistics .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #leaders_in_logistics .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #leaders_in_logistics .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #leaders_in_logistics .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #leaders_in_logistics .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #leaders_in_logistics .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #leaders_in_logistics .mod-speakers-global h3 { font-size: 14px; } } #leaders_in_logistics .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #leaders_in_logistics .mod-speakers-global h4 { font-size: 13px; } } #leaders_in_logistics .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #leaders_in_logistics .mod-speakers-global .load-speakers, #leaders_in_logistics .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #43A1A0; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #leaders_in_logistics .mod-speakers-global .load-speakers:hover, #leaders_in_logistics .mod-speakers-global .load-advisory-board:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-speakers-global .load-speakers, #leaders_in_logistics .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #leaders_in_logistics .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #leaders_in_logistics .mod-speakers-global .loading-spinner .load, #leaders_in_logistics .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #leaders_in_logistics .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #43A1A0; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #leaders_in_logistics .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #leaders_in_logistics .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #leaders_in_logistics .mod-speakers-global.loading .loading-spinner { display: block; } #leaders_in_logistics .hide-scroll-top { opacity: 0; } #leaders_in_logistics .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-sponsors { padding: 0; } } #leaders_in_logistics .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #leaders_in_logistics .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sponsors .tooltip { display: block; } } #leaders_in_logistics .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #leaders_in_logistics .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #leaders_in_logistics .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #leaders_in_logistics .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #leaders_in_logistics .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #43A1A0; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #leaders_in_logistics .mod-sponsors .sponsor-btn:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #leaders_in_logistics .mod-attending { padding: 0 30px; text-align: center; } #leaders_in_logistics .mod-attending .attendees-slider { max-height: 350px; } #leaders_in_logistics .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-attending .attendees-slider .attendee { width: 50%; } } #leaders_in_logistics .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #leaders_in_logistics .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #leaders_in_logistics .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #leaders_in_logistics .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #leaders_in_logistics .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #leaders_in_logistics .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #43A1A0; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-attending { padding: 0; } } #leaders_in_logistics .mod-attending h2 { text-align: center; padding: 0 0 60px; } #leaders_in_logistics .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #43A1A0; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #leaders_in_logistics .mod-attending .attendee-btn:hover { background: #43A1A0; } #leaders_in_logistics .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #leaders_in_logistics .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #leaders_in_logistics .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #leaders_in_logistics .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .schedule-controls { padding: 0; } } #leaders_in_logistics .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #leaders_in_logistics .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #leaders_in_logistics .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #47E5C1; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .schedule-controls .selected-category { width: 100%; } } #leaders_in_logistics .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #leaders_in_logistics .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #leaders_in_logistics .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #leaders_in_logistics .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #000000; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #leaders_in_logistics .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #000000; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #leaders_in_logistics .mod-schedule .schedule-controls .expand, #leaders_in_logistics .mod-schedule .schedule-controls .collapse, #leaders_in_logistics .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #47E5C1; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #leaders_in_logistics .mod-schedule .schedule-controls .expand span, #leaders_in_logistics .mod-schedule .schedule-controls .collapse span, #leaders_in_logistics .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #leaders_in_logistics .mod-schedule .schedule-controls .expand.active, #leaders_in_logistics .mod-schedule .schedule-controls .collapse.active, #leaders_in_logistics .mod-schedule .schedule-controls .print-btn.active { display: block; } #leaders_in_logistics .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #000000; } #leaders_in_logistics .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-tab .d-day-dates { display: initial; } #leaders_in_logistics .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #leaders_in_logistics .mod-schedule .day-tab .d-day-dates { display: none; } #leaders_in_logistics .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #leaders_in_logistics .mod-schedule .day-tab .d-day-dates { display: none; } #leaders_in_logistics .mod-schedule .day-tab .m-day-dates { display: initial; } } #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #leaders_in_logistics .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #leaders_in_logistics .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #leaders_in_logistics .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #leaders_in_logistics .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #leaders_in_logistics .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #leaders_in_logistics .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #leaders_in_logistics .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #leaders_in_logistics .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #leaders_in_logistics .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #leaders_in_logistics .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-tab:first-child { margin-left: 0; } #leaders_in_logistics .mod-schedule .day-tab:last-child { margin-right: 0; } } #leaders_in_logistics .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-tab h3 { font-size: 18px; } } #leaders_in_logistics .mod-schedule .day-tab.active { border-bottom: 2px solid #47E5C1; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-tab.active h3 { color: #47E5C1; } #leaders_in_logistics .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main { width: 100%; } } #leaders_in_logistics .mod-schedule .day-main.active { display: block; } #leaders_in_logistics .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #43A1A0; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #leaders_in_logistics .mod-schedule .day-main .explore-next-btn a { color: #fff; } #leaders_in_logistics .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #leaders_in_logistics .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #leaders_in_logistics .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #000000; text-transform: uppercase; font-size: 18px; font-weight: bold; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #47E5C1; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #000000; font-weight: bold; font-size: 14px; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #47E5C1; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #000000; transform: rotate(45deg); transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #000000; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #leaders_in_logistics .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #000000; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #47E5C1; padding-bottom: 0px; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-title { background: #000000; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #000000; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-sessions, #leaders_in_logistics .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #000000; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #000000; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #000000; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #47E5C1; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description p, #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #000000; font-size: 14px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #47E5C1; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #000000; font-size: 13px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #47E5C1; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #leaders_in_logistics .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #47E5C1; } #leaders_in_logistics .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #leaders_in_logistics .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #leaders_in_logistics .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #leaders_in_logistics .mod-webinar .modal .modal-body { padding: 0; } #leaders_in_logistics .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #leaders_in_logistics .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #leaders_in_logistics .mod-webinar .modal .chat { float: left; width: 400px; } #leaders_in_logistics .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #leaders_in_logistics .mod-tickets { float: left; width: 100%; } #leaders_in_logistics .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #leaders_in_logistics .mod-tickets .tickets { width: 100%; } } #leaders_in_logistics .mod-tickets .tickets .ticket { float: left; border: 3px solid #000000; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #leaders_in_logistics .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #leaders_in_logistics .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-title { background: #000000; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #47E5C1; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #47E5C1; background: none; padding: 8px 10px 0 10px; width: 35%; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #leaders_in_logistics .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #leaders_in_logistics .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #leaders_in_logistics .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #43A1A0; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #43A1A0; padding-top: 8px; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #43A1A0; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #leaders_in_logistics .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #leaders_in_logistics .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #leaders_in_logistics .mod-tickets .ticket-order { width: 100%; } } #leaders_in_logistics .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #leaders_in_logistics .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #43A1A0; } #leaders_in_logistics .mod-tickets .ticket-order .cart p { text-align: left; } #leaders_in_logistics .mod-tickets .ticket-order .cart h3 { background: #43A1A0; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #leaders_in_logistics .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #leaders_in_logistics .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #43A1A0; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #leaders_in_logistics .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #leaders_in_logistics .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #leaders_in_logistics .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #leaders_in_logistics .mod-tickets .loading-spinner .load, #leaders_in_logistics .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #leaders_in_logistics .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #43A1A0; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #leaders_in_logistics .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #leaders_in_logistics .mod-tickets.loading { pointer-events: none; } #leaders_in_logistics .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #leaders_in_logistics .mod-tickets.loading .loading-spinner { display: block; } #leaders_in_logistics #insurerConfirmModal .modal-content { border: 3px solid #43A1A0; box-shadow: none; padding: 20px; max-width: 500px; } #leaders_in_logistics #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #leaders_in_logistics #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #43A1A0; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #000000; } #leaders_in_logistics #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #leaders_in_logistics .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #leaders_in_logistics .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #leaders_in_logistics .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #leaders_in_logistics .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #leaders_in_logistics .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #000000; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #leaders_in_logistics .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #leaders_in_logistics .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #leaders_in_logistics .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #leaders_in_logistics .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #leaders_in_logistics .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #leaders_in_logistics .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #leaders_in_logistics .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #leaders_in_logistics .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #leaders_in_logistics .mod-related-content .related-article .event-img:hover:after { top: 0; } #leaders_in_logistics .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #leaders_in_logistics .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #leaders_in_logistics .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #leaders_in_logistics .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #leaders_in_logistics .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #leaders_in_logistics .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #leaders_in_logistics .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #leaders_in_logistics .mod-map-marker .et_pb_row { position: relative; height: 100%; } #leaders_in_logistics .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-map-marker .marker { padding: 20px 20px 0; } } #leaders_in_logistics .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #leaders_in_logistics .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #leaders_in_logistics .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #43A1A0; font-size: 14px; letter-spacing: 1px; color: #43A1A0; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #leaders_in_logistics .mod-map-marker .marker a:hover { border: 2px solid #43A1A0; transition: all ease-in .2s; } #leaders_in_logistics .et_pb_map { height: 600px; } #leaders_in_logistics .contact-map .et_pb_map { height: 300px; } #leaders_in_logistics .gmnoprint { display: none; } #leaders_in_logistics .mod-sign-up { width: 100%; margin: 0; background: #43A1A0; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sign-up { width: 100%; margin: 0; } } #leaders_in_logistics .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #000000; } #leaders_in_logistics .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #leaders_in_logistics .mod-sign-up .elq-form { float: left; width: 100%; } #leaders_in_logistics .mod-sign-up .elq-form label { display: none; } #leaders_in_logistics .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sign-up .elq-form .form-design-field { width: 100%; } } #leaders_in_logistics .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #leaders_in_logistics .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #leaders_in_logistics .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #leaders_in_logistics .mod-sponsorship-form label { display: none; } #leaders_in_logistics .mod-sponsorship-form .col-1, #leaders_in_logistics .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-sponsorship-form .col-1, #leaders_in_logistics .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #leaders_in_logistics .mod-sponsorship-form .col-2 { float: right; } #leaders_in_logistics .mod-sponsorship-form input:not([type=submit]), #leaders_in_logistics .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #leaders_in_logistics .mod-sponsorship-form textarea { min-height: 160px; } #leaders_in_logistics .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #leaders_in_logistics .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #leaders_in_logistics .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #000000; color: #000000; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #leaders_in_logistics .mod-homepage-index .index-entry-filters li:hover { background-color: #000000; transition: all ease-in-out .3s; } #leaders_in_logistics .mod-homepage-index .index-entry-filters li.active { background-color: #000000; color: #fff; transition: all ease-in-out .3s; } #leaders_in_logistics .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #leaders_in_logistics .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #leaders_in_logistics .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #leaders_in_logistics .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #leaders_in_logistics .mod-homepage-index .index-entry.active { display: block; } #leaders_in_logistics .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #leaders_in_logistics .masonry-grid .grid-item img { width: 100%; height: auto; } #leaders_in_logistics.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #leaders_in_logistics.et-fb .et_pb_masonry_grid > div { display: none; } #leaders_in_logistics.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #leaders_in_logistics #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #leaders_in_logistics #event-menu .fullwidth-menu { padding-top: 15px !important; } #leaders_in_logistics #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #leaders_in_logistics .admin-bar #event-menu { top: 62px; } #leaders_in_logistics .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #leaders_in_logistics .homepage-event-section .divider-strip { position: relative; } #leaders_in_logistics .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #47E5C1; margin-top: 30px; } #leaders_in_logistics .homepage-events-preview { margin-top: 80px; } #leaders_in_logistics .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #leaders_in_logistics .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #43A1A0; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #000000; opacity: 0.95; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #leaders_in_logistics .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #leaders_in_logistics .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #leaders_in_logistics .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #leaders_in_logistics .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #leaders_in_logistics .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #leaders_in_logistics .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #leaders_in_logistics .homepage-events-preview:after { display: none; } #leaders_in_logistics .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #leaders_in_logistics .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #leaders_in_logistics .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #leaders_in_logistics .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #leaders_in_logistics .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #leaders_in_logistics .topic-header { position: relative; background-position: center; background-size: cover; } #leaders_in_logistics .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #leaders_in_logistics .topic-header * { position: relative; z-index: 1; } #leaders_in_logistics .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #leaders_in_logistics .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #leaders_in_logistics .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #leaders_in_logistics .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #leaders_in_logistics .featured-event { padding-right: 20px; } } #leaders_in_logistics .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #47E5C1; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #leaders_in_logistics .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #leaders_in_logistics .featured-event .close:hover { color: #43A1A0; } #leaders_in_logistics .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #47E5C1; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #leaders_in_logistics .featured-event .dates-of-event strong { display: block; font-weight: 800; } #leaders_in_logistics .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #47E5C1; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #leaders_in_logistics .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #leaders_in_logistics .featured-event .dates-of-event { top: 45%; } } #leaders_in_logistics .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #leaders_in_logistics .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #leaders_in_logistics .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #leaders_in_logistics .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #leaders_in_logistics .featured-event .col-6 > img { max-height: 130px; } } #leaders_in_logistics .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #leaders_in_logistics .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #leaders_in_logistics .featured-event .col-6.right { padding-right: 0; } } #leaders_in_logistics .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #leaders_in_logistics .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #leaders_in_logistics .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #leaders_in_logistics .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #leaders_in_logistics .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #leaders_in_logistics .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #47E5C1; display: block; line-height: 120%; } @media (max-width: 699px) { #leaders_in_logistics .featured-event .col-6 .countdown-to-event span { width: 50px; } #leaders_in_logistics .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #leaders_in_logistics .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #leaders_in_logistics .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #leaders_in_logistics .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #leaders_in_logistics .featured-event .col-6 .event-type.event { color: #47E5C1; } #leaders_in_logistics .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #leaders_in_logistics .featured-event .col-6 .event-type.article { color: #366893; } #leaders_in_logistics .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #leaders_in_logistics .featured-event .col-6 .event-type.webinar { color: #43A1A0; } #leaders_in_logistics .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #leaders_in_logistics .featured-event .col-6 .event-type.course { color: #8A9299; } #leaders_in_logistics .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #leaders_in_logistics .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #leaders_in_logistics .featured-event .col-6 h2 { padding-right: 40px; } } #leaders_in_logistics .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #47E5C1; display: block; line-height: 150%; margin: 0 0 20px 0; } #leaders_in_logistics .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #leaders_in_logistics .featured-event .col-6 .white-btn, #leaders_in_logistics .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #leaders_in_logistics .featured-event .col-6 .white-btn:hover, #leaders_in_logistics .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #leaders_in_logistics .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #leaders_in_logistics .featured-event .col-6 .colored-btn { background: #47E5C1; border-color: #47E5C1; margin-right: 0; } #leaders_in_logistics .events-filter { margin: 50px 0 20px 0; } #leaders_in_logistics .events-filter ul { float: left; } #leaders_in_logistics .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #leaders_in_logistics .events-filter ul li p { font-size: 16px; } #leaders_in_logistics .events-filter ul li.active p { color: green; } #leaders_in_logistics .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #leaders_in_logistics .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #leaders_in_logistics .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #leaders_in_logistics .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #leaders_in_logistics .events-filter > span.icon_grid-2x2 { color: #000000; } #leaders_in_logistics .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #leaders_in_logistics .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #leaders_in_logistics .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #leaders_in_logistics .events-filter > span:hover, #leaders_in_logistics .events-filter > span.icon-active { color: #43A1A0; } @media (max-width: 767px) { #leaders_in_logistics .events-filter > span.icon_grid-2x2, #leaders_in_logistics .events-filter > span.icon_menu { display: none; } } #leaders_in_logistics .inner-events-boxes { font-size: 0; } #leaders_in_logistics .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #leaders_in_logistics .inner-events-boxes .event-box.active { display: inline-block; } #leaders_in_logistics .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #leaders_in_logistics .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #leaders_in_logistics .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.9; } #leaders_in_logistics .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #leaders_in_logistics .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #leaders_in_logistics .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #leaders_in_logistics .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.event { color: #47E5C1; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.webinar { color: #43A1A0; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #43A1A0; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #leaders_in_logistics .inner-events-boxes .event-box > div .event-btn:hover { background: #43A1A0; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div:hover p, #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #leaders_in_logistics .inner-events-boxes .event-box > div h3 { font-size: 20px; } #leaders_in_logistics .inner-events-boxes .event-box > div p, #leaders_in_logistics .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #leaders_in_logistics .inner-events-boxes .event-box.col-4 { width: 48%; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #leaders_in_logistics .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #leaders_in_logistics .inner-events-boxes .event-box.col-4 > div { height: auto; } } #leaders_in_logistics div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #leaders_in_logistics div.inner-event-header .et_pb_row { z-index: 2; } #leaders_in_logistics div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #leaders_in_logistics div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #47E5C1 35px, transparent 35px); background: -moz-linear-gradient(right, #47E5C1 35px, transparent 35px); background: -o-linear-gradient(right, #47E5C1 35px, transparent 35px); background: -webkit-linear-gradient(left, #47E5C1 35px, transparent 35px); pointer-events: none; } #leaders_in_logistics div.inner-event-header img, #leaders_in_logistics div.inner-event-header h1, #leaders_in_logistics div.inner-event-header h2, #leaders_in_logistics div.inner-event-header h3, #leaders_in_logistics div.inner-event-header h4, #leaders_in_logistics div.inner-event-header h5, #leaders_in_logistics div.inner-event-header h6, #leaders_in_logistics div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #leaders_in_logistics div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #leaders_in_logistics div.inner-event-header a:hover { background: #8A9299; } #leaders_in_logistics div.inner-event-header a.colored-btn { background: #43A1A0; border-color: #43A1A0; } #leaders_in_logistics div.inner-event-header a.colored-btn:hover { background: #43A1A0; border-color: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #leaders_in_logistics div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #leaders_in_logistics div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #leaders_in_logistics div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #leaders_in_logistics div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #leaders_in_logistics div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #leaders_in_logistics div.inner-event-header img { padding: 20px 20px 5px 20px; } #leaders_in_logistics div.inner-event-header h1 { padding: 0; } #leaders_in_logistics div.inner-event-header a { margin: 0 0 10px 0; } } #leaders_in_logistics .event-icons div { display: inline-block; } #leaders_in_logistics .event-icons div > strong { display: block; } @media (max-width: 599px) { #leaders_in_logistics .event-icons div img { max-width: 50px; max-height: 50px; } #leaders_in_logistics .event-icons div > strong { font-size: 30px !important; } #leaders_in_logistics .event-icons div > span { font-size: 16px !important; } } #leaders_in_logistics .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #leaders_in_logistics .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #leaders_in_logistics .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #leaders_in_logistics .et_pb_number_counter .percent { height: auto; } } #leaders_in_logistics .et_pb_widget { width: 100%; } #leaders_in_logistics .et_pb_widget .field-wrapper label { display: none; } #leaders_in_logistics .et_pb_widget .field-wrapper input, #leaders_in_logistics .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #leaders_in_logistics .et_pb_widget .field-wrapper input[type=submit], #leaders_in_logistics .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #43A1A0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #leaders_in_logistics .et_pb_widget .field-wrapper input[type=submit]:hover, #leaders_in_logistics .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #43A1A0; } @media (max-width: 1199px) { #leaders_in_logistics .et_pb_widget .field-wrapper input[type=submit], #leaders_in_logistics .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #leaders_in_logistics .et_pb_widget .field-wrapper input:focus, #leaders_in_logistics .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #leaders_in_logistics .et_pb_widget .field-wrapper input, #leaders_in_logistics .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #leaders_in_logistics .sponsorship-header { background-position: center; background-size: cover; } #leaders_in_logistics .sponsorship-header .et_pb_row { z-index: 2; } #leaders_in_logistics .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #leaders_in_logistics .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #leaders_in_logistics .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #leaders_in_logistics .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #leaders_in_logistics .sponsorship-testimonials { float: left; width: 100%; } #leaders_in_logistics .testimonials { position: relative; } #leaders_in_logistics .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #47E5C1; } @media only screen and (max-width: 900px) { #leaders_in_logistics .testimonials .et_pb_column_2:after { display: none; } } #leaders_in_logistics .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #47E5C1; } @media only screen and (max-width: 900px) { #leaders_in_logistics .testimonials .et_pb_column_3:after { display: none; } } #leaders_in_logistics .header-message { text-align: center; background-color: #43A1A0; position: relative; z-index: 1; } #leaders_in_logistics .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #leaders_in_logistics .header-message a { color: #fff; text-decoration: underline; } #leaders_in_logistics #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #000000; } #leaders_in_logistics #catapult-cookie-bar .ctcc-left-side { color: #fff; } #leaders_in_logistics #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #leaders_in_logistics #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #47E5C1; color: #fff; } #leaders_in_logistics .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #000000; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #leaders_in_logistics .page-header { padding: 60px 0 40px; } } #leaders_in_logistics .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.8; } @supports (background-blend-mode: multiply) { #leaders_in_logistics .page-header:after { opacity: 0.2; } } #leaders_in_logistics .page-header .container { position: relative; z-index: 2; } #leaders_in_logistics .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #leaders_in_logistics .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #leaders_in_logistics .page-header .container h1 { font-size: 35px; } } #leaders_in_logistics .background-overlay { position: relative; background-color: #000000; background-blend-mode: multiply; } #leaders_in_logistics .background-overlay .et_parallax_bg { background-color: #000000; background-blend-mode: multiply; } #leaders_in_logistics .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000000; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #leaders_in_logistics .background-overlay:after { opacity: 0.2; } } #leaders_in_logistics .background-overlay .et_pb_row { position: relative; z-index: 10; } #leaders_in_logistics .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #leaders_in_logistics .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #leaders_in_logistics .topic-feat-event .container { padding: 0; } #leaders_in_logistics .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #leaders_in_logistics .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #leaders_in_logistics .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #leaders_in_logistics .feat-event-inner { padding: 50px 20px 20px; } } #leaders_in_logistics .feat-event-inner .featured { color: #47E5C1; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #leaders_in_logistics .feat-event-inner .featured span { color: #47E5C1; } #leaders_in_logistics .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #leaders_in_logistics .feat-event-inner .entry-date { position: absolute; background: #47E5C1; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #leaders_in_logistics .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #leaders_in_logistics .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #leaders_in_logistics .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #leaders_in_logistics .feat-event-inner .col-1, #leaders_in_logistics .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #leaders_in_logistics .feat-event-inner .col-1, #leaders_in_logistics .feat-event-inner .col-2 { width: 100%; float: none; } } #leaders_in_logistics .feat-event-inner .col-1 img { max-width: 75%; } #leaders_in_logistics .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #leaders_in_logistics .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #leaders_in_logistics .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #leaders_in_logistics .feat-event-inner .col-1 .btn { width: 100%; } } #leaders_in_logistics .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #leaders_in_logistics .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #leaders_in_logistics .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #47E5C1; background-color: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #47E5C1; background-color: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #leaders_in_logistics .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #leaders_in_logistics .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #leaders_in_logistics .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #leaders_in_logistics .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #leaders_in_logistics .feat-event-inner .col-2 { display: none; } } #leaders_in_logistics .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #leaders_in_logistics .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #leaders_in_logistics .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #leaders_in_logistics .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #leaders_in_logistics .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #leaders_in_logistics .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: .7; z-index: 1; } #leaders_in_logistics .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #leaders_in_logistics .topic-grid:after { content: ''; background-color: #47E5C1; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #leaders_in_logistics .topic-grid:after { display: none; } } #leaders_in_logistics .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #leaders_in_logistics .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #leaders_in_logistics .related-articles .other-related { float: left; width: 100%; } #leaders_in_logistics .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #leaders_in_logistics .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #leaders_in_logistics body.woocommerce .woocommerce-tabs { margin: 0; } #leaders_in_logistics body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #leaders_in_logistics body.woocommerce .woocommerce-message { background: #43A1A0 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #leaders_in_logistics body.woocommerce .woocommerce-error { background-color: #47E5C1; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #leaders_in_logistics body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #leaders_in_logistics body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #leaders_in_logistics #fep-wrapper { margin: 0; } #leaders_in_logistics #fep-wrapper #fep-header, #leaders_in_logistics #fep-wrapper #fep-footer { display: none; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #leaders_in_logistics #fep-wrapper #fep-menu .fep-button, #leaders_in_logistics #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #43A1A0; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-menu .fep-button:hover, #leaders_in_logistics #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #43A1A0; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-menu .fep-button .fep-font-red, #leaders_in_logistics #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #leaders_in_logistics #fep-wrapper #fep-menu .fep-button-active { background-color: #43A1A0; } #leaders_in_logistics #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #leaders_in_logistics #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #leaders_in_logistics #fep-wrapper #fep-content > h2 { padding: 10px; color: #000000; font-weight: bold; } #leaders_in_logistics #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table { margin: 0; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #43A1A0; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #47E5C1; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #43A1A0; display: inline-block; margin: 20px 0; font-size: 16px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #47E5C1; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #47E5C1; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #43A1A0; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #leaders_in_logistics #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #43A1A0; transition: all ease-in-out .3s; } #leaders_in_logistics #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #47E5C1; box-shadow: none; } #leaders_in_logistics #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #43A1A0; } #leaders_in_logistics .fep-success, #leaders_in_logistics .fep-error, #leaders_in_logistics .fep-wp-error { background-color: #43A1A0; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #leaders_in_logistics .fep-wp-error, #leaders_in_logistics .fep-error { background-color: #47E5C1; } #leaders_in_logistics .fep-message { background-color: #F6F6F6; } #leaders_in_logistics .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #leaders_in_logistics .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #000000; } #leaders_in_logistics .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #000000; } #leaders_in_logistics .fep-per-message .fep-message-toggle-all { color: #43A1A0; margin-bottom: 5px; } #leaders_in_logistics .fep-per-message .fep-message-title, #leaders_in_logistics .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #leaders_in_logistics .fep-per-message .fep-message-title .author, #leaders_in_logistics .fep-per-message .fep-message-content .author { font-weight: 500; } #leaders_in_logistics .fep-per-message .fep-message-title .date, #leaders_in_logistics .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #leaders_in_logistics .fep-per-message .fep-message-title p, #leaders_in_logistics .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #leaders_in_logistics .fep-per-message .fep-message-title hr, #leaders_in_logistics .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #leaders_in_logistics #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #43A1A0; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #leaders_in_logistics #fep-notification-bar a { color: #fff; } #leaders_in_logistics .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #47E5C1 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #leaders_in_logistics .fep-custom-button:before { content: '◄ '; } #leaders_in_logistics .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #leaders_in_logistics .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #leaders_in_logistics .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #leaders_in_logistics .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #leaders_in_logistics .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #leaders_in_logistics .fep-search-inbox::placeholder { text-align: left; } } #future_of_utilities { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #future_of_utilities body, #future_of_utilities html { overflow-x: hidden; margin-top: 0 !important; } #future_of_utilities .hide { display: none; } #future_of_utilities .text-center { text-align: center; } #future_of_utilities style { display: none !important; } #future_of_utilities .et_pb_section { clear: both; } #future_of_utilities .single .post { padding: 0; margin: 0; } #future_of_utilities .img-bullet-point { position: absolute; top: 0; left: -40px; } #future_of_utilities #left-area { padding-bottom: 0 !important; } #future_of_utilities *::selection { background-color: #F2B715; } #future_of_utilities #et_search_icon:hover, #future_of_utilities .mobile_menu_bar:before, #future_of_utilities .mobile_menu_bar:after, #future_of_utilities .et-social-icon a:hover, #future_of_utilities .comment-reply-link, #future_of_utilities .form-submit .et_pb_button, #future_of_utilities .entry-summary p.price ins, #future_of_utilities .woocommerce div.product span.price, #future_of_utilities .woocommerce-page div.product span.price, #future_of_utilities .woocommerce #content div.product span.price, #future_of_utilities .woocommerce-page #content div.product span.price, #future_of_utilities .woocommerce div.product p.price, #future_of_utilities .woocommerce-page div.product p.price, #future_of_utilities .woocommerce #content div.product p.price, #future_of_utilities .woocommerce-page #content div.product p.price, #future_of_utilities .woocommerce .star-rating span:before, #future_of_utilities .woocommerce-page .star-rating span:before, #future_of_utilities .woocommerce a.button.alt, #future_of_utilities .woocommerce-page a.button.alt, #future_of_utilities .woocommerce button.button.alt, #future_of_utilities .woocommerce-page button.button.alt, #future_of_utilities .woocommerce input.button.alt, #future_of_utilities .woocommerce-page input.button.alt, #future_of_utilities .woocommerce #respond input#submit.alt, #future_of_utilities .woocommerce-page #respond input#submit.alt, #future_of_utilities .woocommerce #content input.button.alt, #future_of_utilities .woocommerce-page #content input.button.alt, #future_of_utilities .woocommerce a.button, #future_of_utilities .woocommerce-page a.button, #future_of_utilities .woocommerce button.button, #future_of_utilities .woocommerce-page button.button, #future_of_utilities .woocommerce input.button, #future_of_utilities .woocommerce-page input.button, #future_of_utilities .woocommerce #respond input#submit, #future_of_utilities .woocommerce-page #respond input#submit, #future_of_utilities .woocommerce #content input.button, #future_of_utilities .woocommerce-page #content input.button, #future_of_utilities .woocommerce a.button.alt:hover, #future_of_utilities .woocommerce-page a.button.alt:hover, #future_of_utilities .woocommerce button.button.alt:hover, #future_of_utilities .woocommerce-page button.button.alt:hover, #future_of_utilities .woocommerce input.button.alt:hover, #future_of_utilities .woocommerce-page input.button.alt:hover, #future_of_utilities .woocommerce #respond input#submit.alt:hover, #future_of_utilities .woocommerce-page #respond input#submit.alt:hover, #future_of_utilities .woocommerce #content input.button.alt:hover, #future_of_utilities .woocommerce-page #content input.button.alt:hover, #future_of_utilities .woocommerce a.button:hover, #future_of_utilities .woocommerce-page a.button:hover, #future_of_utilities .woocommerce button.button, #future_of_utilities .woocommerce-page button.button:hover, #future_of_utilities .woocommerce input.button:hover, #future_of_utilities .woocommerce-page input.button:hover, #future_of_utilities .woocommerce #respond input#submit:hover, #future_of_utilities .woocommerce-page #respond input#submit:hover, #future_of_utilities .woocommerce #content input.button:hover, #future_of_utilities .wp-pagenavi span.current, #future_of_utilities .wp-pagenavi a:hover, #future_of_utilities .et_password_protected_form .et_submit_button, #future_of_utilities .nav-single a, #future_of_utilities .posted_in a, #future_of_utilities #top-menu li.current-menu-ancestor > a, #future_of_utilities #top-menu li.current-menu-item > a, #future_of_utilities .bottom-nav li.current-menu-item > a, #future_of_utilities .footer-widget h4 { color: #F2B715; } #future_of_utilities .title-with-bottom-line, #future_of_utilities .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #future_of_utilities .title-with-bottom-line h3, #future_of_utilities .title-with-bottom-line > :last-child, #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #future_of_utilities .title-with-bottom-line h3, #future_of_utilities .title-with-bottom-line > :last-child, #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #future_of_utilities .title-with-bottom-line h3, #future_of_utilities .title-with-bottom-line > :last-child, #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #future_of_utilities .title-with-bottom-line h3, #future_of_utilities .title-with-bottom-line > :last-child, #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #future_of_utilities .title-with-bottom-line h3, #future_of_utilities .title-with-bottom-line > :last-child, #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #future_of_utilities .title-with-bottom-line:after, #future_of_utilities .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #F2B715; } @media (max-width: 400px) { #future_of_utilities .title-with-bottom-line:after, #future_of_utilities .title-with-bottom-line-grey:after { bottom: -5px; } } #future_of_utilities .title-with-bottom-line-grey h3, #future_of_utilities .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #future_of_utilities .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #future_of_utilities .secondary-title-with-bottom-line { margin-top: 0; } } #future_of_utilities .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #future_of_utilities .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #future_of_utilities .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #future_of_utilities .secondary-title-with-bottom-line:after { bottom: -5px; } } #future_of_utilities .et-search-form, #future_of_utilities .et_mobile_menu, #future_of_utilities .footer-widget li:before, #future_of_utilities .nav li ul, #future_of_utilities blockquote { border-color: #F2B715; } @media print { #future_of_utilities .single-product.print-view { visibility: hidden; } #future_of_utilities .single-product.print-view #agenda { visibility: visible; } @page { #future_of_utilities .single-product.print-view { margin: 20px 0; } } #future_of_utilities .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #future_of_utilities .single-product.print-view #top-header, #future_of_utilities .single-product.print-view #main-header, #future_of_utilities .single-product.print-view #main-footer, #future_of_utilities .single-product.print-view .et_pb_section_1, #future_of_utilities .single-product.print-view .et_pb_module:not(.mod-schedule), #future_of_utilities .single-product.print-view .schedule-controls, #future_of_utilities .single-product.print-view .footer-form, #future_of_utilities .single-product.print-view .day-tab, #future_of_utilities .single-product.print-view .stream-tabs, #future_of_utilities .single-product.print-view .explore-next-btn, #future_of_utilities .single-product.print-view .et_pb_scroll_top { display: none !important; } #future_of_utilities .single-product.print-view .et_pb_section, #future_of_utilities .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #future_of_utilities .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #future_of_utilities .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #003177 !important; break-after: avoid-page; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #future_of_utilities .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #future_of_utilities .col-6 { width: 49%; } #future_of_utilities .pull-left { float: left; } #future_of_utilities .pull-right { float: right; } #future_of_utilities .clear { clear: both; } #future_of_utilities .container { width: 100%; } #future_of_utilities .et-cart-info { display: none; } #future_of_utilities #top-header { background-color: #003177; } #future_of_utilities #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #future_of_utilities #main-header .container { padding-left: 20px; padding-right: 20px; } #future_of_utilities #logo { max-height: 64px; } @media (max-width: 1079px) { #future_of_utilities #logo { max-height: 40px; } } #future_of_utilities .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #future_of_utilities .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #future_of_utilities .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #future_of_utilities .et_header_style_left #logo, #future_of_utilities .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #future_of_utilities .et_header_style_left #et-top-navigation, #future_of_utilities .et_header_style_split #et-top-navigation, #future_of_utilities .et_header_style_left .et-fixed-header #et-top-navigation, #future_of_utilities .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #future_of_utilities .et_header_style_left #et-top-navigation nav > ul > li > a, #future_of_utilities .et_header_style_split #et-top-navigation nav > ul > li > a, #future_of_utilities .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #future_of_utilities .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #future_of_utilities .et_header_style_left #et-top-navigation, #future_of_utilities .et_header_style_split #et-top-navigation, #future_of_utilities .et_header_style_left .et-fixed-header #et-top-navigation, #future_of_utilities .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #future_of_utilities .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #future_of_utilities #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #future_of_utilities #top-menu li a { color: #000; font-weight: 400; } #future_of_utilities #top-menu li li { padding: 0; } #future_of_utilities #top-menu li li a:hover { background: none; color: #F2B715; opacity: 1; } #future_of_utilities #top-menu li li:hover a { color: #F2B715; opacity: 1; } @media (max-width: 1199px) { #future_of_utilities #top-menu li { padding-right: 35px; } } #future_of_utilities #top-menu-nav > ul > li > a:hover, #future_of_utilities #et-secondary-menu > ul > li > a:hover, #future_of_utilities #et-info-email:hover, #future_of_utilities .et-social-icons a:hover { color: #F2B715; opacity: 1; } #future_of_utilities #top-menu .menu-item-has-children > a:first-child:after, #future_of_utilities #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #future_of_utilities #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #future_of_utilities #et_top_search { right: 40px; top: 7px; } } #future_of_utilities #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #future_of_utilities #et_top_search { margin-left: 35px; } #future_of_utilities #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #future_of_utilities #et_top_search #et_search_icon:before { top: 7px; } } #future_of_utilities .nav li ul, #future_of_utilities .et_mobile_menu { border-top-color: #F2B715; } #future_of_utilities .et_mobile_menu { padding: 15px 0; } #future_of_utilities .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #future_of_utilities .et_mobile_menu li a:hover { background: none; color: #F2B715; } #future_of_utilities .et_mobile_menu li.current-menu-item a { color: #F2B715; } #future_of_utilities .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #future_of_utilities .et_mobile_menu li ul li { padding: 0; } #future_of_utilities .et_mobile_menu li ul li a { padding: 10px 20px; } #future_of_utilities .footer-form { padding: 0; background-color: #F2B715 !important; } #future_of_utilities .footer-form a { color: #fff; text-decoration: underline; } #future_of_utilities .footer-form .et_pb_text { margin-bottom: 0; } #future_of_utilities .footer-form .mod-sign-up p span { font-size: 10px; } #future_of_utilities #main-footer { background: #003177; clear: both; } #future_of_utilities #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #future_of_utilities #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #future_of_utilities #footer-widgets .footer-widget p { color: #fff; } #future_of_utilities #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #F2B715; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #future_of_utilities #footer-widgets .footer-widget li { margin: 0; padding: 0; } #future_of_utilities #footer-widgets .footer-widget li:before { display: none; } #future_of_utilities #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #future_of_utilities #footer-widgets .footer-widget li a:hover { color: #F2B715; } @media (max-width: 767px) { #future_of_utilities #footer-widgets { padding: 30px 0 0 0; } #future_of_utilities #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #future_of_utilities #footer-widgets .footer-widget li a { padding: 3px 0; } #future_of_utilities #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #future_of_utilities #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #future_of_utilities #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #future_of_utilities #footer-widgets { padding-bottom: 60px; } } #future_of_utilities #footer-info { float: none; color: #fff; font-size: 12px; } #future_of_utilities .et-social-icons { display: none; } #future_of_utilities #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #future_of_utilities .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #future_of_utilities .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #future_of_utilities .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #future_of_utilities body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #future_of_utilities body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #future_of_utilities body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #future_of_utilities body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #future_of_utilities body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #future_of_utilities .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #future_of_utilities .desktop-my-account { display: none; } } #future_of_utilities .mobile-my-account { display: none; } @media (max-width: 980px) { #future_of_utilities .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #future_of_utilities .account-page { padding: 0 20px; } } #future_of_utilities .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .container { padding-top: 30px; } } #future_of_utilities .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #future_of_utilities .account-page h1.main_title span { color: #F2B715; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #future_of_utilities .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #future_of_utilities .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #future_of_utilities .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #F2B715; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #F2B715; font-weight: 600; } } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #F2B715; cursor: pointer; } } #future_of_utilities .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #future_of_utilities .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #future_of_utilities .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #future_of_utilities .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #F2B715; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #future_of_utilities .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #future_of_utilities .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #future_of_utilities .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #future_of_utilities .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #F2B715; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #future_of_utilities .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #F2B715; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td a, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #F2B715; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #C61D20; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #F2B715; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #C61D20; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #future_of_utilities .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #003177; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #future_of_utilities .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #future_of_utilities .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #future_of_utilities .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #future_of_utilities .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #future_of_utilities .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #future_of_utilities .woocommerce-checkout #main-content .col-1, #future_of_utilities .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #F2B715; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-info:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #003177; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #future_of_utilities .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #future_of_utilities .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #future_of_utilities .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #future_of_utilities .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #future_of_utilities .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #future_of_utilities .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #future_of_utilities .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .form-row label { position: relative; } } #future_of_utilities .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #future_of_utilities .woocommerce-checkout #main-content .form-row select { height: 52px; } #future_of_utilities .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #future_of_utilities .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #future_of_utilities .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #future_of_utilities .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #future_of_utilities .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #future_of_utilities .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #future_of_utilities .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #future_of_utilities .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #future_of_utilities .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #future_of_utilities .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #future_of_utilities .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #future_of_utilities .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #future_of_utilities .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #future_of_utilities .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #F2B715; } #future_of_utilities .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #003177; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #future_of_utilities .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #003177; font-size: 19px; font-weight: 600; margin: 10px 0; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #C61D20; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #F2B715; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #future_of_utilities .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #future_of_utilities .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #future_of_utilities .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #F2B715; padding: 25px 20px; } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #F2B715; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #future_of_utilities .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #future_of_utilities .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #future_of_utilities .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #future_of_utilities .webinar-thank-you .btn { color: #fff; background: #C61D20; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #future_of_utilities .webinar-thank-you .btn:hover { background: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce form.login { max-width: none; } } #future_of_utilities .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #future_of_utilities .woocommerce form.login .form-row { margin: 0 0 20px; } } #future_of_utilities .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #future_of_utilities .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #F2B715; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #future_of_utilities .woocommerce form.login .form-row input[type="submit"]:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities .woocommerce form.login .lost_password a { color: #F2B715; } #future_of_utilities .woocommerce-account .woocommerce form.login { max-width: 400px; } #future_of_utilities .search-bar { position: relative; margin: 30px 20px 0; } #future_of_utilities .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #future_of_utilities .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #F2B715; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #future_of_utilities .search-bar .btn-search:hover { background-color: #003177; } #future_of_utilities .btn-search-more { background-color: #F2B715; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #future_of_utilities .entry-container { padding: 0 0 80px; } #future_of_utilities .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #future_of_utilities .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #future_of_utilities .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #future_of_utilities .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #future_of_utilities .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #future_of_utilities .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #future_of_utilities .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #003177; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #future_of_utilities .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #F2B715; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #future_of_utilities .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #003177; content: "\e108"; color: #C61D20; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #C61D20; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #003177; background-color: #C61D20; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-text h3 { color: #003177; font-size: 22px; line-height: 130%; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #future_of_utilities .entry-grid.view-grid .single-entry .entry-button { display: none; } #future_of_utilities .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #future_of_utilities .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #future_of_utilities .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #003177; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #003177; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #C61D20; } #future_of_utilities .entry-grid.view-list .single-entry .feat-image { display: none; } #future_of_utilities .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #future_of_utilities .entry-grid.view-list .single-entry .entry-text h3 { color: #003177; font-size: 22px; } #future_of_utilities .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #future_of_utilities .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #future_of_utilities .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid.view-list .single-entry .entry-button { float: left; } } #future_of_utilities .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #F2B715; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #future_of_utilities .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid-controls { padding: 0 15px 20px; } } #future_of_utilities .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #future_of_utilities .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #future_of_utilities .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #future_of_utilities .entry-grid-controls .filters .filter-btn.active { border: 2px solid #003177; transition: all ease-in-out .3s; } #future_of_utilities .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #future_of_utilities .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #003177; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #future_of_utilities .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #future_of_utilities .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #future_of_utilities .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #future_of_utilities .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #future_of_utilities .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #future_of_utilities .entry-load-more { text-align: center; } #future_of_utilities .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #F2B715; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #future_of_utilities .entry-load-more .load-more-btn:hover { background-color: #F2B715; transition: background 0.3s ease-in-out; } #future_of_utilities .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #future_of_utilities .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #future_of_utilities .entry-topic { padding: 20px; } } #future_of_utilities .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #future_of_utilities .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #future_of_utilities .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #future_of_utilities .entry-topic .text { width: 100%; padding: 0; } } #future_of_utilities .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #future_of_utilities .entry-topic .text h3 { font-size: 26px; } } #future_of_utilities .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #future_of_utilities .entry-topic .text .inner-text { max-height: none; } } #future_of_utilities .entry-topic .text .inner-text h4 { padding: 0; color: #C61D20; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #future_of_utilities .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #future_of_utilities .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #future_of_utilities .entry-topic .text ul li { display: inline-block; } #future_of_utilities .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #future_of_utilities .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-webinars:after, #future_of_utilities .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #future_of_utilities .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #future_of_utilities .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #C61D20; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #future_of_utilities .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #future_of_utilities .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #future_of_utilities .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #future_of_utilities .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #future_of_utilities .entry-topic:hover .btn { bottom: inherit; } } #future_of_utilities .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #003177; opacity: .8; z-index: 1; } #future_of_utilities .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #future_of_utilities .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #future_of_utilities .modal .modal-content .modal-body { position: relative; } #future_of_utilities .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #future_of_utilities .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #future_of_utilities .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #future_of_utilities #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #future_of_utilities #brochureModal .copy { text-align: center; width: 100%; clear: both; } #future_of_utilities #brochureModal .copy h2 { margin-bottom: 30px; } #future_of_utilities #brochureModal .copy p { font-size: 11px; } #future_of_utilities #brochureModal .copy a { color: #F2B715; } #future_of_utilities #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #future_of_utilities #brochureModal .form-design-field { width: 100%; margin: 0; } } #future_of_utilities #brochureModal label { display: none; } #future_of_utilities #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #future_of_utilities #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #F2B715; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #future_of_utilities #brochureModal input[type=submit] { margin-top: 30px; } } #future_of_utilities #brochureModal input[type=submit]:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #future_of_utilities #reportModal .copy { text-align: center; width: 100%; clear: both; } #future_of_utilities #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #future_of_utilities #reportModal .copy p { font-size: 11px; } #future_of_utilities #reportModal .copy a { color: #F2B715; } #future_of_utilities #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #future_of_utilities #reportModal .form-design-field { width: 100%; margin: 0; } } #future_of_utilities #reportModal label { display: none; } #future_of_utilities #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #future_of_utilities #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #F2B715; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #future_of_utilities #reportModal input[type=submit] { margin-top: 30px; } } #future_of_utilities #reportModal input[type=submit]:hover { background: #F2B715; transition: all ease-in .2s; } #future_of_utilities .details-modal-popup { cursor: pointer; } #future_of_utilities #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #future_of_utilities #detailsModal .modal-content img { margin-bottom: 20px; } #future_of_utilities #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #003177; } #future_of_utilities #detailsModal .modal-content a { color: #F2B715; } #future_of_utilities #detailsModal .modal-content .col-1, #future_of_utilities #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #future_of_utilities #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #future_of_utilities #detailsModal .modal-content { padding: 20px 10px; } #future_of_utilities #detailsModal .modal-content h3 { padding-left: 0; } #future_of_utilities #detailsModal .modal-content .col-1, #future_of_utilities #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #future_of_utilities .mod-speakers, #future_of_utilities .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #future_of_utilities .mod-speakers h2, #future_of_utilities .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-speakers, #future_of_utilities .mod-advisory-board { padding: 0; } } #future_of_utilities .mod-speakers:after, #future_of_utilities .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #future_of_utilities .mod-speakers .single-speaker-grid, #future_of_utilities .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #future_of_utilities .mod-speakers .single-speaker-grid:nth-child(4n + 1), #future_of_utilities .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers .single-speaker-grid, #future_of_utilities .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #future_of_utilities .mod-speakers .single-speaker-grid, #future_of_utilities .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #future_of_utilities .mod-speakers .single-speaker-grid:nth-child(4n + 1), #future_of_utilities .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #future_of_utilities .mod-speakers .single-speaker-grid:nth-child(3n + 1), #future_of_utilities .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #future_of_utilities .mod-speakers .single-speaker-grid, #future_of_utilities .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #future_of_utilities .mod-speakers .single-speaker-grid:nth-child(3n + 1), #future_of_utilities .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #future_of_utilities .mod-speakers .single-speaker-grid:nth-child(2n + 1), #future_of_utilities .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #future_of_utilities .mod-speakers .single-speaker-img, #future_of_utilities .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #future_of_utilities .mod-speakers .single-speaker-img img, #future_of_utilities .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #future_of_utilities .mod-speakers .single-speaker-img, #future_of_utilities .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #future_of_utilities .mod-speakers .company-logo, #future_of_utilities .mod-advisory-board .company-logo { margin: 0; } #future_of_utilities .mod-speakers .company-logo img, #future_of_utilities .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #future_of_utilities .mod-speakers .company-logo, #future_of_utilities .mod-advisory-board .company-logo { margin-bottom: 5px; } } #future_of_utilities .mod-speakers .single-speaker-list, #future_of_utilities .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-img, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-img, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-text, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-text, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-text h3, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-text h4, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #future_of_utilities .mod-speakers .single-speaker-list .single-speaker-text p, #future_of_utilities .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #future_of_utilities .mod-speakers h3, #future_of_utilities .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers h3, #future_of_utilities .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #future_of_utilities .mod-speakers h3, #future_of_utilities .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #future_of_utilities .mod-speakers h3, #future_of_utilities .mod-advisory-board h3 { font-size: 14px; } } #future_of_utilities .mod-speakers h4, #future_of_utilities .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #future_of_utilities .mod-speakers h4, #future_of_utilities .mod-advisory-board h4 { font-size: 13px; } } #future_of_utilities .mod-speakers .btn-wrapper, #future_of_utilities .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #future_of_utilities .mod-speakers .load-speakers, #future_of_utilities .mod-speakers .load-advisory-board, #future_of_utilities .mod-advisory-board .load-speakers, #future_of_utilities .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #F2B715; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #future_of_utilities .mod-speakers .load-speakers:hover, #future_of_utilities .mod-speakers .load-advisory-board:hover, #future_of_utilities .mod-advisory-board .load-speakers:hover, #future_of_utilities .mod-advisory-board .load-advisory-board:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers .load-speakers, #future_of_utilities .mod-speakers .load-advisory-board, #future_of_utilities .mod-advisory-board .load-speakers, #future_of_utilities .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #future_of_utilities .mod-speakers .loading-spinner, #future_of_utilities .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #future_of_utilities .mod-speakers .loading-spinner .load, #future_of_utilities .mod-speakers .loading-spinner .load:after, #future_of_utilities .mod-advisory-board .loading-spinner .load, #future_of_utilities .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #future_of_utilities .mod-speakers .loading-spinner .load, #future_of_utilities .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #F2B715; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #future_of_utilities .mod-speakers:before, #future_of_utilities .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #future_of_utilities .mod-speakers.loading:before, #future_of_utilities .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #future_of_utilities .mod-speakers.loading .loading-spinner, #future_of_utilities .mod-advisory-board.loading .loading-spinner { display: block; } #future_of_utilities .people-fullwidth { width: 100% !important; } #future_of_utilities #speakers { position: relative; z-index: 99; } #future_of_utilities .mod-speakers-global { margin: 0; width: 100%; position: relative; } #future_of_utilities .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-speakers-global { padding: 0; } } #future_of_utilities .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #future_of_utilities .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #future_of_utilities .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #future_of_utilities .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #future_of_utilities .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #future_of_utilities .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #future_of_utilities .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #future_of_utilities .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #future_of_utilities .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #future_of_utilities .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-container { z-index: 1; } } #future_of_utilities .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #future_of_utilities .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #future_of_utilities .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #future_of_utilities .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #future_of_utilities .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #future_of_utilities .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #future_of_utilities .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #future_of_utilities .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #future_of_utilities .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #future_of_utilities .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #future_of_utilities .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .single-speaker-img { overflow: initial; } } #future_of_utilities .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #future_of_utilities .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #future_of_utilities .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #future_of_utilities .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #future_of_utilities .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #future_of_utilities .mod-speakers-global .company-logo { margin: 0; } #future_of_utilities .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #future_of_utilities .mod-speakers-global .company-logo { margin-bottom: 5px; } } #future_of_utilities .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .single-speaker-details { transition: none; } } #future_of_utilities .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #future_of_utilities .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .details-active-right { left: 0 !important; } } #future_of_utilities .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .details-active-left { left: 0 !important; } } #future_of_utilities .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .close-detail-label { display: none; } } #future_of_utilities .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #future_of_utilities .mod-speakers-global .speaker-mb-img img { width: 100%; } #future_of_utilities .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #future_of_utilities .mod-speakers-global .speaker-extra-details { padding: 24px; } } #future_of_utilities .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #future_of_utilities .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #future_of_utilities .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #future_of_utilities .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #future_of_utilities .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #future_of_utilities .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #future_of_utilities .mod-speakers-global h3 { font-size: 14px; } } #future_of_utilities .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #future_of_utilities .mod-speakers-global h4 { font-size: 13px; } } #future_of_utilities .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #future_of_utilities .mod-speakers-global .load-speakers, #future_of_utilities .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #F2B715; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #future_of_utilities .mod-speakers-global .load-speakers:hover, #future_of_utilities .mod-speakers-global .load-advisory-board:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .mod-speakers-global .load-speakers, #future_of_utilities .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #future_of_utilities .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #future_of_utilities .mod-speakers-global .loading-spinner .load, #future_of_utilities .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #future_of_utilities .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #F2B715; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #future_of_utilities .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #future_of_utilities .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #future_of_utilities .mod-speakers-global.loading .loading-spinner { display: block; } #future_of_utilities .hide-scroll-top { opacity: 0; } #future_of_utilities .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-sponsors { padding: 0; } } #future_of_utilities .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #future_of_utilities .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sponsors .tooltip { display: block; } } #future_of_utilities .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #future_of_utilities .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #future_of_utilities .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #future_of_utilities .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #future_of_utilities .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #F2B715; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #future_of_utilities .mod-sponsors .sponsor-btn:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #future_of_utilities .mod-attending { padding: 0 30px; text-align: center; } #future_of_utilities .mod-attending .attendees-slider { max-height: 350px; } #future_of_utilities .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-attending .attendees-slider .attendee { width: 50%; } } #future_of_utilities .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #future_of_utilities .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #future_of_utilities .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #future_of_utilities .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #future_of_utilities .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #future_of_utilities .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #F2B715; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-attending { padding: 0; } } #future_of_utilities .mod-attending h2 { text-align: center; padding: 0 0 60px; } #future_of_utilities .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #F2B715; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #future_of_utilities .mod-attending .attendee-btn:hover { background: #F2B715; } #future_of_utilities .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #future_of_utilities .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #future_of_utilities .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #future_of_utilities .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .schedule-controls { padding: 0; } } #future_of_utilities .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #future_of_utilities .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #future_of_utilities .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #C61D20; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .schedule-controls .selected-category { width: 100%; } } #future_of_utilities .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #future_of_utilities .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #future_of_utilities .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #future_of_utilities .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #003177; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #future_of_utilities .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #003177; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #future_of_utilities .mod-schedule .schedule-controls .expand, #future_of_utilities .mod-schedule .schedule-controls .collapse, #future_of_utilities .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #C61D20; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #future_of_utilities .mod-schedule .schedule-controls .expand span, #future_of_utilities .mod-schedule .schedule-controls .collapse span, #future_of_utilities .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #future_of_utilities .mod-schedule .schedule-controls .expand.active, #future_of_utilities .mod-schedule .schedule-controls .collapse.active, #future_of_utilities .mod-schedule .schedule-controls .print-btn.active { display: block; } #future_of_utilities .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #003177; } #future_of_utilities .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-tab .d-day-dates { display: initial; } #future_of_utilities .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #future_of_utilities .mod-schedule .day-tab .d-day-dates { display: none; } #future_of_utilities .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #future_of_utilities .mod-schedule .day-tab .d-day-dates { display: none; } #future_of_utilities .mod-schedule .day-tab .m-day-dates { display: initial; } } #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #future_of_utilities .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #future_of_utilities .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #future_of_utilities .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #future_of_utilities .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #future_of_utilities .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #future_of_utilities .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #future_of_utilities .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #future_of_utilities .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #future_of_utilities .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #future_of_utilities .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-tab:first-child { margin-left: 0; } #future_of_utilities .mod-schedule .day-tab:last-child { margin-right: 0; } } #future_of_utilities .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-tab h3 { font-size: 18px; } } #future_of_utilities .mod-schedule .day-tab.active { border-bottom: 2px solid #C61D20; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-tab.active h3 { color: #C61D20; } #future_of_utilities .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main { width: 100%; } } #future_of_utilities .mod-schedule .day-main.active { display: block; } #future_of_utilities .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #F2B715; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #future_of_utilities .mod-schedule .day-main .explore-next-btn a { color: #fff; } #future_of_utilities .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #future_of_utilities .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #future_of_utilities .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #003177; text-transform: uppercase; font-size: 18px; font-weight: bold; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #C61D20; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #future_of_utilities .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #future_of_utilities .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #future_of_utilities .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #003177; font-weight: bold; font-size: 14px; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #C61D20; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #003177; transform: rotate(45deg); transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #003177; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #future_of_utilities .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #future_of_utilities .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #003177; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #future_of_utilities .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #C61D20; padding-bottom: 0px; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-title { background: #003177; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #003177; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-sessions, #future_of_utilities .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #003177; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #003177; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #003177; } @media only screen and (max-width: 1200px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #C61D20; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description p, #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #003177; font-size: 14px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #C61D20; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #003177; font-size: 13px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #003177; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #C61D20; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #003177; } #future_of_utilities .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #C61D20; } #future_of_utilities .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #future_of_utilities .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #future_of_utilities .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #future_of_utilities .mod-webinar .modal .modal-body { padding: 0; } #future_of_utilities .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #future_of_utilities .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #future_of_utilities .mod-webinar .modal .chat { float: left; width: 400px; } #future_of_utilities .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #future_of_utilities .mod-tickets { float: left; width: 100%; } #future_of_utilities .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #future_of_utilities .mod-tickets .tickets { width: 100%; } } #future_of_utilities .mod-tickets .tickets .ticket { float: left; border: 3px solid #003177; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #future_of_utilities .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #future_of_utilities .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-title { background: #003177; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #C61D20; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #C61D20; background: none; padding: 8px 10px 0 10px; width: 35%; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #future_of_utilities .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #future_of_utilities .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #future_of_utilities .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #F2B715; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #F2B715; padding-top: 8px; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #F2B715; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #future_of_utilities .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #future_of_utilities .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #future_of_utilities .mod-tickets .ticket-order { width: 100%; } } #future_of_utilities .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #future_of_utilities .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #F2B715; } #future_of_utilities .mod-tickets .ticket-order .cart p { text-align: left; } #future_of_utilities .mod-tickets .ticket-order .cart h3 { background: #F2B715; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #future_of_utilities .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #future_of_utilities .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #future_of_utilities .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #future_of_utilities .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #F2B715; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #future_of_utilities .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #future_of_utilities .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #future_of_utilities .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #future_of_utilities .mod-tickets .loading-spinner .load, #future_of_utilities .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #future_of_utilities .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #F2B715; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #future_of_utilities .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #future_of_utilities .mod-tickets.loading { pointer-events: none; } #future_of_utilities .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #future_of_utilities .mod-tickets.loading .loading-spinner { display: block; } #future_of_utilities #insurerConfirmModal .modal-content { border: 3px solid #F2B715; box-shadow: none; padding: 20px; max-width: 500px; } #future_of_utilities #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #future_of_utilities #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #future_of_utilities #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #future_of_utilities #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #future_of_utilities #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #future_of_utilities #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #future_of_utilities #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #F2B715; } #future_of_utilities #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #003177; } #future_of_utilities #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #future_of_utilities .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #future_of_utilities .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #future_of_utilities .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #future_of_utilities .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #future_of_utilities .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #003177; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #future_of_utilities .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #future_of_utilities .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #future_of_utilities .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #future_of_utilities .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #future_of_utilities .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #future_of_utilities .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #future_of_utilities .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #003177; opacity: 0.85; transition: all 0.3s linear; } #future_of_utilities .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #future_of_utilities .mod-related-content .related-article .event-img:hover:after { top: 0; } #future_of_utilities .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #future_of_utilities .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #future_of_utilities .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #future_of_utilities .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #future_of_utilities .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #future_of_utilities .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #future_of_utilities .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #future_of_utilities .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #future_of_utilities .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #future_of_utilities .mod-map-marker .et_pb_row { position: relative; height: 100%; } #future_of_utilities .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-map-marker .marker { padding: 20px 20px 0; } } #future_of_utilities .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #future_of_utilities .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #future_of_utilities .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #F2B715; font-size: 14px; letter-spacing: 1px; color: #F2B715; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #future_of_utilities .mod-map-marker .marker a:hover { border: 2px solid #F2B715; transition: all ease-in .2s; } #future_of_utilities .et_pb_map { height: 600px; } #future_of_utilities .contact-map .et_pb_map { height: 300px; } #future_of_utilities .gmnoprint { display: none; } #future_of_utilities .mod-sign-up { width: 100%; margin: 0; background: #F2B715; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sign-up { width: 100%; margin: 0; } } #future_of_utilities .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #003177; } #future_of_utilities .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #future_of_utilities .mod-sign-up .elq-form { float: left; width: 100%; } #future_of_utilities .mod-sign-up .elq-form label { display: none; } #future_of_utilities .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sign-up .elq-form .form-design-field { width: 100%; } } #future_of_utilities .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #future_of_utilities .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #future_of_utilities .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #future_of_utilities .mod-sponsorship-form label { display: none; } #future_of_utilities .mod-sponsorship-form .col-1, #future_of_utilities .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #future_of_utilities .mod-sponsorship-form .col-1, #future_of_utilities .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #future_of_utilities .mod-sponsorship-form .col-2 { float: right; } #future_of_utilities .mod-sponsorship-form input:not([type=submit]), #future_of_utilities .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #future_of_utilities .mod-sponsorship-form textarea { min-height: 160px; } #future_of_utilities .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #future_of_utilities .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #future_of_utilities .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #003177; color: #003177; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #future_of_utilities .mod-homepage-index .index-entry-filters li:hover { background-color: #003177; transition: all ease-in-out .3s; } #future_of_utilities .mod-homepage-index .index-entry-filters li.active { background-color: #003177; color: #fff; transition: all ease-in-out .3s; } #future_of_utilities .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #future_of_utilities .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #future_of_utilities .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #future_of_utilities .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #future_of_utilities .mod-homepage-index .index-entry.active { display: block; } #future_of_utilities .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #future_of_utilities .masonry-grid .grid-item img { width: 100%; height: auto; } #future_of_utilities.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #future_of_utilities.et-fb .et_pb_masonry_grid > div { display: none; } #future_of_utilities.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #future_of_utilities #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #future_of_utilities #event-menu .fullwidth-menu { padding-top: 15px !important; } #future_of_utilities #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #future_of_utilities .admin-bar #event-menu { top: 62px; } #future_of_utilities .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #future_of_utilities .homepage-event-section .divider-strip { position: relative; } #future_of_utilities .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #C61D20; margin-top: 30px; } #future_of_utilities .homepage-events-preview { margin-top: 80px; } #future_of_utilities .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #future_of_utilities .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #future_of_utilities .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #future_of_utilities .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #003177; opacity: 0.85; transition: all 0.3s linear; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #F2B715; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #003177; opacity: 0.95; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #future_of_utilities .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #future_of_utilities .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #future_of_utilities .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #future_of_utilities .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #future_of_utilities .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #future_of_utilities .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #future_of_utilities .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #future_of_utilities .homepage-events-preview:after { display: none; } #future_of_utilities .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #future_of_utilities .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #future_of_utilities .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #future_of_utilities .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #future_of_utilities .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #future_of_utilities .topic-header { position: relative; background-position: center; background-size: cover; } #future_of_utilities .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #003177; opacity: 0.95; } #future_of_utilities .topic-header * { position: relative; z-index: 1; } #future_of_utilities .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #future_of_utilities .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #003177; opacity: 0.95; } #future_of_utilities .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #future_of_utilities .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #future_of_utilities .featured-event { padding-right: 20px; } } #future_of_utilities .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #C61D20; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #future_of_utilities .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #future_of_utilities .featured-event .close:hover { color: #F2B715; } #future_of_utilities .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #C61D20; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #future_of_utilities .featured-event .dates-of-event strong { display: block; font-weight: 800; } #future_of_utilities .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #C61D20; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #future_of_utilities .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #future_of_utilities .featured-event .dates-of-event { top: 45%; } } #future_of_utilities .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #future_of_utilities .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #future_of_utilities .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #future_of_utilities .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #future_of_utilities .featured-event .col-6 > img { max-height: 130px; } } #future_of_utilities .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #future_of_utilities .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #future_of_utilities .featured-event .col-6.right { padding-right: 0; } } #future_of_utilities .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #future_of_utilities .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #future_of_utilities .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #future_of_utilities .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #future_of_utilities .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #future_of_utilities .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #C61D20; display: block; line-height: 120%; } @media (max-width: 699px) { #future_of_utilities .featured-event .col-6 .countdown-to-event span { width: 50px; } #future_of_utilities .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #future_of_utilities .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #future_of_utilities .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #future_of_utilities .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #future_of_utilities .featured-event .col-6 .event-type.event { color: #C61D20; } #future_of_utilities .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #future_of_utilities .featured-event .col-6 .event-type.article { color: #366893; } #future_of_utilities .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #future_of_utilities .featured-event .col-6 .event-type.webinar { color: #F2B715; } #future_of_utilities .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #future_of_utilities .featured-event .col-6 .event-type.course { color: #8A9299; } #future_of_utilities .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #future_of_utilities .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #future_of_utilities .featured-event .col-6 h2 { padding-right: 40px; } } #future_of_utilities .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #C61D20; display: block; line-height: 150%; margin: 0 0 20px 0; } #future_of_utilities .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #future_of_utilities .featured-event .col-6 .white-btn, #future_of_utilities .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #future_of_utilities .featured-event .col-6 .white-btn:hover, #future_of_utilities .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #future_of_utilities .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #future_of_utilities .featured-event .col-6 .colored-btn { background: #C61D20; border-color: #C61D20; margin-right: 0; } #future_of_utilities .events-filter { margin: 50px 0 20px 0; } #future_of_utilities .events-filter ul { float: left; } #future_of_utilities .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #future_of_utilities .events-filter ul li p { font-size: 16px; } #future_of_utilities .events-filter ul li.active p { color: green; } #future_of_utilities .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #future_of_utilities .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #future_of_utilities .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #future_of_utilities .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #future_of_utilities .events-filter > span.icon_grid-2x2 { color: #003177; } #future_of_utilities .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #future_of_utilities .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #future_of_utilities .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #future_of_utilities .events-filter > span:hover, #future_of_utilities .events-filter > span.icon-active { color: #F2B715; } @media (max-width: 767px) { #future_of_utilities .events-filter > span.icon_grid-2x2, #future_of_utilities .events-filter > span.icon_menu { display: none; } } #future_of_utilities .inner-events-boxes { font-size: 0; } #future_of_utilities .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #future_of_utilities .inner-events-boxes .event-box.active { display: inline-block; } #future_of_utilities .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #future_of_utilities .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #future_of_utilities .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #003177; opacity: 0.9; } #future_of_utilities .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #future_of_utilities .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #future_of_utilities .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #future_of_utilities .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #future_of_utilities .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #future_of_utilities .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #future_of_utilities .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.event { color: #C61D20; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.webinar { color: #F2B715; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #future_of_utilities .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #future_of_utilities .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #F2B715; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #future_of_utilities .inner-events-boxes .event-box > div .event-btn:hover { background: #F2B715; } #future_of_utilities .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div:hover p, #future_of_utilities .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #future_of_utilities .inner-events-boxes .event-box > div h3 { font-size: 20px; } #future_of_utilities .inner-events-boxes .event-box > div p, #future_of_utilities .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #future_of_utilities .inner-events-boxes .event-box.col-4 { width: 48%; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #future_of_utilities .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #future_of_utilities .inner-events-boxes .event-box.col-4 > div { height: auto; } } #future_of_utilities div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #future_of_utilities div.inner-event-header .et_pb_row { z-index: 2; } #future_of_utilities div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #003177; z-index: 1; pointer-events: none; opacity: 0.8; } #future_of_utilities div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #C61D20 35px, transparent 35px); background: -moz-linear-gradient(right, #C61D20 35px, transparent 35px); background: -o-linear-gradient(right, #C61D20 35px, transparent 35px); background: -webkit-linear-gradient(left, #C61D20 35px, transparent 35px); pointer-events: none; } #future_of_utilities div.inner-event-header img, #future_of_utilities div.inner-event-header h1, #future_of_utilities div.inner-event-header h2, #future_of_utilities div.inner-event-header h3, #future_of_utilities div.inner-event-header h4, #future_of_utilities div.inner-event-header h5, #future_of_utilities div.inner-event-header h6, #future_of_utilities div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #future_of_utilities div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #future_of_utilities div.inner-event-header a:hover { background: #8A9299; } #future_of_utilities div.inner-event-header a.colored-btn { background: #F2B715; border-color: #F2B715; } #future_of_utilities div.inner-event-header a.colored-btn:hover { background: #F2B715; border-color: #F2B715; } @media (max-width: 1199px) { #future_of_utilities div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #future_of_utilities div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #future_of_utilities div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #future_of_utilities div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #future_of_utilities div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #future_of_utilities div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #future_of_utilities div.inner-event-header img { padding: 20px 20px 5px 20px; } #future_of_utilities div.inner-event-header h1 { padding: 0; } #future_of_utilities div.inner-event-header a { margin: 0 0 10px 0; } } #future_of_utilities .event-icons div { display: inline-block; } #future_of_utilities .event-icons div > strong { display: block; } @media (max-width: 599px) { #future_of_utilities .event-icons div img { max-width: 50px; max-height: 50px; } #future_of_utilities .event-icons div > strong { font-size: 30px !important; } #future_of_utilities .event-icons div > span { font-size: 16px !important; } } #future_of_utilities .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #future_of_utilities .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #future_of_utilities .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #future_of_utilities .et_pb_number_counter .percent { height: auto; } } #future_of_utilities .et_pb_widget { width: 100%; } #future_of_utilities .et_pb_widget .field-wrapper label { display: none; } #future_of_utilities .et_pb_widget .field-wrapper input, #future_of_utilities .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #future_of_utilities .et_pb_widget .field-wrapper input[type=submit], #future_of_utilities .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #F2B715; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #future_of_utilities .et_pb_widget .field-wrapper input[type=submit]:hover, #future_of_utilities .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #F2B715; } @media (max-width: 1199px) { #future_of_utilities .et_pb_widget .field-wrapper input[type=submit], #future_of_utilities .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #future_of_utilities .et_pb_widget .field-wrapper input:focus, #future_of_utilities .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #future_of_utilities .et_pb_widget .field-wrapper input, #future_of_utilities .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #future_of_utilities .sponsorship-header { background-position: center; background-size: cover; } #future_of_utilities .sponsorship-header .et_pb_row { z-index: 2; } #future_of_utilities .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #003177; z-index: 1; pointer-events: none; opacity: 0.8; } #future_of_utilities .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #future_of_utilities .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #future_of_utilities .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #future_of_utilities .sponsorship-testimonials { float: left; width: 100%; } #future_of_utilities .testimonials { position: relative; } #future_of_utilities .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #C61D20; } @media only screen and (max-width: 900px) { #future_of_utilities .testimonials .et_pb_column_2:after { display: none; } } #future_of_utilities .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #C61D20; } @media only screen and (max-width: 900px) { #future_of_utilities .testimonials .et_pb_column_3:after { display: none; } } #future_of_utilities .header-message { text-align: center; background-color: #F2B715; position: relative; z-index: 1; } #future_of_utilities .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #future_of_utilities .header-message a { color: #fff; text-decoration: underline; } #future_of_utilities #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #003177; } #future_of_utilities #catapult-cookie-bar .ctcc-left-side { color: #fff; } #future_of_utilities #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #future_of_utilities #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #C61D20; color: #fff; } #future_of_utilities .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #003177; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #future_of_utilities .page-header { padding: 60px 0 40px; } } #future_of_utilities .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #003177; opacity: 0.8; } @supports (background-blend-mode: multiply) { #future_of_utilities .page-header:after { opacity: 0.2; } } #future_of_utilities .page-header .container { position: relative; z-index: 2; } #future_of_utilities .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #future_of_utilities .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #future_of_utilities .page-header .container h1 { font-size: 35px; } } #future_of_utilities .background-overlay { position: relative; background-color: #003177; background-blend-mode: multiply; } #future_of_utilities .background-overlay .et_parallax_bg { background-color: #003177; background-blend-mode: multiply; } #future_of_utilities .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #003177; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #future_of_utilities .background-overlay:after { opacity: 0.2; } } #future_of_utilities .background-overlay .et_pb_row { position: relative; z-index: 10; } #future_of_utilities .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #future_of_utilities .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #future_of_utilities .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #future_of_utilities .topic-feat-event .container { padding: 0; } #future_of_utilities .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #future_of_utilities .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #future_of_utilities .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #future_of_utilities .feat-event-inner { padding: 50px 20px 20px; } } #future_of_utilities .feat-event-inner .featured { color: #C61D20; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #future_of_utilities .feat-event-inner .featured span { color: #C61D20; } #future_of_utilities .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #future_of_utilities .feat-event-inner .entry-date { position: absolute; background: #C61D20; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #future_of_utilities .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #future_of_utilities .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #future_of_utilities .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #future_of_utilities .feat-event-inner .col-1, #future_of_utilities .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #future_of_utilities .feat-event-inner .col-1, #future_of_utilities .feat-event-inner .col-2 { width: 100%; float: none; } } #future_of_utilities .feat-event-inner .col-1 img { max-width: 75%; } #future_of_utilities .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #future_of_utilities .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #future_of_utilities .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #future_of_utilities .feat-event-inner .col-1 .btn { width: 100%; } } #future_of_utilities .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #future_of_utilities .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #future_of_utilities .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #C61D20; background-color: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #C61D20; background-color: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #future_of_utilities .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #future_of_utilities .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #future_of_utilities .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #future_of_utilities .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #future_of_utilities .feat-event-inner .col-2 { display: none; } } #future_of_utilities .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #future_of_utilities .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #future_of_utilities .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #future_of_utilities .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #future_of_utilities .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #future_of_utilities .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #003177; opacity: .7; z-index: 1; } #future_of_utilities .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #future_of_utilities .topic-grid:after { content: ''; background-color: #C61D20; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #future_of_utilities .topic-grid:after { display: none; } } #future_of_utilities .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #future_of_utilities .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #future_of_utilities .related-articles .other-related { float: left; width: 100%; } #future_of_utilities .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #future_of_utilities .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #future_of_utilities body.woocommerce .woocommerce-tabs { margin: 0; } #future_of_utilities body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #future_of_utilities body.woocommerce .woocommerce-message { background: #F2B715 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #future_of_utilities body.woocommerce .woocommerce-error { background-color: #C61D20; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #future_of_utilities body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #future_of_utilities body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #future_of_utilities #fep-wrapper { margin: 0; } #future_of_utilities #fep-wrapper #fep-header, #future_of_utilities #fep-wrapper #fep-footer { display: none; } #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #future_of_utilities #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #future_of_utilities #fep-wrapper #fep-menu .fep-button, #future_of_utilities #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #F2B715; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-menu .fep-button:hover, #future_of_utilities #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #F2B715; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-menu .fep-button .fep-font-red, #future_of_utilities #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #future_of_utilities #fep-wrapper #fep-menu .fep-button-active { background-color: #F2B715; } #future_of_utilities #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #future_of_utilities #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #future_of_utilities #fep-wrapper #fep-content > h2 { padding: 10px; color: #003177; font-weight: bold; } #future_of_utilities #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table { margin: 0; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #F2B715; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #C61D20; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #F2B715; display: inline-block; margin: 20px 0; font-size: 16px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #C61D20; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #C61D20; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #F2B715; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #future_of_utilities #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #F2B715; transition: all ease-in-out .3s; } #future_of_utilities #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #C61D20; box-shadow: none; } #future_of_utilities #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #F2B715; } #future_of_utilities .fep-success, #future_of_utilities .fep-error, #future_of_utilities .fep-wp-error { background-color: #F2B715; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #future_of_utilities .fep-wp-error, #future_of_utilities .fep-error { background-color: #C61D20; } #future_of_utilities .fep-message { background-color: #F6F6F6; } #future_of_utilities .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #future_of_utilities .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #003177; } #future_of_utilities .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #003177; } #future_of_utilities .fep-per-message .fep-message-toggle-all { color: #F2B715; margin-bottom: 5px; } #future_of_utilities .fep-per-message .fep-message-title, #future_of_utilities .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #future_of_utilities .fep-per-message .fep-message-title .author, #future_of_utilities .fep-per-message .fep-message-content .author { font-weight: 500; } #future_of_utilities .fep-per-message .fep-message-title .date, #future_of_utilities .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #future_of_utilities .fep-per-message .fep-message-title p, #future_of_utilities .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #future_of_utilities .fep-per-message .fep-message-title hr, #future_of_utilities .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #future_of_utilities #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #F2B715; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #future_of_utilities #fep-notification-bar a { color: #fff; } #future_of_utilities .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #C61D20 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #future_of_utilities .fep-custom-button:before { content: '◄ '; } #future_of_utilities .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #future_of_utilities .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #future_of_utilities .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #future_of_utilities .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #future_of_utilities .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #future_of_utilities .fep-search-inbox::placeholder { text-align: left; } } #horizons { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #horizons body, #horizons html { overflow-x: hidden; margin-top: 0 !important; } #horizons .hide { display: none; } #horizons .text-center { text-align: center; } #horizons style { display: none !important; } #horizons .et_pb_section { clear: both; } #horizons .single .post { padding: 0; margin: 0; } #horizons .img-bullet-point { position: absolute; top: 0; left: -40px; } #horizons #left-area { padding-bottom: 0 !important; } #horizons *::selection { background-color: #0589a8; } #horizons #et_search_icon:hover, #horizons .mobile_menu_bar:before, #horizons .mobile_menu_bar:after, #horizons .et-social-icon a:hover, #horizons .comment-reply-link, #horizons .form-submit .et_pb_button, #horizons .entry-summary p.price ins, #horizons .woocommerce div.product span.price, #horizons .woocommerce-page div.product span.price, #horizons .woocommerce #content div.product span.price, #horizons .woocommerce-page #content div.product span.price, #horizons .woocommerce div.product p.price, #horizons .woocommerce-page div.product p.price, #horizons .woocommerce #content div.product p.price, #horizons .woocommerce-page #content div.product p.price, #horizons .woocommerce .star-rating span:before, #horizons .woocommerce-page .star-rating span:before, #horizons .woocommerce a.button.alt, #horizons .woocommerce-page a.button.alt, #horizons .woocommerce button.button.alt, #horizons .woocommerce-page button.button.alt, #horizons .woocommerce input.button.alt, #horizons .woocommerce-page input.button.alt, #horizons .woocommerce #respond input#submit.alt, #horizons .woocommerce-page #respond input#submit.alt, #horizons .woocommerce #content input.button.alt, #horizons .woocommerce-page #content input.button.alt, #horizons .woocommerce a.button, #horizons .woocommerce-page a.button, #horizons .woocommerce button.button, #horizons .woocommerce-page button.button, #horizons .woocommerce input.button, #horizons .woocommerce-page input.button, #horizons .woocommerce #respond input#submit, #horizons .woocommerce-page #respond input#submit, #horizons .woocommerce #content input.button, #horizons .woocommerce-page #content input.button, #horizons .woocommerce a.button.alt:hover, #horizons .woocommerce-page a.button.alt:hover, #horizons .woocommerce button.button.alt:hover, #horizons .woocommerce-page button.button.alt:hover, #horizons .woocommerce input.button.alt:hover, #horizons .woocommerce-page input.button.alt:hover, #horizons .woocommerce #respond input#submit.alt:hover, #horizons .woocommerce-page #respond input#submit.alt:hover, #horizons .woocommerce #content input.button.alt:hover, #horizons .woocommerce-page #content input.button.alt:hover, #horizons .woocommerce a.button:hover, #horizons .woocommerce-page a.button:hover, #horizons .woocommerce button.button, #horizons .woocommerce-page button.button:hover, #horizons .woocommerce input.button:hover, #horizons .woocommerce-page input.button:hover, #horizons .woocommerce #respond input#submit:hover, #horizons .woocommerce-page #respond input#submit:hover, #horizons .woocommerce #content input.button:hover, #horizons .wp-pagenavi span.current, #horizons .wp-pagenavi a:hover, #horizons .et_password_protected_form .et_submit_button, #horizons .nav-single a, #horizons .posted_in a, #horizons #top-menu li.current-menu-ancestor > a, #horizons #top-menu li.current-menu-item > a, #horizons .bottom-nav li.current-menu-item > a, #horizons .footer-widget h4 { color: #0589a8; } #horizons .title-with-bottom-line, #horizons .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #horizons .title-with-bottom-line h3, #horizons .title-with-bottom-line > :last-child, #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #horizons .title-with-bottom-line h3, #horizons .title-with-bottom-line > :last-child, #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #horizons .title-with-bottom-line h3, #horizons .title-with-bottom-line > :last-child, #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #horizons .title-with-bottom-line h3, #horizons .title-with-bottom-line > :last-child, #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #horizons .title-with-bottom-line h3, #horizons .title-with-bottom-line > :last-child, #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #horizons .title-with-bottom-line:after, #horizons .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #0589a8; } @media (max-width: 400px) { #horizons .title-with-bottom-line:after, #horizons .title-with-bottom-line-grey:after { bottom: -5px; } } #horizons .title-with-bottom-line-grey h3, #horizons .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #horizons .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #horizons .secondary-title-with-bottom-line { margin-top: 0; } } #horizons .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #horizons .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #horizons .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #horizons .secondary-title-with-bottom-line:after { bottom: -5px; } } #horizons .et-search-form, #horizons .et_mobile_menu, #horizons .footer-widget li:before, #horizons .nav li ul, #horizons blockquote { border-color: #0589a8; } @media print { #horizons .single-product.print-view { visibility: hidden; } #horizons .single-product.print-view #agenda { visibility: visible; } @page { #horizons .single-product.print-view { margin: 20px 0; } } #horizons .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #horizons .single-product.print-view #top-header, #horizons .single-product.print-view #main-header, #horizons .single-product.print-view #main-footer, #horizons .single-product.print-view .et_pb_section_1, #horizons .single-product.print-view .et_pb_module:not(.mod-schedule), #horizons .single-product.print-view .schedule-controls, #horizons .single-product.print-view .footer-form, #horizons .single-product.print-view .day-tab, #horizons .single-product.print-view .stream-tabs, #horizons .single-product.print-view .explore-next-btn, #horizons .single-product.print-view .et_pb_scroll_top { display: none !important; } #horizons .single-product.print-view .et_pb_section, #horizons .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #horizons .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #horizons .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #002642 !important; break-after: avoid-page; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #horizons .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #horizons .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #horizons .col-6 { width: 49%; } #horizons .pull-left { float: left; } #horizons .pull-right { float: right; } #horizons .clear { clear: both; } #horizons .container { width: 100%; } #horizons .et-cart-info { display: none; } #horizons #top-header { background-color: #002642; } #horizons #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #horizons #main-header .container { padding-left: 20px; padding-right: 20px; } #horizons #logo { max-height: 64px; } @media (max-width: 1079px) { #horizons #logo { max-height: 40px; } } #horizons .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #horizons .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #horizons .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #horizons .et_header_style_left #logo, #horizons .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #horizons .et_header_style_left #et-top-navigation, #horizons .et_header_style_split #et-top-navigation, #horizons .et_header_style_left .et-fixed-header #et-top-navigation, #horizons .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #horizons .et_header_style_left #et-top-navigation nav > ul > li > a, #horizons .et_header_style_split #et-top-navigation nav > ul > li > a, #horizons .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #horizons .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #horizons .et_header_style_left #et-top-navigation, #horizons .et_header_style_split #et-top-navigation, #horizons .et_header_style_left .et-fixed-header #et-top-navigation, #horizons .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #horizons .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #horizons #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #horizons #top-menu li a { color: #000; font-weight: 400; } #horizons #top-menu li li { padding: 0; } #horizons #top-menu li li a:hover { background: none; color: #0589a8; opacity: 1; } #horizons #top-menu li li:hover a { color: #0589a8; opacity: 1; } @media (max-width: 1199px) { #horizons #top-menu li { padding-right: 35px; } } #horizons #top-menu-nav > ul > li > a:hover, #horizons #et-secondary-menu > ul > li > a:hover, #horizons #et-info-email:hover, #horizons .et-social-icons a:hover { color: #0589a8; opacity: 1; } #horizons #top-menu .menu-item-has-children > a:first-child:after, #horizons #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #horizons #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #horizons #et_top_search { right: 40px; top: 7px; } } #horizons #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #horizons #et_top_search { margin-left: 35px; } #horizons #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #horizons #et_top_search #et_search_icon:before { top: 7px; } } #horizons .nav li ul, #horizons .et_mobile_menu { border-top-color: #0589a8; } #horizons .et_mobile_menu { padding: 15px 0; } #horizons .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #horizons .et_mobile_menu li a:hover { background: none; color: #0589a8; } #horizons .et_mobile_menu li.current-menu-item a { color: #0589a8; } #horizons .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #horizons .et_mobile_menu li ul li { padding: 0; } #horizons .et_mobile_menu li ul li a { padding: 10px 20px; } #horizons .footer-form { padding: 0; background-color: #0589a8 !important; } #horizons .footer-form a { color: #fff; text-decoration: underline; } #horizons .footer-form .et_pb_text { margin-bottom: 0; } #horizons .footer-form .mod-sign-up p span { font-size: 10px; } #horizons #main-footer { background: #002642; clear: both; } #horizons #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #horizons #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #horizons #footer-widgets .footer-widget p { color: #fff; } #horizons #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #0589a8; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #horizons #footer-widgets .footer-widget li { margin: 0; padding: 0; } #horizons #footer-widgets .footer-widget li:before { display: none; } #horizons #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #horizons #footer-widgets .footer-widget li a:hover { color: #0589a8; } @media (max-width: 767px) { #horizons #footer-widgets { padding: 30px 0 0 0; } #horizons #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #horizons #footer-widgets .footer-widget li a { padding: 3px 0; } #horizons #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #horizons #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #horizons #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #horizons #footer-widgets { padding-bottom: 60px; } } #horizons #footer-info { float: none; color: #fff; font-size: 12px; } #horizons .et-social-icons { display: none; } #horizons #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #horizons .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #horizons .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #horizons .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #horizons body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #horizons body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #horizons body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #horizons body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #horizons body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #horizons .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #horizons .desktop-my-account { display: none; } } #horizons .mobile-my-account { display: none; } @media (max-width: 980px) { #horizons .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #horizons .account-page { padding: 0 20px; } } #horizons .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #horizons .account-page .container { padding-top: 30px; } } #horizons .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #horizons .account-page h1.main_title span { color: #0589a8; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #horizons .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #horizons .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #horizons .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #horizons .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #horizons .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #horizons .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #horizons .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #horizons .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #horizons .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #horizons .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #0589a8; } @media only screen and (max-width: 900px) { #horizons .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #horizons .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #0589a8; font-weight: 600; } } #horizons .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #horizons .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #horizons .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #0589a8; cursor: pointer; } } #horizons .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #horizons .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #horizons .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #horizons .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #0589a8; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #horizons .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #0589a8; transition: all ease-in .2s; } #horizons .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #horizons .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #horizons .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #horizons .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #horizons .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #horizons .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #horizons .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #horizons .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #horizons .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #0589a8; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #horizons .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #horizons .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #0589a8; } #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td a, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #0589a8; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #ffd110; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #0589a8; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #ffd110; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #horizons .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #horizons .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #ffd110; transition: all ease-in-out .3s; } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #002642; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #horizons .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #horizons .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #horizons .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #horizons .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #horizons .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #horizons .woocommerce-checkout #main-content .col-1, #horizons .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #horizons .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #0589a8; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #horizons .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #horizons .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #horizons .woocommerce-checkout #main-content .woocommerce-info:hover { background: #0589a8; transition: all ease-in .2s; } #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #002642; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #horizons .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #horizons .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #horizons .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #horizons .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #horizons .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #horizons .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #horizons .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .form-row label { position: relative; } } #horizons .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #horizons .woocommerce-checkout #main-content .form-row select { height: 52px; } #horizons .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #horizons .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #horizons .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #horizons .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #horizons .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #horizons .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #horizons .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #horizons .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #horizons .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #horizons .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #horizons .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #horizons .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #horizons .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #horizons .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #0589a8; } #horizons .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #002642; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #horizons .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #002642; font-size: 19px; font-weight: 600; margin: 10px 0; } #horizons .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #horizons .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #ffd110; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #0589a8; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #horizons .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #horizons .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #horizons .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #horizons .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #horizons .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #horizons .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #horizons .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #horizons .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #horizons .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #horizons .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #horizons .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #0589a8; padding: 25px 20px; } #horizons .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #horizons .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #horizons .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #horizons .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #0589a8; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #horizons .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #horizons .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #0589a8; transition: all ease-in .2s; } #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #horizons .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #horizons .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #horizons .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #horizons .webinar-thank-you .btn { color: #fff; background: #ffd110; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #horizons .webinar-thank-you .btn:hover { background: #ffd110; transition: all ease-in-out .3s; } #horizons .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #horizons .woocommerce form.login { max-width: none; } } #horizons .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #horizons .woocommerce form.login .form-row { margin: 0 0 20px; } } #horizons .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #horizons .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #0589a8; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #horizons .woocommerce form.login .form-row input[type="submit"]:hover { background: #0589a8; transition: all ease-in .2s; } #horizons .woocommerce form.login .lost_password a { color: #0589a8; } #horizons .woocommerce-account .woocommerce form.login { max-width: 400px; } #horizons .search-bar { position: relative; margin: 30px 20px 0; } #horizons .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #horizons .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #0589a8; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #horizons .search-bar .btn-search:hover { background-color: #002642; } #horizons .btn-search-more { background-color: #0589a8; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #horizons .entry-container { padding: 0 0 80px; } #horizons .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #horizons .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #horizons .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #horizons .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #horizons .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #horizons .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #horizons .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #002642; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #horizons .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #0589a8; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #horizons .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #horizons .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #horizons .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #horizons .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #002642; content: "\e108"; color: #ffd110; } #horizons .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #ffd110; } #horizons .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #002642; background-color: #ffd110; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #horizons .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #horizons .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #horizons .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #horizons .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #horizons .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #horizons .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #horizons .entry-grid.view-grid .single-entry .entry-text h3 { color: #002642; font-size: 22px; line-height: 130%; } #horizons .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #horizons .entry-grid.view-grid .single-entry .entry-button { display: none; } #horizons .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #horizons .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #horizons .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #horizons .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #horizons .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #002642; } #horizons .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #horizons .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #002642; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #horizons .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #horizons .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #horizons .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #horizons .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #ffd110; } #horizons .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #ffd110; } #horizons .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #ffd110; } #horizons .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #horizons .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #horizons .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #horizons .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #horizons .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #horizons .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #horizons .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #horizons .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #ffd110; } #horizons .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #ffd110; } #horizons .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #ffd110; } #horizons .entry-grid.view-list .single-entry .feat-image { display: none; } #horizons .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #horizons .entry-grid.view-list .single-entry .entry-text h3 { color: #002642; font-size: 22px; } #horizons .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #horizons .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #horizons .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #horizons .entry-grid.view-list .single-entry .entry-button { float: left; } } #horizons .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #0589a8; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #horizons .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #horizons .entry-grid-controls { padding: 0 15px 20px; } } #horizons .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #horizons .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #horizons .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #horizons .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #horizons .entry-grid-controls .filters .filter-btn.active { border: 2px solid #002642; transition: all ease-in-out .3s; } #horizons .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #horizons .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #horizons .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #002642; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #horizons .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #horizons .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #horizons .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #horizons .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #horizons .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #horizons .entry-load-more { text-align: center; } #horizons .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #0589a8; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #horizons .entry-load-more .load-more-btn:hover { background-color: #0589a8; transition: background 0.3s ease-in-out; } #horizons .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #horizons .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #horizons .entry-topic { padding: 20px; } } #horizons .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #horizons .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #horizons .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #horizons .entry-topic .text { width: 100%; padding: 0; } } #horizons .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #horizons .entry-topic .text h3 { font-size: 26px; } } #horizons .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #horizons .entry-topic .text .inner-text { max-height: none; } } #horizons .entry-topic .text .inner-text h4 { padding: 0; color: #ffd110; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #horizons .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #horizons .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #horizons .entry-topic .text ul li { display: inline-block; } #horizons .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #horizons .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #horizons .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #horizons .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #horizons .entry-topic .text ul li span.topic-entry-type-webinars:after, #horizons .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #horizons .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #horizons .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #horizons .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #horizons .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #ffd110; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #horizons .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #horizons .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #horizons .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #horizons .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #horizons .entry-topic:hover .btn { bottom: inherit; } } #horizons .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #002642; opacity: .8; z-index: 1; } #horizons .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #horizons .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #horizons .modal .modal-content .modal-body { position: relative; } #horizons .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #horizons .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #horizons .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #horizons #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #horizons #brochureModal .copy { text-align: center; width: 100%; clear: both; } #horizons #brochureModal .copy h2 { margin-bottom: 30px; } #horizons #brochureModal .copy p { font-size: 11px; } #horizons #brochureModal .copy a { color: #0589a8; } #horizons #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #horizons #brochureModal .form-design-field { width: 100%; margin: 0; } } #horizons #brochureModal label { display: none; } #horizons #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #horizons #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #0589a8; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #horizons #brochureModal input[type=submit] { margin-top: 30px; } } #horizons #brochureModal input[type=submit]:hover { background: #0589a8; transition: all ease-in .2s; } #horizons #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #horizons #reportModal .copy { text-align: center; width: 100%; clear: both; } #horizons #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #horizons #reportModal .copy p { font-size: 11px; } #horizons #reportModal .copy a { color: #0589a8; } #horizons #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #horizons #reportModal .form-design-field { width: 100%; margin: 0; } } #horizons #reportModal label { display: none; } #horizons #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #horizons #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #0589a8; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #horizons #reportModal input[type=submit] { margin-top: 30px; } } #horizons #reportModal input[type=submit]:hover { background: #0589a8; transition: all ease-in .2s; } #horizons .details-modal-popup { cursor: pointer; } #horizons #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #horizons #detailsModal .modal-content img { margin-bottom: 20px; } #horizons #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #002642; } #horizons #detailsModal .modal-content a { color: #0589a8; } #horizons #detailsModal .modal-content .col-1, #horizons #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #horizons #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #horizons #detailsModal .modal-content { padding: 20px 10px; } #horizons #detailsModal .modal-content h3 { padding-left: 0; } #horizons #detailsModal .modal-content .col-1, #horizons #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #horizons .mod-speakers, #horizons .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #horizons .mod-speakers h2, #horizons .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #horizons .mod-speakers, #horizons .mod-advisory-board { padding: 0; } } #horizons .mod-speakers:after, #horizons .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #horizons .mod-speakers .single-speaker-grid, #horizons .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #horizons .mod-speakers .single-speaker-grid:nth-child(4n + 1), #horizons .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #horizons .mod-speakers .single-speaker-grid, #horizons .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #horizons .mod-speakers .single-speaker-grid, #horizons .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #horizons .mod-speakers .single-speaker-grid:nth-child(4n + 1), #horizons .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #horizons .mod-speakers .single-speaker-grid:nth-child(3n + 1), #horizons .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #horizons .mod-speakers .single-speaker-grid, #horizons .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #horizons .mod-speakers .single-speaker-grid:nth-child(3n + 1), #horizons .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #horizons .mod-speakers .single-speaker-grid:nth-child(2n + 1), #horizons .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #horizons .mod-speakers .single-speaker-img, #horizons .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #horizons .mod-speakers .single-speaker-img img, #horizons .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #horizons .mod-speakers .single-speaker-img, #horizons .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #horizons .mod-speakers .company-logo, #horizons .mod-advisory-board .company-logo { margin: 0; } #horizons .mod-speakers .company-logo img, #horizons .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #horizons .mod-speakers .company-logo, #horizons .mod-advisory-board .company-logo { margin-bottom: 5px; } } #horizons .mod-speakers .single-speaker-list, #horizons .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #horizons .mod-speakers .single-speaker-list .single-speaker-img, #horizons .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #horizons .mod-speakers .single-speaker-list .single-speaker-img, #horizons .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #horizons .mod-speakers .single-speaker-list .single-speaker-text, #horizons .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #horizons .mod-speakers .single-speaker-list .single-speaker-text, #horizons .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #horizons .mod-speakers .single-speaker-list .single-speaker-text h3, #horizons .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #horizons .mod-speakers .single-speaker-list .single-speaker-text h4, #horizons .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #horizons .mod-speakers .single-speaker-list .single-speaker-text p, #horizons .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #horizons .mod-speakers h3, #horizons .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #horizons .mod-speakers h3, #horizons .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #horizons .mod-speakers h3, #horizons .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #horizons .mod-speakers h3, #horizons .mod-advisory-board h3 { font-size: 14px; } } #horizons .mod-speakers h4, #horizons .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #horizons .mod-speakers h4, #horizons .mod-advisory-board h4 { font-size: 13px; } } #horizons .mod-speakers .btn-wrapper, #horizons .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #horizons .mod-speakers .load-speakers, #horizons .mod-speakers .load-advisory-board, #horizons .mod-advisory-board .load-speakers, #horizons .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #0589a8; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #horizons .mod-speakers .load-speakers:hover, #horizons .mod-speakers .load-advisory-board:hover, #horizons .mod-advisory-board .load-speakers:hover, #horizons .mod-advisory-board .load-advisory-board:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .mod-speakers .load-speakers, #horizons .mod-speakers .load-advisory-board, #horizons .mod-advisory-board .load-speakers, #horizons .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #horizons .mod-speakers .loading-spinner, #horizons .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #horizons .mod-speakers .loading-spinner .load, #horizons .mod-speakers .loading-spinner .load:after, #horizons .mod-advisory-board .loading-spinner .load, #horizons .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #horizons .mod-speakers .loading-spinner .load, #horizons .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #0589a8; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #horizons .mod-speakers:before, #horizons .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #horizons .mod-speakers.loading:before, #horizons .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #horizons .mod-speakers.loading .loading-spinner, #horizons .mod-advisory-board.loading .loading-spinner { display: block; } #horizons .people-fullwidth { width: 100% !important; } #horizons #speakers { position: relative; z-index: 99; } #horizons .mod-speakers-global { margin: 0; width: 100%; position: relative; } #horizons .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #horizons .mod-speakers-global { padding: 0; } } #horizons .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #horizons .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #horizons .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #horizons .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #horizons .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #horizons .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #horizons .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #horizons .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #horizons .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #horizons .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #horizons .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #horizons .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #horizons .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #horizons .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #horizons .mod-speakers-global .single-speaker-container { z-index: 1; } } #horizons .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #horizons .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #horizons .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #horizons .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #horizons .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #horizons .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #horizons .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #horizons .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #horizons .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #horizons .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #horizons .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #horizons .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #horizons .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #horizons .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #horizons .mod-speakers-global .single-speaker-img { overflow: initial; } } #horizons .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #horizons .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #horizons .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #horizons .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #horizons .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #horizons .mod-speakers-global .company-logo { margin: 0; } #horizons .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #horizons .mod-speakers-global .company-logo { margin-bottom: 5px; } } #horizons .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #horizons .mod-speakers-global .single-speaker-details { transition: none; } } #horizons .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #horizons .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #horizons .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #horizons .mod-speakers-global .details-active-right { left: 0 !important; } } #horizons .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #horizons .mod-speakers-global .details-active-left { left: 0 !important; } } #horizons .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #horizons .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #horizons .mod-speakers-global .close-detail-label { display: none; } } #horizons .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #horizons .mod-speakers-global .speaker-mb-img img { width: 100%; } #horizons .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #horizons .mod-speakers-global .speaker-extra-details { padding: 24px; } } #horizons .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #horizons .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #horizons .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #horizons .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #horizons .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #horizons .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #horizons .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #horizons .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #horizons .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #horizons .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #horizons .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #horizons .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #horizons .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #horizons .mod-speakers-global h3 { font-size: 14px; } } #horizons .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #horizons .mod-speakers-global h4 { font-size: 13px; } } #horizons .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #horizons .mod-speakers-global .load-speakers, #horizons .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #0589a8; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #horizons .mod-speakers-global .load-speakers:hover, #horizons .mod-speakers-global .load-advisory-board:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .mod-speakers-global .load-speakers, #horizons .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #horizons .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #horizons .mod-speakers-global .loading-spinner .load, #horizons .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #horizons .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #0589a8; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #horizons .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #horizons .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #horizons .mod-speakers-global.loading .loading-spinner { display: block; } #horizons .hide-scroll-top { opacity: 0; } #horizons .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #horizons .mod-sponsors { padding: 0; } } #horizons .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #horizons .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #horizons .mod-sponsors .tooltip { display: block; } } #horizons .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #horizons .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #horizons .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #horizons .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #horizons .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #horizons .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #horizons .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #horizons .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #horizons .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #horizons .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #horizons .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #horizons .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #horizons .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #0589a8; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #horizons .mod-sponsors .sponsor-btn:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #horizons .mod-attending { padding: 0 30px; text-align: center; } #horizons .mod-attending .attendees-slider { max-height: 350px; } #horizons .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #horizons .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #horizons .mod-attending .attendees-slider .attendee { width: 50%; } } #horizons .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #horizons .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #horizons .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #horizons .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #horizons .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #horizons .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #horizons .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #0589a8; } @media only screen and (max-width: 1200px) { #horizons .mod-attending { padding: 0; } } #horizons .mod-attending h2 { text-align: center; padding: 0 0 60px; } #horizons .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #0589a8; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #horizons .mod-attending .attendee-btn:hover { background: #0589a8; } #horizons .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #horizons .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #horizons .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #horizons .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #horizons .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .schedule-controls { padding: 0; } } #horizons .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #horizons .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #horizons .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #ffd110; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .schedule-controls .selected-category { width: 100%; } } #horizons .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #horizons .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #horizons .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #horizons .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #002642; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #horizons .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #002642; transition: all ease-in .2s; } #horizons .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #horizons .mod-schedule .schedule-controls .expand, #horizons .mod-schedule .schedule-controls .collapse, #horizons .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #ffd110; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #horizons .mod-schedule .schedule-controls .expand span, #horizons .mod-schedule .schedule-controls .collapse span, #horizons .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #horizons .mod-schedule .schedule-controls .expand.active, #horizons .mod-schedule .schedule-controls .collapse.active, #horizons .mod-schedule .schedule-controls .print-btn.active { display: block; } #horizons .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #002642; } #horizons .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #horizons .mod-schedule .day-tab .d-day-dates { display: initial; } #horizons .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #horizons .mod-schedule .day-tab .d-day-dates { display: none; } #horizons .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #horizons .mod-schedule .day-tab .d-day-dates { display: none; } #horizons .mod-schedule .day-tab .m-day-dates { display: initial; } } #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #horizons .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #horizons .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #horizons .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #horizons .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #horizons .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #horizons .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #horizons .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #horizons .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #horizons .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #horizons .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-tab:first-child { margin-left: 0; } #horizons .mod-schedule .day-tab:last-child { margin-right: 0; } } #horizons .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #horizons .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-tab h3 { font-size: 18px; } } #horizons .mod-schedule .day-tab.active { border-bottom: 2px solid #ffd110; transition: all ease-in .2s; } #horizons .mod-schedule .day-tab.active h3 { color: #ffd110; } #horizons .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main { width: 100%; } } #horizons .mod-schedule .day-main.active { display: block; } #horizons .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #0589a8; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #horizons .mod-schedule .day-main .explore-next-btn a { color: #fff; } #horizons .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #horizons .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #horizons .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #horizons .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #horizons .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #horizons .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #horizons .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #horizons .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #horizons .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #002642; text-transform: uppercase; font-size: 18px; font-weight: bold; } #horizons .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #ffd110; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #horizons .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #horizons .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #horizons .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #horizons .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #002642; font-weight: bold; font-size: 14px; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #ffd110; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #002642; transform: rotate(45deg); transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #002642; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #horizons .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #horizons .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #horizons .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #002642; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #horizons .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #ffd110; padding-bottom: 0px; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-title { background: #002642; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #002642; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #horizons .mod-schedule .day-main .day-entry.active .day-entry-sessions, #horizons .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #horizons .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #horizons .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #002642; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #horizons .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #horizons .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #002642; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #002642; } @media only screen and (max-width: 1200px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #ffd110; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description p, #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #002642; font-size: 14px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #ffd110; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #002642; font-size: 13px; } #horizons .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #horizons .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #002642; } #horizons .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #ffd110; } } @media only screen and (max-width: 600px) { #horizons .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #horizons .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #horizons .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #002642; } #horizons .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #ffd110; } #horizons .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #horizons .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #horizons .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #horizons .mod-webinar .modal .modal-body { padding: 0; } #horizons .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #horizons .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #horizons .mod-webinar .modal .chat { float: left; width: 400px; } #horizons .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #horizons .mod-tickets { float: left; width: 100%; } #horizons .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #horizons .mod-tickets .tickets { width: 100%; } } #horizons .mod-tickets .tickets .ticket { float: left; border: 3px solid #002642; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #horizons .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #horizons .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #horizons .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #horizons .mod-tickets .tickets .ticket .ticket-title { background: #002642; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #ffd110; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #ffd110; background: none; padding: 8px 10px 0 10px; width: 35%; } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #horizons .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #horizons .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #horizons .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #horizons .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #horizons .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #horizons .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #horizons .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #0589a8; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #0589a8; padding-top: 8px; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #0589a8; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #horizons .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #horizons .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #horizons .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #horizons .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #horizons .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #horizons .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #horizons .mod-tickets .ticket-order { width: 100%; } } #horizons .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #horizons .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #0589a8; } #horizons .mod-tickets .ticket-order .cart p { text-align: left; } #horizons .mod-tickets .ticket-order .cart h3 { background: #0589a8; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #horizons .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #horizons .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #horizons .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #horizons .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #horizons .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #horizons .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #horizons .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #horizons .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #horizons .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #0589a8; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #horizons .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #horizons .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #horizons .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #horizons .mod-tickets .loading-spinner .load, #horizons .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #horizons .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #0589a8; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #horizons .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #horizons .mod-tickets.loading { pointer-events: none; } #horizons .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #horizons .mod-tickets.loading .loading-spinner { display: block; } #horizons #insurerConfirmModal .modal-content { border: 3px solid #0589a8; box-shadow: none; padding: 20px; max-width: 500px; } #horizons #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #horizons #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #horizons #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #horizons #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #horizons #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #horizons #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #horizons #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #0589a8; } #horizons #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #002642; } #horizons #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #horizons .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #horizons .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #horizons .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #horizons .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #horizons .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #002642; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #horizons .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #horizons .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #horizons .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #horizons .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #horizons .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #horizons .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #horizons .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #002642; opacity: 0.85; transition: all 0.3s linear; } #horizons .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #horizons .mod-related-content .related-article .event-img:hover:after { top: 0; } #horizons .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #horizons .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #horizons .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #horizons .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #horizons .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #horizons .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #horizons .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #horizons .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #horizons .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #horizons .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #horizons .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #horizons .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #horizons .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #horizons .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #horizons .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #horizons .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #horizons .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #horizons .mod-map-marker .et_pb_row { position: relative; height: 100%; } #horizons .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #horizons .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #horizons .mod-map-marker .marker { padding: 20px 20px 0; } } #horizons .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #horizons .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #horizons .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #0589a8; font-size: 14px; letter-spacing: 1px; color: #0589a8; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #horizons .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #horizons .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #horizons .mod-map-marker .marker a:hover { border: 2px solid #0589a8; transition: all ease-in .2s; } #horizons .et_pb_map { height: 600px; } #horizons .contact-map .et_pb_map { height: 300px; } #horizons .gmnoprint { display: none; } #horizons .mod-sign-up { width: 100%; margin: 0; background: #0589a8; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #horizons .mod-sign-up { width: 100%; margin: 0; } } #horizons .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #002642; } #horizons .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #horizons .mod-sign-up .elq-form { float: left; width: 100%; } #horizons .mod-sign-up .elq-form label { display: none; } #horizons .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #horizons .mod-sign-up .elq-form .form-design-field { width: 100%; } } #horizons .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #horizons .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #horizons .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #horizons .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #horizons .mod-sponsorship-form label { display: none; } #horizons .mod-sponsorship-form .col-1, #horizons .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #horizons .mod-sponsorship-form .col-1, #horizons .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #horizons .mod-sponsorship-form .col-2 { float: right; } #horizons .mod-sponsorship-form input:not([type=submit]), #horizons .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #horizons .mod-sponsorship-form textarea { min-height: 160px; } #horizons .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #horizons .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #horizons .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #002642; color: #002642; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #horizons .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #horizons .mod-homepage-index .index-entry-filters li:hover { background-color: #002642; transition: all ease-in-out .3s; } #horizons .mod-homepage-index .index-entry-filters li.active { background-color: #002642; color: #fff; transition: all ease-in-out .3s; } #horizons .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #horizons .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #horizons .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #horizons .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #horizons .mod-homepage-index .index-entry.active { display: block; } #horizons .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #horizons .masonry-grid .grid-item img { width: 100%; height: auto; } #horizons.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #horizons.et-fb .et_pb_masonry_grid > div { display: none; } #horizons.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #horizons #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #horizons #event-menu .fullwidth-menu { padding-top: 15px !important; } #horizons #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #horizons .admin-bar #event-menu { top: 62px; } #horizons .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #horizons .homepage-event-section .divider-strip { position: relative; } #horizons .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #ffd110; margin-top: 30px; } #horizons .homepage-events-preview { margin-top: 80px; } #horizons .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #horizons .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #horizons .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #horizons .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #horizons .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #horizons .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #horizons .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #002642; opacity: 0.85; transition: all 0.3s linear; } #horizons .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #horizons .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #horizons .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #horizons .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #0589a8; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #horizons .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #horizons .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #002642; opacity: 0.95; } #horizons .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #horizons .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #horizons .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #horizons .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #horizons .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #horizons .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #horizons .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #horizons .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #horizons .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #horizons .homepage-events-preview:after { display: none; } #horizons .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #horizons .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #horizons .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #horizons .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #horizons .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #horizons .topic-header { position: relative; background-position: center; background-size: cover; } #horizons .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #002642; opacity: 0.95; } #horizons .topic-header * { position: relative; z-index: 1; } #horizons .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #horizons .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #002642; opacity: 0.95; } #horizons .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #horizons .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #horizons .featured-event { padding-right: 20px; } } #horizons .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #ffd110; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #horizons .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #horizons .featured-event .close:hover { color: #0589a8; } #horizons .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #ffd110; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #horizons .featured-event .dates-of-event strong { display: block; font-weight: 800; } #horizons .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #ffd110; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #horizons .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #horizons .featured-event .dates-of-event { top: 45%; } } #horizons .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #horizons .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #horizons .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #horizons .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #horizons .featured-event .col-6 > img { max-height: 130px; } } #horizons .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #horizons .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #horizons .featured-event .col-6.right { padding-right: 0; } } #horizons .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #horizons .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #horizons .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #horizons .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #horizons .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #horizons .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #ffd110; display: block; line-height: 120%; } @media (max-width: 699px) { #horizons .featured-event .col-6 .countdown-to-event span { width: 50px; } #horizons .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #horizons .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #horizons .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #horizons .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #horizons .featured-event .col-6 .event-type.event { color: #ffd110; } #horizons .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #horizons .featured-event .col-6 .event-type.article { color: #366893; } #horizons .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #horizons .featured-event .col-6 .event-type.webinar { color: #0589a8; } #horizons .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #horizons .featured-event .col-6 .event-type.course { color: #8A9299; } #horizons .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #horizons .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #horizons .featured-event .col-6 h2 { padding-right: 40px; } } #horizons .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #ffd110; display: block; line-height: 150%; margin: 0 0 20px 0; } #horizons .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #horizons .featured-event .col-6 .white-btn, #horizons .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #horizons .featured-event .col-6 .white-btn:hover, #horizons .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #horizons .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #horizons .featured-event .col-6 .colored-btn { background: #ffd110; border-color: #ffd110; margin-right: 0; } #horizons .events-filter { margin: 50px 0 20px 0; } #horizons .events-filter ul { float: left; } #horizons .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #horizons .events-filter ul li p { font-size: 16px; } #horizons .events-filter ul li.active p { color: green; } #horizons .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #horizons .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #horizons .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #horizons .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #horizons .events-filter > span.icon_grid-2x2 { color: #002642; } #horizons .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #horizons .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #horizons .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #horizons .events-filter > span:hover, #horizons .events-filter > span.icon-active { color: #0589a8; } @media (max-width: 767px) { #horizons .events-filter > span.icon_grid-2x2, #horizons .events-filter > span.icon_menu { display: none; } } #horizons .inner-events-boxes { font-size: 0; } #horizons .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #horizons .inner-events-boxes .event-box.active { display: inline-block; } #horizons .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #horizons .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #horizons .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #002642; opacity: 0.9; } #horizons .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #horizons .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #horizons .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #horizons .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #horizons .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #horizons .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #horizons .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #horizons .inner-events-boxes .event-box > div .event-type.event { color: #ffd110; } #horizons .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #horizons .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #horizons .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #horizons .inner-events-boxes .event-box > div .event-type.webinar { color: #0589a8; } #horizons .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #horizons .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #horizons .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #horizons .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #0589a8; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #horizons .inner-events-boxes .event-box > div .event-btn:hover { background: #0589a8; } #horizons .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #horizons .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #horizons .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #horizons .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #horizons .inner-events-boxes .event-box.col-4 > div:hover p, #horizons .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #horizons .inner-events-boxes .event-box > div h3 { font-size: 20px; } #horizons .inner-events-boxes .event-box > div p, #horizons .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #horizons .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #horizons .inner-events-boxes .event-box.col-4 { width: 48%; } #horizons .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #horizons .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #horizons .inner-events-boxes .event-box.col-4 > div { height: auto; } } #horizons div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #horizons div.inner-event-header .et_pb_row { z-index: 2; } #horizons div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #002642; z-index: 1; pointer-events: none; opacity: 0.8; } #horizons div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #ffd110 35px, transparent 35px); background: -moz-linear-gradient(right, #ffd110 35px, transparent 35px); background: -o-linear-gradient(right, #ffd110 35px, transparent 35px); background: -webkit-linear-gradient(left, #ffd110 35px, transparent 35px); pointer-events: none; } #horizons div.inner-event-header img, #horizons div.inner-event-header h1, #horizons div.inner-event-header h2, #horizons div.inner-event-header h3, #horizons div.inner-event-header h4, #horizons div.inner-event-header h5, #horizons div.inner-event-header h6, #horizons div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #horizons div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #horizons div.inner-event-header a:hover { background: #8A9299; } #horizons div.inner-event-header a.colored-btn { background: #0589a8; border-color: #0589a8; } #horizons div.inner-event-header a.colored-btn:hover { background: #0589a8; border-color: #0589a8; } @media (max-width: 1199px) { #horizons div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #horizons div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #horizons div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #horizons div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #horizons div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #horizons div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #horizons div.inner-event-header img { padding: 20px 20px 5px 20px; } #horizons div.inner-event-header h1 { padding: 0; } #horizons div.inner-event-header a { margin: 0 0 10px 0; } } #horizons .event-icons div { display: inline-block; } #horizons .event-icons div > strong { display: block; } @media (max-width: 599px) { #horizons .event-icons div img { max-width: 50px; max-height: 50px; } #horizons .event-icons div > strong { font-size: 30px !important; } #horizons .event-icons div > span { font-size: 16px !important; } } #horizons .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #horizons .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #horizons .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #horizons .et_pb_number_counter .percent { height: auto; } } #horizons .et_pb_widget { width: 100%; } #horizons .et_pb_widget .field-wrapper label { display: none; } #horizons .et_pb_widget .field-wrapper input, #horizons .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #horizons .et_pb_widget .field-wrapper input[type=submit], #horizons .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #0589a8; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #horizons .et_pb_widget .field-wrapper input[type=submit]:hover, #horizons .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #0589a8; } @media (max-width: 1199px) { #horizons .et_pb_widget .field-wrapper input[type=submit], #horizons .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #horizons .et_pb_widget .field-wrapper input:focus, #horizons .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #horizons .et_pb_widget .field-wrapper input, #horizons .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #horizons .sponsorship-header { background-position: center; background-size: cover; } #horizons .sponsorship-header .et_pb_row { z-index: 2; } #horizons .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #002642; z-index: 1; pointer-events: none; opacity: 0.8; } #horizons .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #horizons .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #horizons .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #horizons .sponsorship-testimonials { float: left; width: 100%; } #horizons .testimonials { position: relative; } #horizons .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #ffd110; } @media only screen and (max-width: 900px) { #horizons .testimonials .et_pb_column_2:after { display: none; } } #horizons .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #ffd110; } @media only screen and (max-width: 900px) { #horizons .testimonials .et_pb_column_3:after { display: none; } } #horizons .header-message { text-align: center; background-color: #0589a8; position: relative; z-index: 1; } #horizons .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #horizons .header-message a { color: #fff; text-decoration: underline; } #horizons #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #002642; } #horizons #catapult-cookie-bar .ctcc-left-side { color: #fff; } #horizons #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #horizons #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #ffd110; color: #fff; } #horizons .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #00385b; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #horizons .page-header { padding: 60px 0 40px; } } #horizons .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #002642; opacity: 0.8; } @supports (background-blend-mode: multiply) { #horizons .page-header:after { opacity: 0.2; } } #horizons .page-header .container { position: relative; z-index: 2; } #horizons .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #horizons .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #horizons .page-header .container h1 { font-size: 35px; } } #horizons .background-overlay { position: relative; background-color: #00385b; background-blend-mode: multiply; } #horizons .background-overlay .et_parallax_bg { background-color: #00385b; background-blend-mode: multiply; } #horizons .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #002642; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #horizons .background-overlay:after { opacity: 0.2; } } #horizons .background-overlay .et_pb_row { position: relative; z-index: 10; } #horizons .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #horizons .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #horizons .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #horizons .topic-feat-event .container { padding: 0; } #horizons .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #horizons .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #horizons .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #horizons .feat-event-inner { padding: 50px 20px 20px; } } #horizons .feat-event-inner .featured { color: #ffd110; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #horizons .feat-event-inner .featured span { color: #ffd110; } #horizons .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #horizons .feat-event-inner .entry-date { position: absolute; background: #ffd110; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #horizons .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #horizons .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #horizons .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #horizons .feat-event-inner .col-1, #horizons .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #horizons .feat-event-inner .col-1, #horizons .feat-event-inner .col-2 { width: 100%; float: none; } } #horizons .feat-event-inner .col-1 img { max-width: 75%; } #horizons .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #horizons .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #horizons .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #horizons .feat-event-inner .col-1 .btn { width: 100%; } } #horizons .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #horizons .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #horizons .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #ffd110; background-color: #ffd110; transition: all ease-in-out .3s; } #horizons .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #ffd110; background-color: #ffd110; transition: all ease-in-out .3s; } #horizons .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #horizons .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #horizons .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #horizons .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #horizons .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #horizons .feat-event-inner .col-2 { display: none; } } #horizons .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #horizons .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #horizons .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #horizons .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #horizons .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #horizons .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #002642; opacity: .7; z-index: 1; } #horizons .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #horizons .topic-grid:after { content: ''; background-color: #ffd110; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #horizons .topic-grid:after { display: none; } } #horizons .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #horizons .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #horizons .related-articles .other-related { float: left; width: 100%; } #horizons .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #horizons .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #horizons body.woocommerce .woocommerce-tabs { margin: 0; } #horizons body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #horizons body.woocommerce .woocommerce-message { background: #0589a8 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #horizons body.woocommerce .woocommerce-error { background-color: #ffd110; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #horizons body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #horizons body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #horizons #fep-wrapper { margin: 0; } #horizons #fep-wrapper #fep-header, #horizons #fep-wrapper #fep-footer { display: none; } #horizons #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #horizons #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #horizons #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #horizons #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #horizons #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #horizons #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #horizons #fep-wrapper #fep-menu .fep-button, #horizons #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #0589a8; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-menu .fep-button:hover, #horizons #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #0589a8; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-menu .fep-button .fep-font-red, #horizons #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #horizons #fep-wrapper #fep-menu .fep-button-active { background-color: #0589a8; } #horizons #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #horizons #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #horizons #fep-wrapper #fep-content > h2 { padding: 10px; color: #002642; font-weight: bold; } #horizons #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #horizons #fep-wrapper #fep-content .fep-message-table { margin: 0; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #0589a8; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #ffd110; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #ffd110; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #horizons #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #horizons #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #horizons #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #0589a8; display: inline-block; margin: 20px 0; font-size: 16px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #ffd110; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #ffd110; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #0589a8; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #horizons #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #horizons #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #0589a8; transition: all ease-in-out .3s; } #horizons #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #horizons #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #horizons #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #horizons #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #ffd110; box-shadow: none; } #horizons #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #0589a8; } #horizons .fep-success, #horizons .fep-error, #horizons .fep-wp-error { background-color: #0589a8; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #horizons .fep-wp-error, #horizons .fep-error { background-color: #ffd110; } #horizons .fep-message { background-color: #F6F6F6; } #horizons .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #horizons .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #002642; } #horizons .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #002642; } #horizons .fep-per-message .fep-message-toggle-all { color: #0589a8; margin-bottom: 5px; } #horizons .fep-per-message .fep-message-title, #horizons .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #horizons .fep-per-message .fep-message-title .author, #horizons .fep-per-message .fep-message-content .author { font-weight: 500; } #horizons .fep-per-message .fep-message-title .date, #horizons .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #horizons .fep-per-message .fep-message-title p, #horizons .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #horizons .fep-per-message .fep-message-title hr, #horizons .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #horizons #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #0589a8; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #horizons #fep-notification-bar a { color: #fff; } #horizons .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #ffd110 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #horizons .fep-custom-button:before { content: '◄ '; } #horizons .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #horizons .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #horizons .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #horizons .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #horizons .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #horizons .fep-search-inbox::placeholder { text-align: left; } } #technova { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #technova body, #technova html { overflow-x: hidden; margin-top: 0 !important; } #technova .hide { display: none; } #technova .text-center { text-align: center; } #technova style { display: none !important; } #technova .et_pb_section { clear: both; } #technova .single .post { padding: 0; margin: 0; } #technova .img-bullet-point { position: absolute; top: 0; left: -40px; } #technova #left-area { padding-bottom: 0 !important; } #technova *::selection { background-color: #9E005D; } #technova #et_search_icon:hover, #technova .mobile_menu_bar:before, #technova .mobile_menu_bar:after, #technova .et-social-icon a:hover, #technova .comment-reply-link, #technova .form-submit .et_pb_button, #technova .entry-summary p.price ins, #technova .woocommerce div.product span.price, #technova .woocommerce-page div.product span.price, #technova .woocommerce #content div.product span.price, #technova .woocommerce-page #content div.product span.price, #technova .woocommerce div.product p.price, #technova .woocommerce-page div.product p.price, #technova .woocommerce #content div.product p.price, #technova .woocommerce-page #content div.product p.price, #technova .woocommerce .star-rating span:before, #technova .woocommerce-page .star-rating span:before, #technova .woocommerce a.button.alt, #technova .woocommerce-page a.button.alt, #technova .woocommerce button.button.alt, #technova .woocommerce-page button.button.alt, #technova .woocommerce input.button.alt, #technova .woocommerce-page input.button.alt, #technova .woocommerce #respond input#submit.alt, #technova .woocommerce-page #respond input#submit.alt, #technova .woocommerce #content input.button.alt, #technova .woocommerce-page #content input.button.alt, #technova .woocommerce a.button, #technova .woocommerce-page a.button, #technova .woocommerce button.button, #technova .woocommerce-page button.button, #technova .woocommerce input.button, #technova .woocommerce-page input.button, #technova .woocommerce #respond input#submit, #technova .woocommerce-page #respond input#submit, #technova .woocommerce #content input.button, #technova .woocommerce-page #content input.button, #technova .woocommerce a.button.alt:hover, #technova .woocommerce-page a.button.alt:hover, #technova .woocommerce button.button.alt:hover, #technova .woocommerce-page button.button.alt:hover, #technova .woocommerce input.button.alt:hover, #technova .woocommerce-page input.button.alt:hover, #technova .woocommerce #respond input#submit.alt:hover, #technova .woocommerce-page #respond input#submit.alt:hover, #technova .woocommerce #content input.button.alt:hover, #technova .woocommerce-page #content input.button.alt:hover, #technova .woocommerce a.button:hover, #technova .woocommerce-page a.button:hover, #technova .woocommerce button.button, #technova .woocommerce-page button.button:hover, #technova .woocommerce input.button:hover, #technova .woocommerce-page input.button:hover, #technova .woocommerce #respond input#submit:hover, #technova .woocommerce-page #respond input#submit:hover, #technova .woocommerce #content input.button:hover, #technova .wp-pagenavi span.current, #technova .wp-pagenavi a:hover, #technova .et_password_protected_form .et_submit_button, #technova .nav-single a, #technova .posted_in a, #technova #top-menu li.current-menu-ancestor > a, #technova #top-menu li.current-menu-item > a, #technova .bottom-nav li.current-menu-item > a, #technova .footer-widget h4 { color: #9E005D; } #technova .title-with-bottom-line, #technova .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #technova .title-with-bottom-line h3, #technova .title-with-bottom-line > :last-child, #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #technova .title-with-bottom-line h3, #technova .title-with-bottom-line > :last-child, #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #technova .title-with-bottom-line h3, #technova .title-with-bottom-line > :last-child, #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #technova .title-with-bottom-line h3, #technova .title-with-bottom-line > :last-child, #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #technova .title-with-bottom-line h3, #technova .title-with-bottom-line > :last-child, #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #technova .title-with-bottom-line:after, #technova .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #9E005D; } @media (max-width: 400px) { #technova .title-with-bottom-line:after, #technova .title-with-bottom-line-grey:after { bottom: -5px; } } #technova .title-with-bottom-line-grey h3, #technova .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #technova .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #technova .secondary-title-with-bottom-line { margin-top: 0; } } #technova .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #technova .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #technova .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #technova .secondary-title-with-bottom-line:after { bottom: -5px; } } #technova .et-search-form, #technova .et_mobile_menu, #technova .footer-widget li:before, #technova .nav li ul, #technova blockquote { border-color: #9E005D; } @media print { #technova .single-product.print-view { visibility: hidden; } #technova .single-product.print-view #agenda { visibility: visible; } @page { #technova .single-product.print-view { margin: 20px 0; } } #technova .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #technova .single-product.print-view #top-header, #technova .single-product.print-view #main-header, #technova .single-product.print-view #main-footer, #technova .single-product.print-view .et_pb_section_1, #technova .single-product.print-view .et_pb_module:not(.mod-schedule), #technova .single-product.print-view .schedule-controls, #technova .single-product.print-view .footer-form, #technova .single-product.print-view .day-tab, #technova .single-product.print-view .stream-tabs, #technova .single-product.print-view .explore-next-btn, #technova .single-product.print-view .et_pb_scroll_top { display: none !important; } #technova .single-product.print-view .et_pb_section, #technova .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #technova .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #technova .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #2E282A !important; break-after: avoid-page; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #technova .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #technova .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #technova .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #technova .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #technova .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #technova .col-6 { width: 49%; } #technova .pull-left { float: left; } #technova .pull-right { float: right; } #technova .clear { clear: both; } #technova .container { width: 100%; } #technova .et-cart-info { display: none; } #technova #top-header { background-color: #2E282A; } #technova #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #technova #main-header .container { padding-left: 20px; padding-right: 20px; } #technova #logo { max-height: 64px; } @media (max-width: 1079px) { #technova #logo { max-height: 40px; } } #technova .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #technova .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #technova .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #technova .et_header_style_left #logo, #technova .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #technova .et_header_style_left #et-top-navigation, #technova .et_header_style_split #et-top-navigation, #technova .et_header_style_left .et-fixed-header #et-top-navigation, #technova .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #technova .et_header_style_left #et-top-navigation nav > ul > li > a, #technova .et_header_style_split #et-top-navigation nav > ul > li > a, #technova .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #technova .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #technova .et_header_style_left #et-top-navigation, #technova .et_header_style_split #et-top-navigation, #technova .et_header_style_left .et-fixed-header #et-top-navigation, #technova .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #technova .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #technova #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #technova #top-menu li a { color: #000; font-weight: 400; } #technova #top-menu li li { padding: 0; } #technova #top-menu li li a:hover { background: none; color: #9E005D; opacity: 1; } #technova #top-menu li li:hover a { color: #9E005D; opacity: 1; } @media (max-width: 1199px) { #technova #top-menu li { padding-right: 35px; } } #technova #top-menu-nav > ul > li > a:hover, #technova #et-secondary-menu > ul > li > a:hover, #technova #et-info-email:hover, #technova .et-social-icons a:hover { color: #9E005D; opacity: 1; } #technova #top-menu .menu-item-has-children > a:first-child:after, #technova #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #technova #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #technova #et_top_search { right: 40px; top: 7px; } } #technova #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #technova #et_top_search { margin-left: 35px; } #technova #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #technova #et_top_search #et_search_icon:before { top: 7px; } } #technova .nav li ul, #technova .et_mobile_menu { border-top-color: #9E005D; } #technova .et_mobile_menu { padding: 15px 0; } #technova .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #technova .et_mobile_menu li a:hover { background: none; color: #9E005D; } #technova .et_mobile_menu li.current-menu-item a { color: #9E005D; } #technova .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #technova .et_mobile_menu li ul li { padding: 0; } #technova .et_mobile_menu li ul li a { padding: 10px 20px; } #technova .footer-form { padding: 0; background-color: #9E005D !important; } #technova .footer-form a { color: #fff; text-decoration: underline; } #technova .footer-form .et_pb_text { margin-bottom: 0; } #technova .footer-form .mod-sign-up p span { font-size: 10px; } #technova #main-footer { background: #2E282A; clear: both; } #technova #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #technova #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #technova #footer-widgets .footer-widget p { color: #fff; } #technova #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E005D; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #technova #footer-widgets .footer-widget li { margin: 0; padding: 0; } #technova #footer-widgets .footer-widget li:before { display: none; } #technova #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #technova #footer-widgets .footer-widget li a:hover { color: #9E005D; } @media (max-width: 767px) { #technova #footer-widgets { padding: 30px 0 0 0; } #technova #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #technova #footer-widgets .footer-widget li a { padding: 3px 0; } #technova #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #technova #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #technova #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #technova #footer-widgets { padding-bottom: 60px; } } #technova #footer-info { float: none; color: #fff; font-size: 12px; } #technova .et-social-icons { display: none; } #technova #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #technova .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #technova .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #technova .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #technova body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #technova body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #technova body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #technova body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #technova body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #technova .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #technova .desktop-my-account { display: none; } } #technova .mobile-my-account { display: none; } @media (max-width: 980px) { #technova .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #technova .account-page { padding: 0 20px; } } #technova .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #technova .account-page .container { padding-top: 30px; } } #technova .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #technova .account-page h1.main_title span { color: #9E005D; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #technova .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #technova .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #technova .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #technova .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #technova .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #technova .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #technova .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #technova .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #technova .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #technova .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #technova .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #9E005D; } @media only screen and (max-width: 900px) { #technova .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #technova .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #9E005D; font-weight: 600; } } #technova .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #technova .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #technova .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #9E005D; cursor: pointer; } } #technova .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #technova .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #technova .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #technova .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #9E005D; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #technova .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #9E005D; transition: all ease-in .2s; } #technova .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #technova .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #technova .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #technova .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #technova .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #technova .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #technova .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #technova .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #technova .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #9E005D; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #technova .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #technova .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #technova .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #technova .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #technova .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #9E005D; } #technova .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #technova .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody, #technova .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #technova .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #technova .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td a, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #9E005D; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #D4145A; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #9E005D; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #D4145A; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #technova .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #technova .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #technova .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #technova .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #D4145A; transition: all ease-in-out .3s; } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #2E282A; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #technova .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #technova .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #technova .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #technova .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #technova .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #technova .woocommerce-checkout #main-content .col-1, #technova .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #technova .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #9E005D; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #technova .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #technova .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #technova .woocommerce-checkout #main-content .woocommerce-info:hover { background: #9E005D; transition: all ease-in .2s; } #technova .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #technova .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #2E282A; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #technova .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #technova .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #technova .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #technova .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #technova .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #technova .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #technova .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .form-row label { position: relative; } } #technova .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #technova .woocommerce-checkout #main-content .form-row select { height: 52px; } #technova .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #technova .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #technova .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #technova .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #technova .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #technova .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #technova .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #technova .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #technova .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #technova .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #technova .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #technova .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #technova .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #technova .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #9E005D; } #technova .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #2E282A; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #technova .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #2E282A; font-size: 19px; font-weight: 600; margin: 10px 0; } #technova .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #technova .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #D4145A; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #9E005D; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #technova .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #technova .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #technova .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #technova .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #technova .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #technova .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #technova .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #technova .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #technova .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #technova .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #technova .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #9E005D; padding: 25px 20px; } #technova .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #technova .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #technova .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #technova .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #9E005D; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #technova .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #technova .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #9E005D; transition: all ease-in .2s; } #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #technova .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #technova .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #technova .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #technova .webinar-thank-you .btn { color: #fff; background: #D4145A; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #technova .webinar-thank-you .btn:hover { background: #D4145A; transition: all ease-in-out .3s; } #technova .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #technova .woocommerce form.login { max-width: none; } } #technova .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #technova .woocommerce form.login .form-row { margin: 0 0 20px; } } #technova .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #technova .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #9E005D; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #technova .woocommerce form.login .form-row input[type="submit"]:hover { background: #9E005D; transition: all ease-in .2s; } #technova .woocommerce form.login .lost_password a { color: #9E005D; } #technova .woocommerce-account .woocommerce form.login { max-width: 400px; } #technova .search-bar { position: relative; margin: 30px 20px 0; } #technova .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #technova .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #9E005D; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #technova .search-bar .btn-search:hover { background-color: #2E282A; } #technova .btn-search-more { background-color: #9E005D; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #technova .entry-container { padding: 0 0 80px; } #technova .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #technova .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #technova .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #technova .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #technova .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #technova .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #technova .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #technova .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #2E282A; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #technova .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #9E005D; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #technova .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #technova .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #technova .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #technova .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #2E282A; content: "\e108"; color: #D4145A; } #technova .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #D4145A; } #technova .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #2E282A; background-color: #D4145A; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #technova .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #technova .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #technova .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #technova .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #technova .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #technova .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #technova .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #technova .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #technova .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #technova .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #technova .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #technova .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #technova .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #technova .entry-grid.view-grid .single-entry .entry-text h3 { color: #2E282A; font-size: 22px; line-height: 130%; } #technova .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #technova .entry-grid.view-grid .single-entry .entry-button { display: none; } #technova .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #technova .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #technova .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #technova .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #technova .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #technova .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #technova .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #2E282A; } #technova .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #technova .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #2E282A; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #technova .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #technova .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #technova .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #technova .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #technova .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #D4145A; } #technova .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #D4145A; } #technova .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #D4145A; } #technova .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #technova .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #technova .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #technova .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #technova .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #technova .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #technova .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #technova .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #D4145A; } #technova .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #D4145A; } #technova .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #D4145A; } #technova .entry-grid.view-list .single-entry .feat-image { display: none; } #technova .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #technova .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #technova .entry-grid.view-list .single-entry .entry-text h3 { color: #2E282A; font-size: 22px; } #technova .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #technova .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #technova .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #technova .entry-grid.view-list .single-entry .entry-button { float: left; } } #technova .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #9E005D; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #technova .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #technova .entry-grid-controls { padding: 0 15px 20px; } } #technova .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #technova .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #technova .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #technova .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #technova .entry-grid-controls .filters .filter-btn.active { border: 2px solid #2E282A; transition: all ease-in-out .3s; } #technova .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #technova .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #technova .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #2E282A; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #technova .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #technova .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #technova .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #technova .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #technova .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #technova .entry-load-more { text-align: center; } #technova .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #9E005D; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #technova .entry-load-more .load-more-btn:hover { background-color: #9E005D; transition: background 0.3s ease-in-out; } #technova .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #technova .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #technova .entry-topic { padding: 20px; } } #technova .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #technova .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #technova .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #technova .entry-topic .text { width: 100%; padding: 0; } } #technova .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #technova .entry-topic .text h3 { font-size: 26px; } } #technova .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #technova .entry-topic .text .inner-text { max-height: none; } } #technova .entry-topic .text .inner-text h4 { padding: 0; color: #D4145A; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #technova .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #technova .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #technova .entry-topic .text ul li { display: inline-block; } #technova .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #technova .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #technova .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #technova .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #technova .entry-topic .text ul li span.topic-entry-type-webinars:after, #technova .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #technova .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #technova .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #technova .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #technova .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #D4145A; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #technova .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #technova .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #technova .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #technova .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #technova .entry-topic:hover .btn { bottom: inherit; } } #technova .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2E282A; opacity: .8; z-index: 1; } #technova .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #technova .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #technova .modal .modal-content .modal-body { position: relative; } #technova .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #technova .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #technova .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #technova #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #technova #brochureModal .copy { text-align: center; width: 100%; clear: both; } #technova #brochureModal .copy h2 { margin-bottom: 30px; } #technova #brochureModal .copy p { font-size: 11px; } #technova #brochureModal .copy a { color: #9E005D; } #technova #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #technova #brochureModal .form-design-field { width: 100%; margin: 0; } } #technova #brochureModal label { display: none; } #technova #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #technova #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #9E005D; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #technova #brochureModal input[type=submit] { margin-top: 30px; } } #technova #brochureModal input[type=submit]:hover { background: #9E005D; transition: all ease-in .2s; } #technova #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #technova #reportModal .copy { text-align: center; width: 100%; clear: both; } #technova #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #technova #reportModal .copy p { font-size: 11px; } #technova #reportModal .copy a { color: #9E005D; } #technova #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #technova #reportModal .form-design-field { width: 100%; margin: 0; } } #technova #reportModal label { display: none; } #technova #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #technova #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #9E005D; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #technova #reportModal input[type=submit] { margin-top: 30px; } } #technova #reportModal input[type=submit]:hover { background: #9E005D; transition: all ease-in .2s; } #technova .details-modal-popup { cursor: pointer; } #technova #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #technova #detailsModal .modal-content img { margin-bottom: 20px; } #technova #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #2E282A; } #technova #detailsModal .modal-content a { color: #9E005D; } #technova #detailsModal .modal-content .col-1, #technova #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #technova #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #technova #detailsModal .modal-content { padding: 20px 10px; } #technova #detailsModal .modal-content h3 { padding-left: 0; } #technova #detailsModal .modal-content .col-1, #technova #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #technova .mod-speakers, #technova .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #technova .mod-speakers h2, #technova .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #technova .mod-speakers, #technova .mod-advisory-board { padding: 0; } } #technova .mod-speakers:after, #technova .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #technova .mod-speakers .single-speaker-grid, #technova .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #technova .mod-speakers .single-speaker-grid:nth-child(4n + 1), #technova .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #technova .mod-speakers .single-speaker-grid, #technova .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #technova .mod-speakers .single-speaker-grid, #technova .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #technova .mod-speakers .single-speaker-grid:nth-child(4n + 1), #technova .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #technova .mod-speakers .single-speaker-grid:nth-child(3n + 1), #technova .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #technova .mod-speakers .single-speaker-grid, #technova .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #technova .mod-speakers .single-speaker-grid:nth-child(3n + 1), #technova .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #technova .mod-speakers .single-speaker-grid:nth-child(2n + 1), #technova .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #technova .mod-speakers .single-speaker-img, #technova .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #technova .mod-speakers .single-speaker-img img, #technova .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #technova .mod-speakers .single-speaker-img, #technova .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #technova .mod-speakers .company-logo, #technova .mod-advisory-board .company-logo { margin: 0; } #technova .mod-speakers .company-logo img, #technova .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #technova .mod-speakers .company-logo, #technova .mod-advisory-board .company-logo { margin-bottom: 5px; } } #technova .mod-speakers .single-speaker-list, #technova .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #technova .mod-speakers .single-speaker-list .single-speaker-img, #technova .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #technova .mod-speakers .single-speaker-list .single-speaker-img, #technova .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #technova .mod-speakers .single-speaker-list .single-speaker-text, #technova .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #technova .mod-speakers .single-speaker-list .single-speaker-text, #technova .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #technova .mod-speakers .single-speaker-list .single-speaker-text h3, #technova .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #technova .mod-speakers .single-speaker-list .single-speaker-text h4, #technova .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #technova .mod-speakers .single-speaker-list .single-speaker-text p, #technova .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #technova .mod-speakers h3, #technova .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #technova .mod-speakers h3, #technova .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #technova .mod-speakers h3, #technova .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #technova .mod-speakers h3, #technova .mod-advisory-board h3 { font-size: 14px; } } #technova .mod-speakers h4, #technova .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #technova .mod-speakers h4, #technova .mod-advisory-board h4 { font-size: 13px; } } #technova .mod-speakers .btn-wrapper, #technova .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #technova .mod-speakers .load-speakers, #technova .mod-speakers .load-advisory-board, #technova .mod-advisory-board .load-speakers, #technova .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #9E005D; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #technova .mod-speakers .load-speakers:hover, #technova .mod-speakers .load-advisory-board:hover, #technova .mod-advisory-board .load-speakers:hover, #technova .mod-advisory-board .load-advisory-board:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .mod-speakers .load-speakers, #technova .mod-speakers .load-advisory-board, #technova .mod-advisory-board .load-speakers, #technova .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #technova .mod-speakers .loading-spinner, #technova .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #technova .mod-speakers .loading-spinner .load, #technova .mod-speakers .loading-spinner .load:after, #technova .mod-advisory-board .loading-spinner .load, #technova .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #technova .mod-speakers .loading-spinner .load, #technova .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E005D; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #technova .mod-speakers:before, #technova .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #technova .mod-speakers.loading:before, #technova .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #technova .mod-speakers.loading .loading-spinner, #technova .mod-advisory-board.loading .loading-spinner { display: block; } #technova .people-fullwidth { width: 100% !important; } #technova #speakers { position: relative; z-index: 99; } #technova .mod-speakers-global { margin: 0; width: 100%; position: relative; } #technova .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #technova .mod-speakers-global { padding: 0; } } #technova .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #technova .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #technova .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #technova .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #technova .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #technova .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #technova .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #technova .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #technova .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #technova .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #technova .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #technova .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #technova .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #technova .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #technova .mod-speakers-global .single-speaker-container { z-index: 1; } } #technova .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #technova .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #technova .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #technova .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #technova .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #technova .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #technova .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #technova .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #technova .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #technova .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #technova .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #technova .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #technova .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #technova .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #technova .mod-speakers-global .single-speaker-img { overflow: initial; } } #technova .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #technova .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #technova .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #technova .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #technova .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #technova .mod-speakers-global .company-logo { margin: 0; } #technova .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #technova .mod-speakers-global .company-logo { margin-bottom: 5px; } } #technova .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #technova .mod-speakers-global .single-speaker-details { transition: none; } } #technova .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #technova .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #technova .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #technova .mod-speakers-global .details-active-right { left: 0 !important; } } #technova .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #technova .mod-speakers-global .details-active-left { left: 0 !important; } } #technova .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #technova .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #technova .mod-speakers-global .close-detail-label { display: none; } } #technova .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #technova .mod-speakers-global .speaker-mb-img img { width: 100%; } #technova .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #technova .mod-speakers-global .speaker-extra-details { padding: 24px; } } #technova .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #technova .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #technova .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #technova .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #technova .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #technova .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #technova .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #technova .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #technova .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #technova .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #technova .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #technova .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #technova .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #technova .mod-speakers-global h3 { font-size: 14px; } } #technova .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #technova .mod-speakers-global h4 { font-size: 13px; } } #technova .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #technova .mod-speakers-global .load-speakers, #technova .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #9E005D; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #technova .mod-speakers-global .load-speakers:hover, #technova .mod-speakers-global .load-advisory-board:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .mod-speakers-global .load-speakers, #technova .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #technova .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #technova .mod-speakers-global .loading-spinner .load, #technova .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #technova .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E005D; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #technova .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #technova .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #technova .mod-speakers-global.loading .loading-spinner { display: block; } #technova .hide-scroll-top { opacity: 0; } #technova .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #technova .mod-sponsors { padding: 0; } } #technova .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #technova .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #technova .mod-sponsors .tooltip { display: block; } } #technova .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #technova .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #technova .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #technova .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #technova .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #technova .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #technova .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #technova .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #technova .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #technova .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #technova .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #technova .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #technova .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E005D; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #technova .mod-sponsors .sponsor-btn:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #technova .mod-attending { padding: 0 30px; text-align: center; } #technova .mod-attending .attendees-slider { max-height: 350px; } #technova .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #technova .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #technova .mod-attending .attendees-slider .attendee { width: 50%; } } #technova .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #technova .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #technova .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #technova .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #technova .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #technova .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #technova .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #9E005D; } @media only screen and (max-width: 1200px) { #technova .mod-attending { padding: 0; } } #technova .mod-attending h2 { text-align: center; padding: 0 0 60px; } #technova .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E005D; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #technova .mod-attending .attendee-btn:hover { background: #9E005D; } #technova .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #technova .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #technova .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #technova .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #technova .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #technova .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #technova .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #technova .mod-schedule .schedule-controls { padding: 0; } } #technova .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #technova .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #technova .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #D4145A; } @media only screen and (max-width: 600px) { #technova .mod-schedule .schedule-controls .selected-category { width: 100%; } } #technova .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #technova .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #technova .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #technova .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #2E282A; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #technova .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #technova .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #2E282A; transition: all ease-in .2s; } #technova .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #technova .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #technova .mod-schedule .schedule-controls .expand, #technova .mod-schedule .schedule-controls .collapse, #technova .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #D4145A; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #technova .mod-schedule .schedule-controls .expand span, #technova .mod-schedule .schedule-controls .collapse span, #technova .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #technova .mod-schedule .schedule-controls .expand.active, #technova .mod-schedule .schedule-controls .collapse.active, #technova .mod-schedule .schedule-controls .print-btn.active { display: block; } #technova .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #2E282A; } #technova .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #technova .mod-schedule .day-tab .d-day-dates { display: initial; } #technova .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #technova .mod-schedule .day-tab .d-day-dates { display: none; } #technova .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #technova .mod-schedule .day-tab .d-day-dates { display: none; } #technova .mod-schedule .day-tab .m-day-dates { display: initial; } } #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #technova .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #technova .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #technova .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #technova .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #technova .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #technova .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #technova .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #technova .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #technova .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #technova .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-tab:first-child { margin-left: 0; } #technova .mod-schedule .day-tab:last-child { margin-right: 0; } } #technova .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #technova .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-tab h3 { font-size: 18px; } } #technova .mod-schedule .day-tab.active { border-bottom: 2px solid #D4145A; transition: all ease-in .2s; } #technova .mod-schedule .day-tab.active h3 { color: #D4145A; } #technova .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main { width: 100%; } } #technova .mod-schedule .day-main.active { display: block; } #technova .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #9E005D; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #technova .mod-schedule .day-main .explore-next-btn a { color: #fff; } #technova .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #technova .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #technova .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #technova .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #technova .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #technova .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #technova .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #technova .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #technova .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #2E282A; text-transform: uppercase; font-size: 18px; font-weight: bold; } #technova .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #D4145A; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #technova .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #technova .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #technova .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #technova .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #2E282A; font-weight: bold; font-size: 14px; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #D4145A; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #2E282A; transform: rotate(45deg); transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #2E282A; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #technova .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #technova .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #technova .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #2E282A; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #technova .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #D4145A; padding-bottom: 0px; } #technova .mod-schedule .day-main .day-entry.active .day-entry-title { background: #2E282A; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #2E282A; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #technova .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #technova .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #technova .mod-schedule .day-main .day-entry.active .day-entry-sessions, #technova .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #technova .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #technova .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #2E282A; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #technova .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #technova .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #2E282A; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #2E282A; } @media only screen and (max-width: 1200px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #D4145A; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description p, #technova .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #2E282A; font-size: 14px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #D4145A; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #2E282A; font-size: 13px; } #technova .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #technova .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #2E282A; } #technova .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #D4145A; } } @media only screen and (max-width: 600px) { #technova .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #technova .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #technova .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #2E282A; } #technova .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #D4145A; } #technova .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #technova .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #technova .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #technova .mod-webinar .modal .modal-body { padding: 0; } #technova .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #technova .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #technova .mod-webinar .modal .chat { float: left; width: 400px; } #technova .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #technova .mod-tickets { float: left; width: 100%; } #technova .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #technova .mod-tickets .tickets { width: 100%; } } #technova .mod-tickets .tickets .ticket { float: left; border: 3px solid #2E282A; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #technova .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #technova .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #technova .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #technova .mod-tickets .tickets .ticket .ticket-title { background: #2E282A; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #D4145A; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #D4145A; background: none; padding: 8px 10px 0 10px; width: 35%; } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #technova .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #technova .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #technova .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #technova .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #technova .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #technova .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #technova .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #technova .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #9E005D; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #9E005D; padding-top: 8px; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #9E005D; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #technova .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #technova .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #technova .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #technova .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #technova .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #technova .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #technova .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #technova .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #technova .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #technova .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #technova .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #technova .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #technova .mod-tickets .ticket-order { width: 100%; } } #technova .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #technova .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #9E005D; } #technova .mod-tickets .ticket-order .cart p { text-align: left; } #technova .mod-tickets .ticket-order .cart h3 { background: #9E005D; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #technova .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #technova .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #technova .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #technova .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #technova .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #technova .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #technova .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #technova .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #technova .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E005D; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #technova .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #technova .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #technova .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #technova .mod-tickets .loading-spinner .load, #technova .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #technova .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E005D; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #technova .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #technova .mod-tickets.loading { pointer-events: none; } #technova .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #technova .mod-tickets.loading .loading-spinner { display: block; } #technova #insurerConfirmModal .modal-content { border: 3px solid #9E005D; box-shadow: none; padding: 20px; max-width: 500px; } #technova #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #technova #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #technova #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #technova #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #technova #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #technova #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #technova #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #9E005D; } #technova #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #2E282A; } #technova #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #technova .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #technova .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #technova .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #technova .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #technova .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #2E282A; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #technova .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #technova .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #technova .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #technova .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #technova .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #technova .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #technova .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #2E282A; opacity: 0.85; transition: all 0.3s linear; } #technova .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #technova .mod-related-content .related-article .event-img:hover:after { top: 0; } #technova .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #technova .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #technova .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #technova .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #technova .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #technova .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #technova .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #technova .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #technova .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #technova .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #technova .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #technova .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #technova .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #technova .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #technova .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #technova .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #technova .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #technova .mod-map-marker .et_pb_row { position: relative; height: 100%; } #technova .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #technova .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #technova .mod-map-marker .marker { padding: 20px 20px 0; } } #technova .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #technova .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #technova .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #9E005D; font-size: 14px; letter-spacing: 1px; color: #9E005D; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #technova .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #technova .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #technova .mod-map-marker .marker a:hover { border: 2px solid #9E005D; transition: all ease-in .2s; } #technova .et_pb_map { height: 600px; } #technova .contact-map .et_pb_map { height: 300px; } #technova .gmnoprint { display: none; } #technova .mod-sign-up { width: 100%; margin: 0; background: #9E005D; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #technova .mod-sign-up { width: 100%; margin: 0; } } #technova .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #2E282A; } #technova .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #technova .mod-sign-up .elq-form { float: left; width: 100%; } #technova .mod-sign-up .elq-form label { display: none; } #technova .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #technova .mod-sign-up .elq-form .form-design-field { width: 100%; } } #technova .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #technova .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #technova .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #technova .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #technova .mod-sponsorship-form label { display: none; } #technova .mod-sponsorship-form .col-1, #technova .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #technova .mod-sponsorship-form .col-1, #technova .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #technova .mod-sponsorship-form .col-2 { float: right; } #technova .mod-sponsorship-form input:not([type=submit]), #technova .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #technova .mod-sponsorship-form textarea { min-height: 160px; } #technova .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #technova .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #technova .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #2E282A; color: #2E282A; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #technova .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #technova .mod-homepage-index .index-entry-filters li:hover { background-color: #2E282A; transition: all ease-in-out .3s; } #technova .mod-homepage-index .index-entry-filters li.active { background-color: #2E282A; color: #fff; transition: all ease-in-out .3s; } #technova .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #technova .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #technova .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #technova .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #technova .mod-homepage-index .index-entry.active { display: block; } #technova .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #technova .masonry-grid .grid-item img { width: 100%; height: auto; } #technova.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #technova.et-fb .et_pb_masonry_grid > div { display: none; } #technova.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #technova #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #technova #event-menu .fullwidth-menu { padding-top: 15px !important; } #technova #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #technova .admin-bar #event-menu { top: 62px; } #technova .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #technova .homepage-event-section .divider-strip { position: relative; } #technova .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #D4145A; margin-top: 30px; } #technova .homepage-events-preview { margin-top: 80px; } #technova .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #technova .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #technova .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #technova .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #technova .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #technova .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #technova .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #2E282A; opacity: 0.85; transition: all 0.3s linear; } #technova .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #technova .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #technova .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #technova .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #9E005D; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #technova .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #technova .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #2E282A; opacity: 0.95; } #technova .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #technova .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #technova .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #technova .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #technova .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #technova .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #technova .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #technova .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #technova .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #technova .homepage-events-preview:after { display: none; } #technova .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #technova .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #technova .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #technova .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #technova .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #technova .topic-header { position: relative; background-position: center; background-size: cover; } #technova .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2E282A; opacity: 0.95; } #technova .topic-header * { position: relative; z-index: 1; } #technova .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #technova .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2E282A; opacity: 0.95; } #technova .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #technova .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #technova .featured-event { padding-right: 20px; } } #technova .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #D4145A; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #technova .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #technova .featured-event .close:hover { color: #9E005D; } #technova .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #D4145A; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #technova .featured-event .dates-of-event strong { display: block; font-weight: 800; } #technova .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #D4145A; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #technova .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #technova .featured-event .dates-of-event { top: 45%; } } #technova .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #technova .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #technova .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #technova .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #technova .featured-event .col-6 > img { max-height: 130px; } } #technova .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #technova .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #technova .featured-event .col-6.right { padding-right: 0; } } #technova .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #technova .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #technova .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #technova .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #technova .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #technova .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #D4145A; display: block; line-height: 120%; } @media (max-width: 699px) { #technova .featured-event .col-6 .countdown-to-event span { width: 50px; } #technova .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #technova .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #technova .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #technova .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #technova .featured-event .col-6 .event-type.event { color: #D4145A; } #technova .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #technova .featured-event .col-6 .event-type.article { color: #366893; } #technova .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #technova .featured-event .col-6 .event-type.webinar { color: #9E005D; } #technova .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #technova .featured-event .col-6 .event-type.course { color: #8A9299; } #technova .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #technova .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #technova .featured-event .col-6 h2 { padding-right: 40px; } } #technova .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #D4145A; display: block; line-height: 150%; margin: 0 0 20px 0; } #technova .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #technova .featured-event .col-6 .white-btn, #technova .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #technova .featured-event .col-6 .white-btn:hover, #technova .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #technova .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #technova .featured-event .col-6 .colored-btn { background: #D4145A; border-color: #D4145A; margin-right: 0; } #technova .events-filter { margin: 50px 0 20px 0; } #technova .events-filter ul { float: left; } #technova .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #technova .events-filter ul li p { font-size: 16px; } #technova .events-filter ul li.active p { color: green; } #technova .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #technova .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #technova .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #technova .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #technova .events-filter > span.icon_grid-2x2 { color: #2E282A; } #technova .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #technova .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #technova .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #technova .events-filter > span:hover, #technova .events-filter > span.icon-active { color: #9E005D; } @media (max-width: 767px) { #technova .events-filter > span.icon_grid-2x2, #technova .events-filter > span.icon_menu { display: none; } } #technova .inner-events-boxes { font-size: 0; } #technova .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #technova .inner-events-boxes .event-box.active { display: inline-block; } #technova .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #technova .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #technova .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #2E282A; opacity: 0.9; } #technova .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #technova .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #technova .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #technova .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #technova .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #technova .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #technova .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #technova .inner-events-boxes .event-box > div .event-type.event { color: #D4145A; } #technova .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #technova .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #technova .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #technova .inner-events-boxes .event-box > div .event-type.webinar { color: #9E005D; } #technova .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #technova .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #technova .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #technova .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #9E005D; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #technova .inner-events-boxes .event-box > div .event-btn:hover { background: #9E005D; } #technova .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #technova .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #technova .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #technova .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #technova .inner-events-boxes .event-box.col-4 > div:hover p, #technova .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #technova .inner-events-boxes .event-box > div h3 { font-size: 20px; } #technova .inner-events-boxes .event-box > div p, #technova .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #technova .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #technova .inner-events-boxes .event-box.col-4 { width: 48%; } #technova .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #technova .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #technova .inner-events-boxes .event-box.col-4 > div { height: auto; } } #technova div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #technova div.inner-event-header .et_pb_row { z-index: 2; } #technova div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2E282A; z-index: 1; pointer-events: none; opacity: 0.8; } #technova div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #D4145A 35px, transparent 35px); background: -moz-linear-gradient(right, #D4145A 35px, transparent 35px); background: -o-linear-gradient(right, #D4145A 35px, transparent 35px); background: -webkit-linear-gradient(left, #D4145A 35px, transparent 35px); pointer-events: none; } #technova div.inner-event-header img, #technova div.inner-event-header h1, #technova div.inner-event-header h2, #technova div.inner-event-header h3, #technova div.inner-event-header h4, #technova div.inner-event-header h5, #technova div.inner-event-header h6, #technova div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #technova div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #technova div.inner-event-header a:hover { background: #8A9299; } #technova div.inner-event-header a.colored-btn { background: #9E005D; border-color: #9E005D; } #technova div.inner-event-header a.colored-btn:hover { background: #9E005D; border-color: #9E005D; } @media (max-width: 1199px) { #technova div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #technova div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #technova div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #technova div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #technova div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #technova div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #technova div.inner-event-header img { padding: 20px 20px 5px 20px; } #technova div.inner-event-header h1 { padding: 0; } #technova div.inner-event-header a { margin: 0 0 10px 0; } } #technova .event-icons div { display: inline-block; } #technova .event-icons div > strong { display: block; } @media (max-width: 599px) { #technova .event-icons div img { max-width: 50px; max-height: 50px; } #technova .event-icons div > strong { font-size: 30px !important; } #technova .event-icons div > span { font-size: 16px !important; } } #technova .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #technova .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #technova .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #technova .et_pb_number_counter .percent { height: auto; } } #technova .et_pb_widget { width: 100%; } #technova .et_pb_widget .field-wrapper label { display: none; } #technova .et_pb_widget .field-wrapper input, #technova .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #technova .et_pb_widget .field-wrapper input[type=submit], #technova .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #9E005D; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #technova .et_pb_widget .field-wrapper input[type=submit]:hover, #technova .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #9E005D; } @media (max-width: 1199px) { #technova .et_pb_widget .field-wrapper input[type=submit], #technova .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #technova .et_pb_widget .field-wrapper input:focus, #technova .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #technova .et_pb_widget .field-wrapper input, #technova .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #technova .sponsorship-header { background-position: center; background-size: cover; } #technova .sponsorship-header .et_pb_row { z-index: 2; } #technova .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2E282A; z-index: 1; pointer-events: none; opacity: 0.8; } #technova .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #technova .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #technova .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #technova .sponsorship-testimonials { float: left; width: 100%; } #technova .testimonials { position: relative; } #technova .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #D4145A; } @media only screen and (max-width: 900px) { #technova .testimonials .et_pb_column_2:after { display: none; } } #technova .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #D4145A; } @media only screen and (max-width: 900px) { #technova .testimonials .et_pb_column_3:after { display: none; } } #technova .header-message { text-align: center; background-color: #9E005D; position: relative; z-index: 1; } #technova .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #technova .header-message a { color: #fff; text-decoration: underline; } #technova #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #2E282A; } #technova #catapult-cookie-bar .ctcc-left-side { color: #fff; } #technova #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #technova #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #D4145A; color: #fff; } #technova .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #2E282A; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #technova .page-header { padding: 60px 0 40px; } } #technova .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #2E282A; opacity: 0.8; } @supports (background-blend-mode: multiply) { #technova .page-header:after { opacity: 0.2; } } #technova .page-header .container { position: relative; z-index: 2; } #technova .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #technova .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #technova .page-header .container h1 { font-size: 35px; } } #technova .background-overlay { position: relative; background-color: #2E282A; background-blend-mode: multiply; } #technova .background-overlay .et_parallax_bg { background-color: #2E282A; background-blend-mode: multiply; } #technova .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #2E282A; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #technova .background-overlay:after { opacity: 0.2; } } #technova .background-overlay .et_pb_row { position: relative; z-index: 10; } #technova .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #technova .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #technova .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #technova .topic-feat-event .container { padding: 0; } #technova .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #technova .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #technova .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #technova .feat-event-inner { padding: 50px 20px 20px; } } #technova .feat-event-inner .featured { color: #D4145A; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #technova .feat-event-inner .featured span { color: #D4145A; } #technova .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #technova .feat-event-inner .entry-date { position: absolute; background: #D4145A; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #technova .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #technova .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #technova .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #technova .feat-event-inner .col-1, #technova .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #technova .feat-event-inner .col-1, #technova .feat-event-inner .col-2 { width: 100%; float: none; } } #technova .feat-event-inner .col-1 img { max-width: 75%; } #technova .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #technova .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #technova .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #technova .feat-event-inner .col-1 .btn { width: 100%; } } #technova .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #technova .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #technova .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #D4145A; background-color: #D4145A; transition: all ease-in-out .3s; } #technova .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #D4145A; background-color: #D4145A; transition: all ease-in-out .3s; } #technova .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #technova .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #technova .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #technova .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #technova .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #technova .feat-event-inner .col-2 { display: none; } } #technova .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #technova .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #technova .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #technova .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #technova .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #technova .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2E282A; opacity: .7; z-index: 1; } #technova .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #technova .topic-grid:after { content: ''; background-color: #D4145A; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #technova .topic-grid:after { display: none; } } #technova .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #technova .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #technova .related-articles .other-related { float: left; width: 100%; } #technova .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #technova .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #technova body.woocommerce .woocommerce-tabs { margin: 0; } #technova body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #technova body.woocommerce .woocommerce-message { background: #9E005D !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #technova body.woocommerce .woocommerce-error { background-color: #D4145A; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #technova body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #technova body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #technova #fep-wrapper { margin: 0; } #technova #fep-wrapper #fep-header, #technova #fep-wrapper #fep-footer { display: none; } #technova #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #technova #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #technova #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #technova #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #technova #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #technova #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #technova #fep-wrapper #fep-menu .fep-button, #technova #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #9E005D; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-menu .fep-button:hover, #technova #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #9E005D; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-menu .fep-button .fep-font-red, #technova #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #technova #fep-wrapper #fep-menu .fep-button-active { background-color: #9E005D; } #technova #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #technova #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #technova #fep-wrapper #fep-content > h2 { padding: 10px; color: #2E282A; font-weight: bold; } #technova #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #technova #fep-wrapper #fep-content .fep-message-table { margin: 0; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #9E005D; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #D4145A; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #D4145A; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #technova #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #technova #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #technova #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #technova #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #technova #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #technova #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #9E005D; display: inline-block; margin: 20px 0; font-size: 16px; } #technova #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #D4145A; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #technova #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #D4145A; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #9E005D; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #technova #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #technova #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #9E005D; transition: all ease-in-out .3s; } #technova #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #technova #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #technova #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #technova #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #D4145A; box-shadow: none; } #technova #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #9E005D; } #technova .fep-success, #technova .fep-error, #technova .fep-wp-error { background-color: #9E005D; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #technova .fep-wp-error, #technova .fep-error { background-color: #D4145A; } #technova .fep-message { background-color: #F6F6F6; } #technova .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #technova .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #2E282A; } #technova .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #2E282A; } #technova .fep-per-message .fep-message-toggle-all { color: #9E005D; margin-bottom: 5px; } #technova .fep-per-message .fep-message-title, #technova .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #technova .fep-per-message .fep-message-title .author, #technova .fep-per-message .fep-message-content .author { font-weight: 500; } #technova .fep-per-message .fep-message-title .date, #technova .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #technova .fep-per-message .fep-message-title p, #technova .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #technova .fep-per-message .fep-message-title hr, #technova .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #technova #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #9E005D; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #technova #fep-notification-bar a { color: #fff; } #technova .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #D4145A !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #technova .fep-custom-button:before { content: '◄ '; } #technova .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #technova .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #technova .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #technova .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #technova .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #technova .fep-search-inbox::placeholder { text-align: left; } } #market360 { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #market360 body, #market360 html { overflow-x: hidden; margin-top: 0 !important; } #market360 .hide { display: none; } #market360 .text-center { text-align: center; } #market360 style { display: none !important; } #market360 .et_pb_section { clear: both; } #market360 .single .post { padding: 0; margin: 0; } #market360 .img-bullet-point { position: absolute; top: 0; left: -40px; } #market360 #left-area { padding-bottom: 0 !important; } #market360 *::selection { background-color: #E6007E; } #market360 #et_search_icon:hover, #market360 .mobile_menu_bar:before, #market360 .mobile_menu_bar:after, #market360 .et-social-icon a:hover, #market360 .comment-reply-link, #market360 .form-submit .et_pb_button, #market360 .entry-summary p.price ins, #market360 .woocommerce div.product span.price, #market360 .woocommerce-page div.product span.price, #market360 .woocommerce #content div.product span.price, #market360 .woocommerce-page #content div.product span.price, #market360 .woocommerce div.product p.price, #market360 .woocommerce-page div.product p.price, #market360 .woocommerce #content div.product p.price, #market360 .woocommerce-page #content div.product p.price, #market360 .woocommerce .star-rating span:before, #market360 .woocommerce-page .star-rating span:before, #market360 .woocommerce a.button.alt, #market360 .woocommerce-page a.button.alt, #market360 .woocommerce button.button.alt, #market360 .woocommerce-page button.button.alt, #market360 .woocommerce input.button.alt, #market360 .woocommerce-page input.button.alt, #market360 .woocommerce #respond input#submit.alt, #market360 .woocommerce-page #respond input#submit.alt, #market360 .woocommerce #content input.button.alt, #market360 .woocommerce-page #content input.button.alt, #market360 .woocommerce a.button, #market360 .woocommerce-page a.button, #market360 .woocommerce button.button, #market360 .woocommerce-page button.button, #market360 .woocommerce input.button, #market360 .woocommerce-page input.button, #market360 .woocommerce #respond input#submit, #market360 .woocommerce-page #respond input#submit, #market360 .woocommerce #content input.button, #market360 .woocommerce-page #content input.button, #market360 .woocommerce a.button.alt:hover, #market360 .woocommerce-page a.button.alt:hover, #market360 .woocommerce button.button.alt:hover, #market360 .woocommerce-page button.button.alt:hover, #market360 .woocommerce input.button.alt:hover, #market360 .woocommerce-page input.button.alt:hover, #market360 .woocommerce #respond input#submit.alt:hover, #market360 .woocommerce-page #respond input#submit.alt:hover, #market360 .woocommerce #content input.button.alt:hover, #market360 .woocommerce-page #content input.button.alt:hover, #market360 .woocommerce a.button:hover, #market360 .woocommerce-page a.button:hover, #market360 .woocommerce button.button, #market360 .woocommerce-page button.button:hover, #market360 .woocommerce input.button:hover, #market360 .woocommerce-page input.button:hover, #market360 .woocommerce #respond input#submit:hover, #market360 .woocommerce-page #respond input#submit:hover, #market360 .woocommerce #content input.button:hover, #market360 .wp-pagenavi span.current, #market360 .wp-pagenavi a:hover, #market360 .et_password_protected_form .et_submit_button, #market360 .nav-single a, #market360 .posted_in a, #market360 #top-menu li.current-menu-ancestor > a, #market360 #top-menu li.current-menu-item > a, #market360 .bottom-nav li.current-menu-item > a, #market360 .footer-widget h4 { color: #E6007E; } #market360 .title-with-bottom-line, #market360 .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #market360 .title-with-bottom-line h3, #market360 .title-with-bottom-line > :last-child, #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #market360 .title-with-bottom-line h3, #market360 .title-with-bottom-line > :last-child, #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #market360 .title-with-bottom-line h3, #market360 .title-with-bottom-line > :last-child, #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #market360 .title-with-bottom-line h3, #market360 .title-with-bottom-line > :last-child, #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #market360 .title-with-bottom-line h3, #market360 .title-with-bottom-line > :last-child, #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #market360 .title-with-bottom-line:after, #market360 .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #E6007E; } @media (max-width: 400px) { #market360 .title-with-bottom-line:after, #market360 .title-with-bottom-line-grey:after { bottom: -5px; } } #market360 .title-with-bottom-line-grey h3, #market360 .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #market360 .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #market360 .secondary-title-with-bottom-line { margin-top: 0; } } #market360 .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #market360 .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #market360 .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #market360 .secondary-title-with-bottom-line:after { bottom: -5px; } } #market360 .et-search-form, #market360 .et_mobile_menu, #market360 .footer-widget li:before, #market360 .nav li ul, #market360 blockquote { border-color: #E6007E; } @media print { #market360 .single-product.print-view { visibility: hidden; } #market360 .single-product.print-view #agenda { visibility: visible; } @page { #market360 .single-product.print-view { margin: 20px 0; } } #market360 .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #market360 .single-product.print-view #top-header, #market360 .single-product.print-view #main-header, #market360 .single-product.print-view #main-footer, #market360 .single-product.print-view .et_pb_section_1, #market360 .single-product.print-view .et_pb_module:not(.mod-schedule), #market360 .single-product.print-view .schedule-controls, #market360 .single-product.print-view .footer-form, #market360 .single-product.print-view .day-tab, #market360 .single-product.print-view .stream-tabs, #market360 .single-product.print-view .explore-next-btn, #market360 .single-product.print-view .et_pb_scroll_top { display: none !important; } #market360 .single-product.print-view .et_pb_section, #market360 .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #market360 .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #market360 .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #1D1D1B !important; break-after: avoid-page; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #market360 .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #market360 .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #market360 .col-6 { width: 49%; } #market360 .pull-left { float: left; } #market360 .pull-right { float: right; } #market360 .clear { clear: both; } #market360 .container { width: 100%; } #market360 .et-cart-info { display: none; } #market360 #top-header { background-color: #1D1D1B; } #market360 #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #market360 #main-header .container { padding-left: 20px; padding-right: 20px; } #market360 #logo { max-height: 64px; } @media (max-width: 1079px) { #market360 #logo { max-height: 40px; } } #market360 .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #market360 .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #market360 .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #market360 .et_header_style_left #logo, #market360 .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #market360 .et_header_style_left #et-top-navigation, #market360 .et_header_style_split #et-top-navigation, #market360 .et_header_style_left .et-fixed-header #et-top-navigation, #market360 .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #market360 .et_header_style_left #et-top-navigation nav > ul > li > a, #market360 .et_header_style_split #et-top-navigation nav > ul > li > a, #market360 .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #market360 .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #market360 .et_header_style_left #et-top-navigation, #market360 .et_header_style_split #et-top-navigation, #market360 .et_header_style_left .et-fixed-header #et-top-navigation, #market360 .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #market360 .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #market360 #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #market360 #top-menu li a { color: #000; font-weight: 400; } #market360 #top-menu li li { padding: 0; } #market360 #top-menu li li a:hover { background: none; color: #E6007E; opacity: 1; } #market360 #top-menu li li:hover a { color: #E6007E; opacity: 1; } @media (max-width: 1199px) { #market360 #top-menu li { padding-right: 35px; } } #market360 #top-menu-nav > ul > li > a:hover, #market360 #et-secondary-menu > ul > li > a:hover, #market360 #et-info-email:hover, #market360 .et-social-icons a:hover { color: #E6007E; opacity: 1; } #market360 #top-menu .menu-item-has-children > a:first-child:after, #market360 #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #market360 #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #market360 #et_top_search { right: 40px; top: 7px; } } #market360 #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #market360 #et_top_search { margin-left: 35px; } #market360 #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #market360 #et_top_search #et_search_icon:before { top: 7px; } } #market360 .nav li ul, #market360 .et_mobile_menu { border-top-color: #E6007E; } #market360 .et_mobile_menu { padding: 15px 0; } #market360 .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #market360 .et_mobile_menu li a:hover { background: none; color: #E6007E; } #market360 .et_mobile_menu li.current-menu-item a { color: #E6007E; } #market360 .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #market360 .et_mobile_menu li ul li { padding: 0; } #market360 .et_mobile_menu li ul li a { padding: 10px 20px; } #market360 .footer-form { padding: 0; background-color: #E6007E !important; } #market360 .footer-form a { color: #fff; text-decoration: underline; } #market360 .footer-form .et_pb_text { margin-bottom: 0; } #market360 .footer-form .mod-sign-up p span { font-size: 10px; } #market360 #main-footer { background: #1D1D1B; clear: both; } #market360 #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #market360 #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #market360 #footer-widgets .footer-widget p { color: #fff; } #market360 #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #market360 #footer-widgets .footer-widget li { margin: 0; padding: 0; } #market360 #footer-widgets .footer-widget li:before { display: none; } #market360 #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #market360 #footer-widgets .footer-widget li a:hover { color: #E6007E; } @media (max-width: 767px) { #market360 #footer-widgets { padding: 30px 0 0 0; } #market360 #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #market360 #footer-widgets .footer-widget li a { padding: 3px 0; } #market360 #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #market360 #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #market360 #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #market360 #footer-widgets { padding-bottom: 60px; } } #market360 #footer-info { float: none; color: #fff; font-size: 12px; } #market360 .et-social-icons { display: none; } #market360 #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #market360 .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #market360 .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #market360 .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #market360 body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #market360 body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #market360 body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #market360 body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #market360 body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #market360 .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #market360 .desktop-my-account { display: none; } } #market360 .mobile-my-account { display: none; } @media (max-width: 980px) { #market360 .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #market360 .account-page { padding: 0 20px; } } #market360 .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #market360 .account-page .container { padding-top: 30px; } } #market360 .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #market360 .account-page h1.main_title span { color: #E6007E; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #market360 .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #market360 .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #market360 .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #market360 .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #market360 .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #market360 .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #market360 .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #market360 .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #market360 .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #market360 .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #E6007E; } @media only screen and (max-width: 900px) { #market360 .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #market360 .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #E6007E; font-weight: 600; } } #market360 .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #market360 .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #market360 .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #E6007E; cursor: pointer; } } #market360 .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #market360 .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #market360 .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #market360 .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #E6007E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #market360 .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #E6007E; transition: all ease-in .2s; } #market360 .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #market360 .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #market360 .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #market360 .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #market360 .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #market360 .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #market360 .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #market360 .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #market360 .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #E6007E; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #market360 .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #market360 .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #E6007E; } #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td a, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #E6007E; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #FDCE1E; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #E6007E; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #FDCE1E; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #market360 .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #market360 .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #FDCE1E; transition: all ease-in-out .3s; } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #1D1D1B; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #market360 .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #market360 .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #market360 .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #market360 .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #market360 .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #market360 .woocommerce-checkout #main-content .col-1, #market360 .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #market360 .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #E6007E; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #market360 .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #market360 .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #market360 .woocommerce-checkout #main-content .woocommerce-info:hover { background: #E6007E; transition: all ease-in .2s; } #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #1D1D1B; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #market360 .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #market360 .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #market360 .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #market360 .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #market360 .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #market360 .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #market360 .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .form-row label { position: relative; } } #market360 .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #market360 .woocommerce-checkout #main-content .form-row select { height: 52px; } #market360 .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #market360 .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #market360 .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #market360 .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #market360 .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #market360 .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #market360 .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #market360 .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #market360 .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #market360 .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #market360 .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #market360 .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #market360 .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #market360 .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #E6007E; } #market360 .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #1D1D1B; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #market360 .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #1D1D1B; font-size: 19px; font-weight: 600; margin: 10px 0; } #market360 .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #market360 .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #FDCE1E; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #E6007E; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #market360 .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #market360 .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #market360 .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #market360 .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #market360 .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #market360 .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #market360 .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #market360 .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #market360 .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #market360 .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #market360 .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #E6007E; padding: 25px 20px; } #market360 .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #market360 .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #market360 .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #market360 .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #market360 .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #market360 .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #market360 .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #market360 .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #market360 .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #market360 .webinar-thank-you .btn { color: #fff; background: #FDCE1E; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #market360 .webinar-thank-you .btn:hover { background: #FDCE1E; transition: all ease-in-out .3s; } #market360 .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #market360 .woocommerce form.login { max-width: none; } } #market360 .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #market360 .woocommerce form.login .form-row { margin: 0 0 20px; } } #market360 .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #market360 .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #E6007E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #market360 .woocommerce form.login .form-row input[type="submit"]:hover { background: #E6007E; transition: all ease-in .2s; } #market360 .woocommerce form.login .lost_password a { color: #E6007E; } #market360 .woocommerce-account .woocommerce form.login { max-width: 400px; } #market360 .search-bar { position: relative; margin: 30px 20px 0; } #market360 .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #market360 .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #E6007E; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #market360 .search-bar .btn-search:hover { background-color: #1D1D1B; } #market360 .btn-search-more { background-color: #E6007E; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #market360 .entry-container { padding: 0 0 80px; } #market360 .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #market360 .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #market360 .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #market360 .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #market360 .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #market360 .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #market360 .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #1D1D1B; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #market360 .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #E6007E; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #market360 .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #market360 .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #market360 .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #market360 .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; content: "\e108"; color: #FDCE1E; } #market360 .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #FDCE1E; } #market360 .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #1D1D1B; background-color: #FDCE1E; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #market360 .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #market360 .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #market360 .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #market360 .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #market360 .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #market360 .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #market360 .entry-grid.view-grid .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; line-height: 130%; } #market360 .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #market360 .entry-grid.view-grid .single-entry .entry-button { display: none; } #market360 .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #market360 .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #market360 .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #market360 .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #market360 .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; } #market360 .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #market360 .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #1D1D1B; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #market360 .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #market360 .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #market360 .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #market360 .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #market360 .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #market360 .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #market360 .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #market360 .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #market360 .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #market360 .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #market360 .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #FDCE1E; } #market360 .entry-grid.view-list .single-entry .feat-image { display: none; } #market360 .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #market360 .entry-grid.view-list .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; } #market360 .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #market360 .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #market360 .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #market360 .entry-grid.view-list .single-entry .entry-button { float: left; } } #market360 .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #E6007E; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #market360 .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #market360 .entry-grid-controls { padding: 0 15px 20px; } } #market360 .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #market360 .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #market360 .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #market360 .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #market360 .entry-grid-controls .filters .filter-btn.active { border: 2px solid #1D1D1B; transition: all ease-in-out .3s; } #market360 .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #market360 .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #market360 .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #1D1D1B; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #market360 .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #market360 .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #market360 .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #market360 .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #market360 .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #market360 .entry-load-more { text-align: center; } #market360 .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #market360 .entry-load-more .load-more-btn:hover { background-color: #E6007E; transition: background 0.3s ease-in-out; } #market360 .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #market360 .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #market360 .entry-topic { padding: 20px; } } #market360 .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #market360 .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #market360 .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #market360 .entry-topic .text { width: 100%; padding: 0; } } #market360 .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #market360 .entry-topic .text h3 { font-size: 26px; } } #market360 .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #market360 .entry-topic .text .inner-text { max-height: none; } } #market360 .entry-topic .text .inner-text h4 { padding: 0; color: #FDCE1E; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #market360 .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #market360 .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #market360 .entry-topic .text ul li { display: inline-block; } #market360 .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #market360 .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #market360 .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #market360 .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #market360 .entry-topic .text ul li span.topic-entry-type-webinars:after, #market360 .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #market360 .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #market360 .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #market360 .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #market360 .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #FDCE1E; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #market360 .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #market360 .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #market360 .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #market360 .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #market360 .entry-topic:hover .btn { bottom: inherit; } } #market360 .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: .8; z-index: 1; } #market360 .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #market360 .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #market360 .modal .modal-content .modal-body { position: relative; } #market360 .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #market360 .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #market360 .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #market360 #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #market360 #brochureModal .copy { text-align: center; width: 100%; clear: both; } #market360 #brochureModal .copy h2 { margin-bottom: 30px; } #market360 #brochureModal .copy p { font-size: 11px; } #market360 #brochureModal .copy a { color: #E6007E; } #market360 #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #market360 #brochureModal .form-design-field { width: 100%; margin: 0; } } #market360 #brochureModal label { display: none; } #market360 #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #market360 #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #market360 #brochureModal input[type=submit] { margin-top: 30px; } } #market360 #brochureModal input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #market360 #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #market360 #reportModal .copy { text-align: center; width: 100%; clear: both; } #market360 #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #market360 #reportModal .copy p { font-size: 11px; } #market360 #reportModal .copy a { color: #E6007E; } #market360 #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #market360 #reportModal .form-design-field { width: 100%; margin: 0; } } #market360 #reportModal label { display: none; } #market360 #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #market360 #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #market360 #reportModal input[type=submit] { margin-top: 30px; } } #market360 #reportModal input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #market360 .details-modal-popup { cursor: pointer; } #market360 #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #market360 #detailsModal .modal-content img { margin-bottom: 20px; } #market360 #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #1D1D1B; } #market360 #detailsModal .modal-content a { color: #E6007E; } #market360 #detailsModal .modal-content .col-1, #market360 #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #market360 #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #market360 #detailsModal .modal-content { padding: 20px 10px; } #market360 #detailsModal .modal-content h3 { padding-left: 0; } #market360 #detailsModal .modal-content .col-1, #market360 #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #market360 .mod-speakers, #market360 .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #market360 .mod-speakers h2, #market360 .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #market360 .mod-speakers, #market360 .mod-advisory-board { padding: 0; } } #market360 .mod-speakers:after, #market360 .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #market360 .mod-speakers .single-speaker-grid, #market360 .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #market360 .mod-speakers .single-speaker-grid:nth-child(4n + 1), #market360 .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #market360 .mod-speakers .single-speaker-grid, #market360 .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #market360 .mod-speakers .single-speaker-grid, #market360 .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #market360 .mod-speakers .single-speaker-grid:nth-child(4n + 1), #market360 .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #market360 .mod-speakers .single-speaker-grid:nth-child(3n + 1), #market360 .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #market360 .mod-speakers .single-speaker-grid, #market360 .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #market360 .mod-speakers .single-speaker-grid:nth-child(3n + 1), #market360 .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #market360 .mod-speakers .single-speaker-grid:nth-child(2n + 1), #market360 .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #market360 .mod-speakers .single-speaker-img, #market360 .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #market360 .mod-speakers .single-speaker-img img, #market360 .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #market360 .mod-speakers .single-speaker-img, #market360 .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #market360 .mod-speakers .company-logo, #market360 .mod-advisory-board .company-logo { margin: 0; } #market360 .mod-speakers .company-logo img, #market360 .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #market360 .mod-speakers .company-logo, #market360 .mod-advisory-board .company-logo { margin-bottom: 5px; } } #market360 .mod-speakers .single-speaker-list, #market360 .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #market360 .mod-speakers .single-speaker-list .single-speaker-img, #market360 .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #market360 .mod-speakers .single-speaker-list .single-speaker-img, #market360 .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #market360 .mod-speakers .single-speaker-list .single-speaker-text, #market360 .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #market360 .mod-speakers .single-speaker-list .single-speaker-text, #market360 .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #market360 .mod-speakers .single-speaker-list .single-speaker-text h3, #market360 .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #market360 .mod-speakers .single-speaker-list .single-speaker-text h4, #market360 .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #market360 .mod-speakers .single-speaker-list .single-speaker-text p, #market360 .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #market360 .mod-speakers h3, #market360 .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #market360 .mod-speakers h3, #market360 .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #market360 .mod-speakers h3, #market360 .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #market360 .mod-speakers h3, #market360 .mod-advisory-board h3 { font-size: 14px; } } #market360 .mod-speakers h4, #market360 .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #market360 .mod-speakers h4, #market360 .mod-advisory-board h4 { font-size: 13px; } } #market360 .mod-speakers .btn-wrapper, #market360 .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #market360 .mod-speakers .load-speakers, #market360 .mod-speakers .load-advisory-board, #market360 .mod-advisory-board .load-speakers, #market360 .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #market360 .mod-speakers .load-speakers:hover, #market360 .mod-speakers .load-advisory-board:hover, #market360 .mod-advisory-board .load-speakers:hover, #market360 .mod-advisory-board .load-advisory-board:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .mod-speakers .load-speakers, #market360 .mod-speakers .load-advisory-board, #market360 .mod-advisory-board .load-speakers, #market360 .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #market360 .mod-speakers .loading-spinner, #market360 .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #market360 .mod-speakers .loading-spinner .load, #market360 .mod-speakers .loading-spinner .load:after, #market360 .mod-advisory-board .loading-spinner .load, #market360 .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #market360 .mod-speakers .loading-spinner .load, #market360 .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #market360 .mod-speakers:before, #market360 .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #market360 .mod-speakers.loading:before, #market360 .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #market360 .mod-speakers.loading .loading-spinner, #market360 .mod-advisory-board.loading .loading-spinner { display: block; } #market360 .people-fullwidth { width: 100% !important; } #market360 #speakers { position: relative; z-index: 99; } #market360 .mod-speakers-global { margin: 0; width: 100%; position: relative; } #market360 .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #market360 .mod-speakers-global { padding: 0; } } #market360 .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #market360 .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #market360 .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #market360 .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #market360 .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #market360 .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #market360 .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #market360 .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #market360 .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #market360 .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #market360 .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #market360 .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #market360 .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #market360 .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #market360 .mod-speakers-global .single-speaker-container { z-index: 1; } } #market360 .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #market360 .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #market360 .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #market360 .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #market360 .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #market360 .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #market360 .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #market360 .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #market360 .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #market360 .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #market360 .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #market360 .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #market360 .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #market360 .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #market360 .mod-speakers-global .single-speaker-img { overflow: initial; } } #market360 .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #market360 .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #market360 .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #market360 .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #market360 .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #market360 .mod-speakers-global .company-logo { margin: 0; } #market360 .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #market360 .mod-speakers-global .company-logo { margin-bottom: 5px; } } #market360 .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #market360 .mod-speakers-global .single-speaker-details { transition: none; } } #market360 .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #market360 .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #market360 .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #market360 .mod-speakers-global .details-active-right { left: 0 !important; } } #market360 .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #market360 .mod-speakers-global .details-active-left { left: 0 !important; } } #market360 .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #market360 .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #market360 .mod-speakers-global .close-detail-label { display: none; } } #market360 .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #market360 .mod-speakers-global .speaker-mb-img img { width: 100%; } #market360 .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #market360 .mod-speakers-global .speaker-extra-details { padding: 24px; } } #market360 .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #market360 .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #market360 .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #market360 .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #market360 .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #market360 .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #market360 .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #market360 .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #market360 .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #market360 .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #market360 .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #market360 .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #market360 .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #market360 .mod-speakers-global h3 { font-size: 14px; } } #market360 .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #market360 .mod-speakers-global h4 { font-size: 13px; } } #market360 .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #market360 .mod-speakers-global .load-speakers, #market360 .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #market360 .mod-speakers-global .load-speakers:hover, #market360 .mod-speakers-global .load-advisory-board:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .mod-speakers-global .load-speakers, #market360 .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #market360 .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #market360 .mod-speakers-global .loading-spinner .load, #market360 .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #market360 .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #market360 .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #market360 .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #market360 .mod-speakers-global.loading .loading-spinner { display: block; } #market360 .hide-scroll-top { opacity: 0; } #market360 .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #market360 .mod-sponsors { padding: 0; } } #market360 .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #market360 .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #market360 .mod-sponsors .tooltip { display: block; } } #market360 .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #market360 .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #market360 .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #market360 .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #market360 .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #market360 .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #market360 .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #market360 .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #market360 .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #market360 .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #market360 .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #market360 .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #market360 .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #market360 .mod-sponsors .sponsor-btn:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #market360 .mod-attending { padding: 0 30px; text-align: center; } #market360 .mod-attending .attendees-slider { max-height: 350px; } #market360 .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #market360 .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #market360 .mod-attending .attendees-slider .attendee { width: 50%; } } #market360 .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #market360 .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #market360 .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #market360 .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #market360 .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #market360 .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #market360 .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #E6007E; } @media only screen and (max-width: 1200px) { #market360 .mod-attending { padding: 0; } } #market360 .mod-attending h2 { text-align: center; padding: 0 0 60px; } #market360 .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #market360 .mod-attending .attendee-btn:hover { background: #E6007E; } #market360 .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #market360 .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #market360 .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #market360 .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #market360 .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .schedule-controls { padding: 0; } } #market360 .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #market360 .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #market360 .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #FDCE1E; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .schedule-controls .selected-category { width: 100%; } } #market360 .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #market360 .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #market360 .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #market360 .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #1D1D1B; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #market360 .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #1D1D1B; transition: all ease-in .2s; } #market360 .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #market360 .mod-schedule .schedule-controls .expand, #market360 .mod-schedule .schedule-controls .collapse, #market360 .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #FDCE1E; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #market360 .mod-schedule .schedule-controls .expand span, #market360 .mod-schedule .schedule-controls .collapse span, #market360 .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #market360 .mod-schedule .schedule-controls .expand.active, #market360 .mod-schedule .schedule-controls .collapse.active, #market360 .mod-schedule .schedule-controls .print-btn.active { display: block; } #market360 .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #1D1D1B; } #market360 .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #market360 .mod-schedule .day-tab .d-day-dates { display: initial; } #market360 .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #market360 .mod-schedule .day-tab .d-day-dates { display: none; } #market360 .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #market360 .mod-schedule .day-tab .d-day-dates { display: none; } #market360 .mod-schedule .day-tab .m-day-dates { display: initial; } } #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #market360 .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #market360 .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #market360 .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #market360 .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #market360 .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #market360 .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #market360 .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #market360 .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #market360 .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #market360 .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-tab:first-child { margin-left: 0; } #market360 .mod-schedule .day-tab:last-child { margin-right: 0; } } #market360 .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #market360 .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-tab h3 { font-size: 18px; } } #market360 .mod-schedule .day-tab.active { border-bottom: 2px solid #FDCE1E; transition: all ease-in .2s; } #market360 .mod-schedule .day-tab.active h3 { color: #FDCE1E; } #market360 .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main { width: 100%; } } #market360 .mod-schedule .day-main.active { display: block; } #market360 .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #E6007E; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #market360 .mod-schedule .day-main .explore-next-btn a { color: #fff; } #market360 .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #market360 .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #market360 .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #market360 .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #market360 .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #market360 .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #market360 .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #market360 .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #market360 .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #1D1D1B; text-transform: uppercase; font-size: 18px; font-weight: bold; } #market360 .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #FDCE1E; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #market360 .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #market360 .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #market360 .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #market360 .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #1D1D1B; font-weight: bold; font-size: 14px; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #FDCE1E; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #1D1D1B; transform: rotate(45deg); transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #1D1D1B; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #market360 .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #market360 .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #market360 .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #1D1D1B; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #market360 .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #FDCE1E; padding-bottom: 0px; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-title { background: #1D1D1B; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #1D1D1B; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #market360 .mod-schedule .day-main .day-entry.active .day-entry-sessions, #market360 .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #market360 .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #market360 .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #1D1D1B; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #market360 .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #market360 .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #FDCE1E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description p, #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #1D1D1B; font-size: 14px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #FDCE1E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #1D1D1B; font-size: 13px; } #market360 .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #market360 .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #market360 .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #FDCE1E; } } @media only screen and (max-width: 600px) { #market360 .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #market360 .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #market360 .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #market360 .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #FDCE1E; } #market360 .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #market360 .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #market360 .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #market360 .mod-webinar .modal .modal-body { padding: 0; } #market360 .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #market360 .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #market360 .mod-webinar .modal .chat { float: left; width: 400px; } #market360 .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #market360 .mod-tickets { float: left; width: 100%; } #market360 .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #market360 .mod-tickets .tickets { width: 100%; } } #market360 .mod-tickets .tickets .ticket { float: left; border: 3px solid #1D1D1B; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #market360 .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #market360 .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #market360 .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #market360 .mod-tickets .tickets .ticket .ticket-title { background: #1D1D1B; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #FDCE1E; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #FDCE1E; background: none; padding: 8px 10px 0 10px; width: 35%; } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #market360 .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #market360 .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #market360 .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #market360 .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #market360 .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #market360 .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #market360 .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #E6007E; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #E6007E; padding-top: 8px; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #E6007E; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #market360 .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #market360 .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #market360 .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #market360 .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #market360 .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #market360 .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #market360 .mod-tickets .ticket-order { width: 100%; } } #market360 .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #market360 .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #E6007E; } #market360 .mod-tickets .ticket-order .cart p { text-align: left; } #market360 .mod-tickets .ticket-order .cart h3 { background: #E6007E; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #market360 .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #market360 .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #market360 .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #market360 .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #market360 .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #market360 .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #market360 .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #market360 .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #market360 .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #market360 .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #market360 .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #market360 .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #market360 .mod-tickets .loading-spinner .load, #market360 .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #market360 .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #market360 .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #market360 .mod-tickets.loading { pointer-events: none; } #market360 .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #market360 .mod-tickets.loading .loading-spinner { display: block; } #market360 #insurerConfirmModal .modal-content { border: 3px solid #E6007E; box-shadow: none; padding: 20px; max-width: 500px; } #market360 #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #market360 #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #market360 #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #market360 #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #market360 #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #market360 #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #market360 #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #E6007E; } #market360 #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #1D1D1B; } #market360 #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #market360 .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #market360 .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #market360 .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #market360 .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #market360 .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #1D1D1B; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #market360 .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #market360 .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #market360 .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #market360 .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #market360 .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #market360 .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #market360 .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #market360 .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #market360 .mod-related-content .related-article .event-img:hover:after { top: 0; } #market360 .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #market360 .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #market360 .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #market360 .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #market360 .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #market360 .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #market360 .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #market360 .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #market360 .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #market360 .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #market360 .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #market360 .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #market360 .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #market360 .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #market360 .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #market360 .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #market360 .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #market360 .mod-map-marker .et_pb_row { position: relative; height: 100%; } #market360 .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #market360 .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #market360 .mod-map-marker .marker { padding: 20px 20px 0; } } #market360 .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #market360 .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #market360 .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #E6007E; font-size: 14px; letter-spacing: 1px; color: #E6007E; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #market360 .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #market360 .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #market360 .mod-map-marker .marker a:hover { border: 2px solid #E6007E; transition: all ease-in .2s; } #market360 .et_pb_map { height: 600px; } #market360 .contact-map .et_pb_map { height: 300px; } #market360 .gmnoprint { display: none; } #market360 .mod-sign-up { width: 100%; margin: 0; background: #E6007E; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #market360 .mod-sign-up { width: 100%; margin: 0; } } #market360 .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #1D1D1B; } #market360 .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #market360 .mod-sign-up .elq-form { float: left; width: 100%; } #market360 .mod-sign-up .elq-form label { display: none; } #market360 .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #market360 .mod-sign-up .elq-form .form-design-field { width: 100%; } } #market360 .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #market360 .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #market360 .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #market360 .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #market360 .mod-sponsorship-form label { display: none; } #market360 .mod-sponsorship-form .col-1, #market360 .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #market360 .mod-sponsorship-form .col-1, #market360 .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #market360 .mod-sponsorship-form .col-2 { float: right; } #market360 .mod-sponsorship-form input:not([type=submit]), #market360 .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #market360 .mod-sponsorship-form textarea { min-height: 160px; } #market360 .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #market360 .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #market360 .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #1D1D1B; color: #1D1D1B; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #market360 .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #market360 .mod-homepage-index .index-entry-filters li:hover { background-color: #1D1D1B; transition: all ease-in-out .3s; } #market360 .mod-homepage-index .index-entry-filters li.active { background-color: #1D1D1B; color: #fff; transition: all ease-in-out .3s; } #market360 .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #market360 .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #market360 .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #market360 .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #market360 .mod-homepage-index .index-entry.active { display: block; } #market360 .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #market360 .masonry-grid .grid-item img { width: 100%; height: auto; } #market360.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #market360.et-fb .et_pb_masonry_grid > div { display: none; } #market360.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #market360 #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #market360 #event-menu .fullwidth-menu { padding-top: 15px !important; } #market360 #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #market360 .admin-bar #event-menu { top: 62px; } #market360 .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #market360 .homepage-event-section .divider-strip { position: relative; } #market360 .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #FDCE1E; margin-top: 30px; } #market360 .homepage-events-preview { margin-top: 80px; } #market360 .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #market360 .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #market360 .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #market360 .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #market360 .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #market360 .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #market360 .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #market360 .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #market360 .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #market360 .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #market360 .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #E6007E; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #market360 .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #market360 .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #1D1D1B; opacity: 0.95; } #market360 .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #market360 .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #market360 .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #market360 .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #market360 .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #market360 .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #market360 .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #market360 .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #market360 .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #market360 .homepage-events-preview:after { display: none; } #market360 .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #market360 .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #market360 .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #market360 .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #market360 .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #market360 .topic-header { position: relative; background-position: center; background-size: cover; } #market360 .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #market360 .topic-header * { position: relative; z-index: 1; } #market360 .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #market360 .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #market360 .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #market360 .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #market360 .featured-event { padding-right: 20px; } } #market360 .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #FDCE1E; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #market360 .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #market360 .featured-event .close:hover { color: #E6007E; } #market360 .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #FDCE1E; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #market360 .featured-event .dates-of-event strong { display: block; font-weight: 800; } #market360 .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #FDCE1E; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #market360 .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #market360 .featured-event .dates-of-event { top: 45%; } } #market360 .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #market360 .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #market360 .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #market360 .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #market360 .featured-event .col-6 > img { max-height: 130px; } } #market360 .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #market360 .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #market360 .featured-event .col-6.right { padding-right: 0; } } #market360 .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #market360 .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #market360 .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #market360 .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #market360 .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #market360 .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #FDCE1E; display: block; line-height: 120%; } @media (max-width: 699px) { #market360 .featured-event .col-6 .countdown-to-event span { width: 50px; } #market360 .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #market360 .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #market360 .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #market360 .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #market360 .featured-event .col-6 .event-type.event { color: #FDCE1E; } #market360 .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #market360 .featured-event .col-6 .event-type.article { color: #366893; } #market360 .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #market360 .featured-event .col-6 .event-type.webinar { color: #E6007E; } #market360 .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #market360 .featured-event .col-6 .event-type.course { color: #8A9299; } #market360 .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #market360 .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #market360 .featured-event .col-6 h2 { padding-right: 40px; } } #market360 .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #FDCE1E; display: block; line-height: 150%; margin: 0 0 20px 0; } #market360 .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #market360 .featured-event .col-6 .white-btn, #market360 .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #market360 .featured-event .col-6 .white-btn:hover, #market360 .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #market360 .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #market360 .featured-event .col-6 .colored-btn { background: #FDCE1E; border-color: #FDCE1E; margin-right: 0; } #market360 .events-filter { margin: 50px 0 20px 0; } #market360 .events-filter ul { float: left; } #market360 .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #market360 .events-filter ul li p { font-size: 16px; } #market360 .events-filter ul li.active p { color: green; } #market360 .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #market360 .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #market360 .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #market360 .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #market360 .events-filter > span.icon_grid-2x2 { color: #1D1D1B; } #market360 .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #market360 .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #market360 .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #market360 .events-filter > span:hover, #market360 .events-filter > span.icon-active { color: #E6007E; } @media (max-width: 767px) { #market360 .events-filter > span.icon_grid-2x2, #market360 .events-filter > span.icon_menu { display: none; } } #market360 .inner-events-boxes { font-size: 0; } #market360 .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #market360 .inner-events-boxes .event-box.active { display: inline-block; } #market360 .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #market360 .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #market360 .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.9; } #market360 .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #market360 .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #market360 .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #market360 .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #market360 .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #market360 .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #market360 .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #market360 .inner-events-boxes .event-box > div .event-type.event { color: #FDCE1E; } #market360 .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #market360 .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #market360 .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #market360 .inner-events-boxes .event-box > div .event-type.webinar { color: #E6007E; } #market360 .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #market360 .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #market360 .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #market360 .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #E6007E; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #market360 .inner-events-boxes .event-box > div .event-btn:hover { background: #E6007E; } #market360 .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #market360 .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #market360 .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #market360 .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #market360 .inner-events-boxes .event-box.col-4 > div:hover p, #market360 .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #market360 .inner-events-boxes .event-box > div h3 { font-size: 20px; } #market360 .inner-events-boxes .event-box > div p, #market360 .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #market360 .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #market360 .inner-events-boxes .event-box.col-4 { width: 48%; } #market360 .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #market360 .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #market360 .inner-events-boxes .event-box.col-4 > div { height: auto; } } #market360 div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #market360 div.inner-event-header .et_pb_row { z-index: 2; } #market360 div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #market360 div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #FDCE1E 35px, transparent 35px); background: -moz-linear-gradient(right, #FDCE1E 35px, transparent 35px); background: -o-linear-gradient(right, #FDCE1E 35px, transparent 35px); background: -webkit-linear-gradient(left, #FDCE1E 35px, transparent 35px); pointer-events: none; } #market360 div.inner-event-header img, #market360 div.inner-event-header h1, #market360 div.inner-event-header h2, #market360 div.inner-event-header h3, #market360 div.inner-event-header h4, #market360 div.inner-event-header h5, #market360 div.inner-event-header h6, #market360 div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #market360 div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #market360 div.inner-event-header a:hover { background: #8A9299; } #market360 div.inner-event-header a.colored-btn { background: #E6007E; border-color: #E6007E; } #market360 div.inner-event-header a.colored-btn:hover { background: #E6007E; border-color: #E6007E; } @media (max-width: 1199px) { #market360 div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #market360 div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #market360 div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #market360 div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #market360 div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #market360 div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #market360 div.inner-event-header img { padding: 20px 20px 5px 20px; } #market360 div.inner-event-header h1 { padding: 0; } #market360 div.inner-event-header a { margin: 0 0 10px 0; } } #market360 .event-icons div { display: inline-block; } #market360 .event-icons div > strong { display: block; } @media (max-width: 599px) { #market360 .event-icons div img { max-width: 50px; max-height: 50px; } #market360 .event-icons div > strong { font-size: 30px !important; } #market360 .event-icons div > span { font-size: 16px !important; } } #market360 .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #market360 .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #market360 .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #market360 .et_pb_number_counter .percent { height: auto; } } #market360 .et_pb_widget { width: 100%; } #market360 .et_pb_widget .field-wrapper label { display: none; } #market360 .et_pb_widget .field-wrapper input, #market360 .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #market360 .et_pb_widget .field-wrapper input[type=submit], #market360 .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #E6007E; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #market360 .et_pb_widget .field-wrapper input[type=submit]:hover, #market360 .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #E6007E; } @media (max-width: 1199px) { #market360 .et_pb_widget .field-wrapper input[type=submit], #market360 .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #market360 .et_pb_widget .field-wrapper input:focus, #market360 .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #market360 .et_pb_widget .field-wrapper input, #market360 .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #market360 .sponsorship-header { background-position: center; background-size: cover; } #market360 .sponsorship-header .et_pb_row { z-index: 2; } #market360 .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #market360 .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #market360 .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #market360 .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #market360 .sponsorship-testimonials { float: left; width: 100%; } #market360 .testimonials { position: relative; } #market360 .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #FDCE1E; } @media only screen and (max-width: 900px) { #market360 .testimonials .et_pb_column_2:after { display: none; } } #market360 .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #FDCE1E; } @media only screen and (max-width: 900px) { #market360 .testimonials .et_pb_column_3:after { display: none; } } #market360 .header-message { text-align: center; background-color: #E6007E; position: relative; z-index: 1; } #market360 .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #market360 .header-message a { color: #fff; text-decoration: underline; } #market360 #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #1D1D1B; } #market360 #catapult-cookie-bar .ctcc-left-side { color: #fff; } #market360 #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #market360 #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #FDCE1E; color: #fff; } #market360 .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #1D1D1B; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #market360 .page-header { padding: 60px 0 40px; } } #market360 .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: 0.8; } @supports (background-blend-mode: multiply) { #market360 .page-header:after { opacity: 0.2; } } #market360 .page-header .container { position: relative; z-index: 2; } #market360 .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #market360 .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #market360 .page-header .container h1 { font-size: 35px; } } #market360 .background-overlay { position: relative; background-color: #1D1D1B; background-blend-mode: multiply; } #market360 .background-overlay .et_parallax_bg { background-color: #1D1D1B; background-blend-mode: multiply; } #market360 .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #1D1D1B; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #market360 .background-overlay:after { opacity: 0.2; } } #market360 .background-overlay .et_pb_row { position: relative; z-index: 10; } #market360 .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #market360 .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #market360 .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #market360 .topic-feat-event .container { padding: 0; } #market360 .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #market360 .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #market360 .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #market360 .feat-event-inner { padding: 50px 20px 20px; } } #market360 .feat-event-inner .featured { color: #FDCE1E; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #market360 .feat-event-inner .featured span { color: #FDCE1E; } #market360 .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #market360 .feat-event-inner .entry-date { position: absolute; background: #FDCE1E; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #market360 .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #market360 .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #market360 .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #market360 .feat-event-inner .col-1, #market360 .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #market360 .feat-event-inner .col-1, #market360 .feat-event-inner .col-2 { width: 100%; float: none; } } #market360 .feat-event-inner .col-1 img { max-width: 75%; } #market360 .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #market360 .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #market360 .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #market360 .feat-event-inner .col-1 .btn { width: 100%; } } #market360 .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #market360 .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #market360 .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #FDCE1E; background-color: #FDCE1E; transition: all ease-in-out .3s; } #market360 .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #FDCE1E; background-color: #FDCE1E; transition: all ease-in-out .3s; } #market360 .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #market360 .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #market360 .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #market360 .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #market360 .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #market360 .feat-event-inner .col-2 { display: none; } } #market360 .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #market360 .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #market360 .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #market360 .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #market360 .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #market360 .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; opacity: .7; z-index: 1; } #market360 .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #market360 .topic-grid:after { content: ''; background-color: #FDCE1E; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #market360 .topic-grid:after { display: none; } } #market360 .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #market360 .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #market360 .related-articles .other-related { float: left; width: 100%; } #market360 .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #market360 .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #market360 body.woocommerce .woocommerce-tabs { margin: 0; } #market360 body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #market360 body.woocommerce .woocommerce-message { background: #E6007E !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #market360 body.woocommerce .woocommerce-error { background-color: #FDCE1E; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #market360 body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #market360 body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #market360 #fep-wrapper { margin: 0; } #market360 #fep-wrapper #fep-header, #market360 #fep-wrapper #fep-footer { display: none; } #market360 #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #market360 #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #market360 #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #market360 #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #market360 #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #market360 #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #market360 #fep-wrapper #fep-menu .fep-button, #market360 #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #E6007E; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-menu .fep-button:hover, #market360 #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #E6007E; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-menu .fep-button .fep-font-red, #market360 #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #market360 #fep-wrapper #fep-menu .fep-button-active { background-color: #E6007E; } #market360 #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #market360 #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #market360 #fep-wrapper #fep-content > h2 { padding: 10px; color: #1D1D1B; font-weight: bold; } #market360 #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #market360 #fep-wrapper #fep-content .fep-message-table { margin: 0; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #E6007E; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #FDCE1E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #FDCE1E; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #market360 #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #market360 #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #market360 #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #E6007E; display: inline-block; margin: 20px 0; font-size: 16px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #FDCE1E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #FDCE1E; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #E6007E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #market360 #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #market360 #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #E6007E; transition: all ease-in-out .3s; } #market360 #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #market360 #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #market360 #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #market360 #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #FDCE1E; box-shadow: none; } #market360 #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #E6007E; } #market360 .fep-success, #market360 .fep-error, #market360 .fep-wp-error { background-color: #E6007E; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #market360 .fep-wp-error, #market360 .fep-error { background-color: #FDCE1E; } #market360 .fep-message { background-color: #F6F6F6; } #market360 .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #market360 .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #1D1D1B; } #market360 .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #1D1D1B; } #market360 .fep-per-message .fep-message-toggle-all { color: #E6007E; margin-bottom: 5px; } #market360 .fep-per-message .fep-message-title, #market360 .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #market360 .fep-per-message .fep-message-title .author, #market360 .fep-per-message .fep-message-content .author { font-weight: 500; } #market360 .fep-per-message .fep-message-title .date, #market360 .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #market360 .fep-per-message .fep-message-title p, #market360 .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #market360 .fep-per-message .fep-message-title hr, #market360 .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #market360 #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #E6007E; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #market360 #fep-notification-bar a { color: #fff; } #market360 .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #FDCE1E !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #market360 .fep-custom-button:before { content: '◄ '; } #market360 .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #market360 .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #market360 .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #market360 .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #market360 .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #market360 .fep-search-inbox::placeholder { text-align: left; } } #love_broadcasting { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #love_broadcasting body, #love_broadcasting html { overflow-x: hidden; margin-top: 0 !important; } #love_broadcasting .hide { display: none; } #love_broadcasting .text-center { text-align: center; } #love_broadcasting style { display: none !important; } #love_broadcasting .et_pb_section { clear: both; } #love_broadcasting .single .post { padding: 0; margin: 0; } #love_broadcasting .img-bullet-point { position: absolute; top: 0; left: -40px; } #love_broadcasting #left-area { padding-bottom: 0 !important; } #love_broadcasting *::selection { background-color: #9E0E7C; } #love_broadcasting #et_search_icon:hover, #love_broadcasting .mobile_menu_bar:before, #love_broadcasting .mobile_menu_bar:after, #love_broadcasting .et-social-icon a:hover, #love_broadcasting .comment-reply-link, #love_broadcasting .form-submit .et_pb_button, #love_broadcasting .entry-summary p.price ins, #love_broadcasting .woocommerce div.product span.price, #love_broadcasting .woocommerce-page div.product span.price, #love_broadcasting .woocommerce #content div.product span.price, #love_broadcasting .woocommerce-page #content div.product span.price, #love_broadcasting .woocommerce div.product p.price, #love_broadcasting .woocommerce-page div.product p.price, #love_broadcasting .woocommerce #content div.product p.price, #love_broadcasting .woocommerce-page #content div.product p.price, #love_broadcasting .woocommerce .star-rating span:before, #love_broadcasting .woocommerce-page .star-rating span:before, #love_broadcasting .woocommerce a.button.alt, #love_broadcasting .woocommerce-page a.button.alt, #love_broadcasting .woocommerce button.button.alt, #love_broadcasting .woocommerce-page button.button.alt, #love_broadcasting .woocommerce input.button.alt, #love_broadcasting .woocommerce-page input.button.alt, #love_broadcasting .woocommerce #respond input#submit.alt, #love_broadcasting .woocommerce-page #respond input#submit.alt, #love_broadcasting .woocommerce #content input.button.alt, #love_broadcasting .woocommerce-page #content input.button.alt, #love_broadcasting .woocommerce a.button, #love_broadcasting .woocommerce-page a.button, #love_broadcasting .woocommerce button.button, #love_broadcasting .woocommerce-page button.button, #love_broadcasting .woocommerce input.button, #love_broadcasting .woocommerce-page input.button, #love_broadcasting .woocommerce #respond input#submit, #love_broadcasting .woocommerce-page #respond input#submit, #love_broadcasting .woocommerce #content input.button, #love_broadcasting .woocommerce-page #content input.button, #love_broadcasting .woocommerce a.button.alt:hover, #love_broadcasting .woocommerce-page a.button.alt:hover, #love_broadcasting .woocommerce button.button.alt:hover, #love_broadcasting .woocommerce-page button.button.alt:hover, #love_broadcasting .woocommerce input.button.alt:hover, #love_broadcasting .woocommerce-page input.button.alt:hover, #love_broadcasting .woocommerce #respond input#submit.alt:hover, #love_broadcasting .woocommerce-page #respond input#submit.alt:hover, #love_broadcasting .woocommerce #content input.button.alt:hover, #love_broadcasting .woocommerce-page #content input.button.alt:hover, #love_broadcasting .woocommerce a.button:hover, #love_broadcasting .woocommerce-page a.button:hover, #love_broadcasting .woocommerce button.button, #love_broadcasting .woocommerce-page button.button:hover, #love_broadcasting .woocommerce input.button:hover, #love_broadcasting .woocommerce-page input.button:hover, #love_broadcasting .woocommerce #respond input#submit:hover, #love_broadcasting .woocommerce-page #respond input#submit:hover, #love_broadcasting .woocommerce #content input.button:hover, #love_broadcasting .wp-pagenavi span.current, #love_broadcasting .wp-pagenavi a:hover, #love_broadcasting .et_password_protected_form .et_submit_button, #love_broadcasting .nav-single a, #love_broadcasting .posted_in a, #love_broadcasting #top-menu li.current-menu-ancestor > a, #love_broadcasting #top-menu li.current-menu-item > a, #love_broadcasting .bottom-nav li.current-menu-item > a, #love_broadcasting .footer-widget h4 { color: #9E0E7C; } #love_broadcasting .title-with-bottom-line, #love_broadcasting .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #love_broadcasting .title-with-bottom-line h3, #love_broadcasting .title-with-bottom-line > :last-child, #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #love_broadcasting .title-with-bottom-line h3, #love_broadcasting .title-with-bottom-line > :last-child, #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #love_broadcasting .title-with-bottom-line h3, #love_broadcasting .title-with-bottom-line > :last-child, #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #love_broadcasting .title-with-bottom-line h3, #love_broadcasting .title-with-bottom-line > :last-child, #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #love_broadcasting .title-with-bottom-line h3, #love_broadcasting .title-with-bottom-line > :last-child, #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #love_broadcasting .title-with-bottom-line:after, #love_broadcasting .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #9E0E7C; } @media (max-width: 400px) { #love_broadcasting .title-with-bottom-line:after, #love_broadcasting .title-with-bottom-line-grey:after { bottom: -5px; } } #love_broadcasting .title-with-bottom-line-grey h3, #love_broadcasting .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #love_broadcasting .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #love_broadcasting .secondary-title-with-bottom-line { margin-top: 0; } } #love_broadcasting .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #love_broadcasting .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #love_broadcasting .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #love_broadcasting .secondary-title-with-bottom-line:after { bottom: -5px; } } #love_broadcasting .et-search-form, #love_broadcasting .et_mobile_menu, #love_broadcasting .footer-widget li:before, #love_broadcasting .nav li ul, #love_broadcasting blockquote { border-color: #9E0E7C; } @media print { #love_broadcasting .single-product.print-view { visibility: hidden; } #love_broadcasting .single-product.print-view #agenda { visibility: visible; } @page { #love_broadcasting .single-product.print-view { margin: 20px 0; } } #love_broadcasting .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #love_broadcasting .single-product.print-view #top-header, #love_broadcasting .single-product.print-view #main-header, #love_broadcasting .single-product.print-view #main-footer, #love_broadcasting .single-product.print-view .et_pb_section_1, #love_broadcasting .single-product.print-view .et_pb_module:not(.mod-schedule), #love_broadcasting .single-product.print-view .schedule-controls, #love_broadcasting .single-product.print-view .footer-form, #love_broadcasting .single-product.print-view .day-tab, #love_broadcasting .single-product.print-view .stream-tabs, #love_broadcasting .single-product.print-view .explore-next-btn, #love_broadcasting .single-product.print-view .et_pb_scroll_top { display: none !important; } #love_broadcasting .single-product.print-view .et_pb_section, #love_broadcasting .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #love_broadcasting .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #love_broadcasting .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #241033 !important; break-after: avoid-page; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #love_broadcasting .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #love_broadcasting .col-6 { width: 49%; } #love_broadcasting .pull-left { float: left; } #love_broadcasting .pull-right { float: right; } #love_broadcasting .clear { clear: both; } #love_broadcasting .container { width: 100%; } #love_broadcasting .et-cart-info { display: none; } #love_broadcasting #top-header { background-color: #241033; } #love_broadcasting #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #love_broadcasting #main-header .container { padding-left: 20px; padding-right: 20px; } #love_broadcasting #logo { max-height: 64px; } @media (max-width: 1079px) { #love_broadcasting #logo { max-height: 40px; } } #love_broadcasting .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #love_broadcasting .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #love_broadcasting .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #love_broadcasting .et_header_style_left #logo, #love_broadcasting .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #love_broadcasting .et_header_style_left #et-top-navigation, #love_broadcasting .et_header_style_split #et-top-navigation, #love_broadcasting .et_header_style_left .et-fixed-header #et-top-navigation, #love_broadcasting .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #love_broadcasting .et_header_style_left #et-top-navigation nav > ul > li > a, #love_broadcasting .et_header_style_split #et-top-navigation nav > ul > li > a, #love_broadcasting .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #love_broadcasting .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #love_broadcasting .et_header_style_left #et-top-navigation, #love_broadcasting .et_header_style_split #et-top-navigation, #love_broadcasting .et_header_style_left .et-fixed-header #et-top-navigation, #love_broadcasting .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #love_broadcasting .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #love_broadcasting #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #love_broadcasting #top-menu li a { color: #000; font-weight: 400; } #love_broadcasting #top-menu li li { padding: 0; } #love_broadcasting #top-menu li li a:hover { background: none; color: #9E0E7C; opacity: 1; } #love_broadcasting #top-menu li li:hover a { color: #9E0E7C; opacity: 1; } @media (max-width: 1199px) { #love_broadcasting #top-menu li { padding-right: 35px; } } #love_broadcasting #top-menu-nav > ul > li > a:hover, #love_broadcasting #et-secondary-menu > ul > li > a:hover, #love_broadcasting #et-info-email:hover, #love_broadcasting .et-social-icons a:hover { color: #9E0E7C; opacity: 1; } #love_broadcasting #top-menu .menu-item-has-children > a:first-child:after, #love_broadcasting #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #love_broadcasting #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #love_broadcasting #et_top_search { right: 40px; top: 7px; } } #love_broadcasting #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #love_broadcasting #et_top_search { margin-left: 35px; } #love_broadcasting #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #love_broadcasting #et_top_search #et_search_icon:before { top: 7px; } } #love_broadcasting .nav li ul, #love_broadcasting .et_mobile_menu { border-top-color: #9E0E7C; } #love_broadcasting .et_mobile_menu { padding: 15px 0; } #love_broadcasting .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #love_broadcasting .et_mobile_menu li a:hover { background: none; color: #9E0E7C; } #love_broadcasting .et_mobile_menu li.current-menu-item a { color: #9E0E7C; } #love_broadcasting .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #love_broadcasting .et_mobile_menu li ul li { padding: 0; } #love_broadcasting .et_mobile_menu li ul li a { padding: 10px 20px; } #love_broadcasting .footer-form { padding: 0; background-color: #9E0E7C !important; } #love_broadcasting .footer-form a { color: #fff; text-decoration: underline; } #love_broadcasting .footer-form .et_pb_text { margin-bottom: 0; } #love_broadcasting .footer-form .mod-sign-up p span { font-size: 10px; } #love_broadcasting #main-footer { background: #241033; clear: both; } #love_broadcasting #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #love_broadcasting #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #love_broadcasting #footer-widgets .footer-widget p { color: #fff; } #love_broadcasting #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E0E7C; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #love_broadcasting #footer-widgets .footer-widget li { margin: 0; padding: 0; } #love_broadcasting #footer-widgets .footer-widget li:before { display: none; } #love_broadcasting #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #love_broadcasting #footer-widgets .footer-widget li a:hover { color: #9E0E7C; } @media (max-width: 767px) { #love_broadcasting #footer-widgets { padding: 30px 0 0 0; } #love_broadcasting #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #love_broadcasting #footer-widgets .footer-widget li a { padding: 3px 0; } #love_broadcasting #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #love_broadcasting #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #love_broadcasting #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #love_broadcasting #footer-widgets { padding-bottom: 60px; } } #love_broadcasting #footer-info { float: none; color: #fff; font-size: 12px; } #love_broadcasting .et-social-icons { display: none; } #love_broadcasting #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #love_broadcasting .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #love_broadcasting .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #love_broadcasting .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #love_broadcasting body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #love_broadcasting body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #love_broadcasting body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #love_broadcasting body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #love_broadcasting body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #love_broadcasting .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #love_broadcasting .desktop-my-account { display: none; } } #love_broadcasting .mobile-my-account { display: none; } @media (max-width: 980px) { #love_broadcasting .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #love_broadcasting .account-page { padding: 0 20px; } } #love_broadcasting .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .container { padding-top: 30px; } } #love_broadcasting .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #love_broadcasting .account-page h1.main_title span { color: #9E0E7C; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #love_broadcasting .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #love_broadcasting .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #love_broadcasting .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #9E0E7C; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #9E0E7C; font-weight: 600; } } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #9E0E7C; cursor: pointer; } } #love_broadcasting .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #love_broadcasting .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #love_broadcasting .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #love_broadcasting .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #9E0E7C; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #love_broadcasting .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #love_broadcasting .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #love_broadcasting .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #love_broadcasting .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #9E0E7C; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #love_broadcasting .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #9E0E7C; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td a, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #9E0E7C; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #DE4786; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #9E0E7C; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #DE4786; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #love_broadcasting .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #241033; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #love_broadcasting .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #love_broadcasting .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #love_broadcasting .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #love_broadcasting .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #love_broadcasting .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #love_broadcasting .woocommerce-checkout #main-content .col-1, #love_broadcasting .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #9E0E7C; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-info:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #241033; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #love_broadcasting .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #love_broadcasting .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #love_broadcasting .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #love_broadcasting .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #love_broadcasting .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #love_broadcasting .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #love_broadcasting .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .form-row label { position: relative; } } #love_broadcasting .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #love_broadcasting .woocommerce-checkout #main-content .form-row select { height: 52px; } #love_broadcasting .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #love_broadcasting .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #love_broadcasting .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #love_broadcasting .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #love_broadcasting .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #love_broadcasting .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #love_broadcasting .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #love_broadcasting .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #love_broadcasting .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #love_broadcasting .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #love_broadcasting .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #love_broadcasting .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #love_broadcasting .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #love_broadcasting .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #9E0E7C; } #love_broadcasting .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #241033; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #love_broadcasting .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #241033; font-size: 19px; font-weight: 600; margin: 10px 0; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #DE4786; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #9E0E7C; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #love_broadcasting .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #love_broadcasting .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #love_broadcasting .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #9E0E7C; padding: 25px 20px; } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #9E0E7C; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #love_broadcasting .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #love_broadcasting .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #love_broadcasting .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #love_broadcasting .webinar-thank-you .btn { color: #fff; background: #DE4786; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #love_broadcasting .webinar-thank-you .btn:hover { background: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce form.login { max-width: none; } } #love_broadcasting .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #love_broadcasting .woocommerce form.login .form-row { margin: 0 0 20px; } } #love_broadcasting .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #love_broadcasting .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #9E0E7C; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #love_broadcasting .woocommerce form.login .form-row input[type="submit"]:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .woocommerce form.login .lost_password a { color: #9E0E7C; } #love_broadcasting .woocommerce-account .woocommerce form.login { max-width: 400px; } #love_broadcasting .search-bar { position: relative; margin: 30px 20px 0; } #love_broadcasting .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #love_broadcasting .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #9E0E7C; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #love_broadcasting .search-bar .btn-search:hover { background-color: #241033; } #love_broadcasting .btn-search-more { background-color: #9E0E7C; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #love_broadcasting .entry-container { padding: 0 0 80px; } #love_broadcasting .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #love_broadcasting .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #love_broadcasting .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #love_broadcasting .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #love_broadcasting .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #love_broadcasting .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #love_broadcasting .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #241033; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #love_broadcasting .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #9E0E7C; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #love_broadcasting .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #241033; content: "\e108"; color: #DE4786; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #DE4786; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #241033; background-color: #DE4786; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-text h3 { color: #241033; font-size: 22px; line-height: 130%; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #love_broadcasting .entry-grid.view-grid .single-entry .entry-button { display: none; } #love_broadcasting .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #love_broadcasting .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #love_broadcasting .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #241033; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #241033; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #DE4786; } #love_broadcasting .entry-grid.view-list .single-entry .feat-image { display: none; } #love_broadcasting .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #love_broadcasting .entry-grid.view-list .single-entry .entry-text h3 { color: #241033; font-size: 22px; } #love_broadcasting .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #love_broadcasting .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #love_broadcasting .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid.view-list .single-entry .entry-button { float: left; } } #love_broadcasting .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #9E0E7C; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #love_broadcasting .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid-controls { padding: 0 15px 20px; } } #love_broadcasting .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #love_broadcasting .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #love_broadcasting .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #love_broadcasting .entry-grid-controls .filters .filter-btn.active { border: 2px solid #241033; transition: all ease-in-out .3s; } #love_broadcasting .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #love_broadcasting .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #241033; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #love_broadcasting .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #love_broadcasting .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #love_broadcasting .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #love_broadcasting .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #love_broadcasting .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #love_broadcasting .entry-load-more { text-align: center; } #love_broadcasting .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #9E0E7C; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #love_broadcasting .entry-load-more .load-more-btn:hover { background-color: #9E0E7C; transition: background 0.3s ease-in-out; } #love_broadcasting .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #love_broadcasting .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #love_broadcasting .entry-topic { padding: 20px; } } #love_broadcasting .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #love_broadcasting .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #love_broadcasting .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #love_broadcasting .entry-topic .text { width: 100%; padding: 0; } } #love_broadcasting .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #love_broadcasting .entry-topic .text h3 { font-size: 26px; } } #love_broadcasting .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #love_broadcasting .entry-topic .text .inner-text { max-height: none; } } #love_broadcasting .entry-topic .text .inner-text h4 { padding: 0; color: #DE4786; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #love_broadcasting .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #love_broadcasting .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #love_broadcasting .entry-topic .text ul li { display: inline-block; } #love_broadcasting .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #love_broadcasting .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-webinars:after, #love_broadcasting .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #love_broadcasting .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #love_broadcasting .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #DE4786; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #love_broadcasting .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #love_broadcasting .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #love_broadcasting .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #love_broadcasting .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #love_broadcasting .entry-topic:hover .btn { bottom: inherit; } } #love_broadcasting .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #241033; opacity: .8; z-index: 1; } #love_broadcasting .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #love_broadcasting .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #love_broadcasting .modal .modal-content .modal-body { position: relative; } #love_broadcasting .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #love_broadcasting .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #love_broadcasting .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #love_broadcasting #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #love_broadcasting #brochureModal .copy { text-align: center; width: 100%; clear: both; } #love_broadcasting #brochureModal .copy h2 { margin-bottom: 30px; } #love_broadcasting #brochureModal .copy p { font-size: 11px; } #love_broadcasting #brochureModal .copy a { color: #9E0E7C; } #love_broadcasting #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #love_broadcasting #brochureModal .form-design-field { width: 100%; margin: 0; } } #love_broadcasting #brochureModal label { display: none; } #love_broadcasting #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #love_broadcasting #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #9E0E7C; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #love_broadcasting #brochureModal input[type=submit] { margin-top: 30px; } } #love_broadcasting #brochureModal input[type=submit]:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #love_broadcasting #reportModal .copy { text-align: center; width: 100%; clear: both; } #love_broadcasting #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #love_broadcasting #reportModal .copy p { font-size: 11px; } #love_broadcasting #reportModal .copy a { color: #9E0E7C; } #love_broadcasting #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #love_broadcasting #reportModal .form-design-field { width: 100%; margin: 0; } } #love_broadcasting #reportModal label { display: none; } #love_broadcasting #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #love_broadcasting #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #9E0E7C; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #love_broadcasting #reportModal input[type=submit] { margin-top: 30px; } } #love_broadcasting #reportModal input[type=submit]:hover { background: #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .details-modal-popup { cursor: pointer; } #love_broadcasting #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #love_broadcasting #detailsModal .modal-content img { margin-bottom: 20px; } #love_broadcasting #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #241033; } #love_broadcasting #detailsModal .modal-content a { color: #9E0E7C; } #love_broadcasting #detailsModal .modal-content .col-1, #love_broadcasting #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #love_broadcasting #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #love_broadcasting #detailsModal .modal-content { padding: 20px 10px; } #love_broadcasting #detailsModal .modal-content h3 { padding-left: 0; } #love_broadcasting #detailsModal .modal-content .col-1, #love_broadcasting #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #love_broadcasting .mod-speakers, #love_broadcasting .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #love_broadcasting .mod-speakers h2, #love_broadcasting .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-speakers, #love_broadcasting .mod-advisory-board { padding: 0; } } #love_broadcasting .mod-speakers:after, #love_broadcasting .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #love_broadcasting .mod-speakers .single-speaker-grid, #love_broadcasting .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #love_broadcasting .mod-speakers .single-speaker-grid:nth-child(4n + 1), #love_broadcasting .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers .single-speaker-grid, #love_broadcasting .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #love_broadcasting .mod-speakers .single-speaker-grid, #love_broadcasting .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #love_broadcasting .mod-speakers .single-speaker-grid:nth-child(4n + 1), #love_broadcasting .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #love_broadcasting .mod-speakers .single-speaker-grid:nth-child(3n + 1), #love_broadcasting .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #love_broadcasting .mod-speakers .single-speaker-grid, #love_broadcasting .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #love_broadcasting .mod-speakers .single-speaker-grid:nth-child(3n + 1), #love_broadcasting .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #love_broadcasting .mod-speakers .single-speaker-grid:nth-child(2n + 1), #love_broadcasting .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #love_broadcasting .mod-speakers .single-speaker-img, #love_broadcasting .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #love_broadcasting .mod-speakers .single-speaker-img img, #love_broadcasting .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #love_broadcasting .mod-speakers .single-speaker-img, #love_broadcasting .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #love_broadcasting .mod-speakers .company-logo, #love_broadcasting .mod-advisory-board .company-logo { margin: 0; } #love_broadcasting .mod-speakers .company-logo img, #love_broadcasting .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #love_broadcasting .mod-speakers .company-logo, #love_broadcasting .mod-advisory-board .company-logo { margin-bottom: 5px; } } #love_broadcasting .mod-speakers .single-speaker-list, #love_broadcasting .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-img, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-img, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-text, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-text, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-text h3, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-text h4, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #love_broadcasting .mod-speakers .single-speaker-list .single-speaker-text p, #love_broadcasting .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #love_broadcasting .mod-speakers h3, #love_broadcasting .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers h3, #love_broadcasting .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #love_broadcasting .mod-speakers h3, #love_broadcasting .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #love_broadcasting .mod-speakers h3, #love_broadcasting .mod-advisory-board h3 { font-size: 14px; } } #love_broadcasting .mod-speakers h4, #love_broadcasting .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #love_broadcasting .mod-speakers h4, #love_broadcasting .mod-advisory-board h4 { font-size: 13px; } } #love_broadcasting .mod-speakers .btn-wrapper, #love_broadcasting .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #love_broadcasting .mod-speakers .load-speakers, #love_broadcasting .mod-speakers .load-advisory-board, #love_broadcasting .mod-advisory-board .load-speakers, #love_broadcasting .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #9E0E7C; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #love_broadcasting .mod-speakers .load-speakers:hover, #love_broadcasting .mod-speakers .load-advisory-board:hover, #love_broadcasting .mod-advisory-board .load-speakers:hover, #love_broadcasting .mod-advisory-board .load-advisory-board:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers .load-speakers, #love_broadcasting .mod-speakers .load-advisory-board, #love_broadcasting .mod-advisory-board .load-speakers, #love_broadcasting .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #love_broadcasting .mod-speakers .loading-spinner, #love_broadcasting .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #love_broadcasting .mod-speakers .loading-spinner .load, #love_broadcasting .mod-speakers .loading-spinner .load:after, #love_broadcasting .mod-advisory-board .loading-spinner .load, #love_broadcasting .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #love_broadcasting .mod-speakers .loading-spinner .load, #love_broadcasting .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E0E7C; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #love_broadcasting .mod-speakers:before, #love_broadcasting .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #love_broadcasting .mod-speakers.loading:before, #love_broadcasting .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #love_broadcasting .mod-speakers.loading .loading-spinner, #love_broadcasting .mod-advisory-board.loading .loading-spinner { display: block; } #love_broadcasting .people-fullwidth { width: 100% !important; } #love_broadcasting #speakers { position: relative; z-index: 99; } #love_broadcasting .mod-speakers-global { margin: 0; width: 100%; position: relative; } #love_broadcasting .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-speakers-global { padding: 0; } } #love_broadcasting .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #love_broadcasting .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #love_broadcasting .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #love_broadcasting .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #love_broadcasting .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #love_broadcasting .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #love_broadcasting .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #love_broadcasting .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #love_broadcasting .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #love_broadcasting .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-container { z-index: 1; } } #love_broadcasting .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #love_broadcasting .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #love_broadcasting .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #love_broadcasting .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #love_broadcasting .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #love_broadcasting .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #love_broadcasting .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #love_broadcasting .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #love_broadcasting .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #love_broadcasting .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #love_broadcasting .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .single-speaker-img { overflow: initial; } } #love_broadcasting .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #love_broadcasting .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #love_broadcasting .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #love_broadcasting .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #love_broadcasting .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #love_broadcasting .mod-speakers-global .company-logo { margin: 0; } #love_broadcasting .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #love_broadcasting .mod-speakers-global .company-logo { margin-bottom: 5px; } } #love_broadcasting .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .single-speaker-details { transition: none; } } #love_broadcasting .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #love_broadcasting .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .details-active-right { left: 0 !important; } } #love_broadcasting .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .details-active-left { left: 0 !important; } } #love_broadcasting .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .close-detail-label { display: none; } } #love_broadcasting .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #love_broadcasting .mod-speakers-global .speaker-mb-img img { width: 100%; } #love_broadcasting .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #love_broadcasting .mod-speakers-global .speaker-extra-details { padding: 24px; } } #love_broadcasting .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #love_broadcasting .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #love_broadcasting .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #love_broadcasting .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #love_broadcasting .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #love_broadcasting .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #love_broadcasting .mod-speakers-global h3 { font-size: 14px; } } #love_broadcasting .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #love_broadcasting .mod-speakers-global h4 { font-size: 13px; } } #love_broadcasting .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #love_broadcasting .mod-speakers-global .load-speakers, #love_broadcasting .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #9E0E7C; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #love_broadcasting .mod-speakers-global .load-speakers:hover, #love_broadcasting .mod-speakers-global .load-advisory-board:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .mod-speakers-global .load-speakers, #love_broadcasting .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #love_broadcasting .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #love_broadcasting .mod-speakers-global .loading-spinner .load, #love_broadcasting .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #love_broadcasting .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E0E7C; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #love_broadcasting .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #love_broadcasting .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #love_broadcasting .mod-speakers-global.loading .loading-spinner { display: block; } #love_broadcasting .hide-scroll-top { opacity: 0; } #love_broadcasting .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-sponsors { padding: 0; } } #love_broadcasting .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #love_broadcasting .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sponsors .tooltip { display: block; } } #love_broadcasting .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #love_broadcasting .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #love_broadcasting .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #love_broadcasting .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #love_broadcasting .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E0E7C; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #love_broadcasting .mod-sponsors .sponsor-btn:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #love_broadcasting .mod-attending { padding: 0 30px; text-align: center; } #love_broadcasting .mod-attending .attendees-slider { max-height: 350px; } #love_broadcasting .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-attending .attendees-slider .attendee { width: 50%; } } #love_broadcasting .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #love_broadcasting .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #love_broadcasting .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #love_broadcasting .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #love_broadcasting .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #love_broadcasting .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #9E0E7C; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-attending { padding: 0; } } #love_broadcasting .mod-attending h2 { text-align: center; padding: 0 0 60px; } #love_broadcasting .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E0E7C; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #love_broadcasting .mod-attending .attendee-btn:hover { background: #9E0E7C; } #love_broadcasting .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #love_broadcasting .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #love_broadcasting .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #love_broadcasting .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .schedule-controls { padding: 0; } } #love_broadcasting .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #love_broadcasting .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #love_broadcasting .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #DE4786; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .schedule-controls .selected-category { width: 100%; } } #love_broadcasting .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #love_broadcasting .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #love_broadcasting .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #love_broadcasting .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #241033; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #love_broadcasting .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #241033; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #love_broadcasting .mod-schedule .schedule-controls .expand, #love_broadcasting .mod-schedule .schedule-controls .collapse, #love_broadcasting .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #DE4786; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #love_broadcasting .mod-schedule .schedule-controls .expand span, #love_broadcasting .mod-schedule .schedule-controls .collapse span, #love_broadcasting .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #love_broadcasting .mod-schedule .schedule-controls .expand.active, #love_broadcasting .mod-schedule .schedule-controls .collapse.active, #love_broadcasting .mod-schedule .schedule-controls .print-btn.active { display: block; } #love_broadcasting .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #241033; } #love_broadcasting .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-tab .d-day-dates { display: initial; } #love_broadcasting .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #love_broadcasting .mod-schedule .day-tab .d-day-dates { display: none; } #love_broadcasting .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #love_broadcasting .mod-schedule .day-tab .d-day-dates { display: none; } #love_broadcasting .mod-schedule .day-tab .m-day-dates { display: initial; } } #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #love_broadcasting .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #love_broadcasting .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #love_broadcasting .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #love_broadcasting .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #love_broadcasting .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #love_broadcasting .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #love_broadcasting .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #love_broadcasting .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #love_broadcasting .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #love_broadcasting .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-tab:first-child { margin-left: 0; } #love_broadcasting .mod-schedule .day-tab:last-child { margin-right: 0; } } #love_broadcasting .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-tab h3 { font-size: 18px; } } #love_broadcasting .mod-schedule .day-tab.active { border-bottom: 2px solid #DE4786; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-tab.active h3 { color: #DE4786; } #love_broadcasting .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main { width: 100%; } } #love_broadcasting .mod-schedule .day-main.active { display: block; } #love_broadcasting .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #9E0E7C; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #love_broadcasting .mod-schedule .day-main .explore-next-btn a { color: #fff; } #love_broadcasting .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #love_broadcasting .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #love_broadcasting .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #241033; text-transform: uppercase; font-size: 18px; font-weight: bold; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #DE4786; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #love_broadcasting .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #love_broadcasting .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #love_broadcasting .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #241033; font-weight: bold; font-size: 14px; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #DE4786; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #241033; transform: rotate(45deg); transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #241033; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #love_broadcasting .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #love_broadcasting .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #241033; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #love_broadcasting .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #DE4786; padding-bottom: 0px; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-title { background: #241033; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #241033; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-sessions, #love_broadcasting .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #241033; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #241033; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #241033; } @media only screen and (max-width: 1200px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #DE4786; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description p, #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #241033; font-size: 14px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #DE4786; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #241033; font-size: 13px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #241033; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #DE4786; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #241033; } #love_broadcasting .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #DE4786; } #love_broadcasting .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #love_broadcasting .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #love_broadcasting .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #love_broadcasting .mod-webinar .modal .modal-body { padding: 0; } #love_broadcasting .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #love_broadcasting .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #love_broadcasting .mod-webinar .modal .chat { float: left; width: 400px; } #love_broadcasting .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #love_broadcasting .mod-tickets { float: left; width: 100%; } #love_broadcasting .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #love_broadcasting .mod-tickets .tickets { width: 100%; } } #love_broadcasting .mod-tickets .tickets .ticket { float: left; border: 3px solid #241033; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #love_broadcasting .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #love_broadcasting .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-title { background: #241033; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #DE4786; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #DE4786; background: none; padding: 8px 10px 0 10px; width: 35%; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #love_broadcasting .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #love_broadcasting .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #love_broadcasting .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #9E0E7C; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #9E0E7C; padding-top: 8px; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #9E0E7C; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #love_broadcasting .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #love_broadcasting .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #love_broadcasting .mod-tickets .ticket-order { width: 100%; } } #love_broadcasting .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #love_broadcasting .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #9E0E7C; } #love_broadcasting .mod-tickets .ticket-order .cart p { text-align: left; } #love_broadcasting .mod-tickets .ticket-order .cart h3 { background: #9E0E7C; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #love_broadcasting .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #love_broadcasting .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #love_broadcasting .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #love_broadcasting .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #9E0E7C; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #love_broadcasting .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #love_broadcasting .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #love_broadcasting .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #love_broadcasting .mod-tickets .loading-spinner .load, #love_broadcasting .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #love_broadcasting .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #9E0E7C; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #love_broadcasting .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #love_broadcasting .mod-tickets.loading { pointer-events: none; } #love_broadcasting .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #love_broadcasting .mod-tickets.loading .loading-spinner { display: block; } #love_broadcasting #insurerConfirmModal .modal-content { border: 3px solid #9E0E7C; box-shadow: none; padding: 20px; max-width: 500px; } #love_broadcasting #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #love_broadcasting #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #love_broadcasting #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #love_broadcasting #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #love_broadcasting #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #love_broadcasting #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #love_broadcasting #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #9E0E7C; } #love_broadcasting #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #241033; } #love_broadcasting #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #love_broadcasting .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #love_broadcasting .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #love_broadcasting .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #love_broadcasting .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #love_broadcasting .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #241033; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #love_broadcasting .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #love_broadcasting .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #love_broadcasting .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #love_broadcasting .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #love_broadcasting .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #love_broadcasting .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #love_broadcasting .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #241033; opacity: 0.85; transition: all 0.3s linear; } #love_broadcasting .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #love_broadcasting .mod-related-content .related-article .event-img:hover:after { top: 0; } #love_broadcasting .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #love_broadcasting .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #love_broadcasting .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #love_broadcasting .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #love_broadcasting .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #love_broadcasting .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #love_broadcasting .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #love_broadcasting .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #love_broadcasting .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #love_broadcasting .mod-map-marker .et_pb_row { position: relative; height: 100%; } #love_broadcasting .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-map-marker .marker { padding: 20px 20px 0; } } #love_broadcasting .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #love_broadcasting .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #love_broadcasting .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #9E0E7C; font-size: 14px; letter-spacing: 1px; color: #9E0E7C; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #love_broadcasting .mod-map-marker .marker a:hover { border: 2px solid #9E0E7C; transition: all ease-in .2s; } #love_broadcasting .et_pb_map { height: 600px; } #love_broadcasting .contact-map .et_pb_map { height: 300px; } #love_broadcasting .gmnoprint { display: none; } #love_broadcasting .mod-sign-up { width: 100%; margin: 0; background: #9E0E7C; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sign-up { width: 100%; margin: 0; } } #love_broadcasting .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #241033; } #love_broadcasting .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #love_broadcasting .mod-sign-up .elq-form { float: left; width: 100%; } #love_broadcasting .mod-sign-up .elq-form label { display: none; } #love_broadcasting .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sign-up .elq-form .form-design-field { width: 100%; } } #love_broadcasting .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #love_broadcasting .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #love_broadcasting .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #love_broadcasting .mod-sponsorship-form label { display: none; } #love_broadcasting .mod-sponsorship-form .col-1, #love_broadcasting .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #love_broadcasting .mod-sponsorship-form .col-1, #love_broadcasting .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #love_broadcasting .mod-sponsorship-form .col-2 { float: right; } #love_broadcasting .mod-sponsorship-form input:not([type=submit]), #love_broadcasting .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #love_broadcasting .mod-sponsorship-form textarea { min-height: 160px; } #love_broadcasting .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #love_broadcasting .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #love_broadcasting .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #241033; color: #241033; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #love_broadcasting .mod-homepage-index .index-entry-filters li:hover { background-color: #241033; transition: all ease-in-out .3s; } #love_broadcasting .mod-homepage-index .index-entry-filters li.active { background-color: #241033; color: #fff; transition: all ease-in-out .3s; } #love_broadcasting .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #love_broadcasting .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #love_broadcasting .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #love_broadcasting .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #love_broadcasting .mod-homepage-index .index-entry.active { display: block; } #love_broadcasting .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #love_broadcasting .masonry-grid .grid-item img { width: 100%; height: auto; } #love_broadcasting.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #love_broadcasting.et-fb .et_pb_masonry_grid > div { display: none; } #love_broadcasting.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #love_broadcasting #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #love_broadcasting #event-menu .fullwidth-menu { padding-top: 15px !important; } #love_broadcasting #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #love_broadcasting .admin-bar #event-menu { top: 62px; } #love_broadcasting .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #love_broadcasting .homepage-event-section .divider-strip { position: relative; } #love_broadcasting .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #DE4786; margin-top: 30px; } #love_broadcasting .homepage-events-preview { margin-top: 80px; } #love_broadcasting .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #love_broadcasting .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #love_broadcasting .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #love_broadcasting .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #241033; opacity: 0.85; transition: all 0.3s linear; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #9E0E7C; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #241033; opacity: 0.95; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #love_broadcasting .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #love_broadcasting .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #love_broadcasting .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #love_broadcasting .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #love_broadcasting .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #love_broadcasting .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #love_broadcasting .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #love_broadcasting .homepage-events-preview:after { display: none; } #love_broadcasting .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #love_broadcasting .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #love_broadcasting .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #love_broadcasting .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #love_broadcasting .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #love_broadcasting .topic-header { position: relative; background-position: center; background-size: cover; } #love_broadcasting .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #241033; opacity: 0.95; } #love_broadcasting .topic-header * { position: relative; z-index: 1; } #love_broadcasting .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #love_broadcasting .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #241033; opacity: 0.95; } #love_broadcasting .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #love_broadcasting .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #love_broadcasting .featured-event { padding-right: 20px; } } #love_broadcasting .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #DE4786; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #love_broadcasting .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #love_broadcasting .featured-event .close:hover { color: #9E0E7C; } #love_broadcasting .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #DE4786; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #love_broadcasting .featured-event .dates-of-event strong { display: block; font-weight: 800; } #love_broadcasting .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #DE4786; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #love_broadcasting .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #love_broadcasting .featured-event .dates-of-event { top: 45%; } } #love_broadcasting .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #love_broadcasting .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #love_broadcasting .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #love_broadcasting .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #love_broadcasting .featured-event .col-6 > img { max-height: 130px; } } #love_broadcasting .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #love_broadcasting .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #love_broadcasting .featured-event .col-6.right { padding-right: 0; } } #love_broadcasting .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #love_broadcasting .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #love_broadcasting .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #love_broadcasting .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #love_broadcasting .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #love_broadcasting .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #DE4786; display: block; line-height: 120%; } @media (max-width: 699px) { #love_broadcasting .featured-event .col-6 .countdown-to-event span { width: 50px; } #love_broadcasting .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #love_broadcasting .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #love_broadcasting .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #love_broadcasting .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #love_broadcasting .featured-event .col-6 .event-type.event { color: #DE4786; } #love_broadcasting .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #love_broadcasting .featured-event .col-6 .event-type.article { color: #366893; } #love_broadcasting .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #love_broadcasting .featured-event .col-6 .event-type.webinar { color: #9E0E7C; } #love_broadcasting .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #love_broadcasting .featured-event .col-6 .event-type.course { color: #8A9299; } #love_broadcasting .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #love_broadcasting .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #love_broadcasting .featured-event .col-6 h2 { padding-right: 40px; } } #love_broadcasting .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #DE4786; display: block; line-height: 150%; margin: 0 0 20px 0; } #love_broadcasting .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #love_broadcasting .featured-event .col-6 .white-btn, #love_broadcasting .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #love_broadcasting .featured-event .col-6 .white-btn:hover, #love_broadcasting .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #love_broadcasting .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #love_broadcasting .featured-event .col-6 .colored-btn { background: #DE4786; border-color: #DE4786; margin-right: 0; } #love_broadcasting .events-filter { margin: 50px 0 20px 0; } #love_broadcasting .events-filter ul { float: left; } #love_broadcasting .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #love_broadcasting .events-filter ul li p { font-size: 16px; } #love_broadcasting .events-filter ul li.active p { color: green; } #love_broadcasting .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #love_broadcasting .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #love_broadcasting .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #love_broadcasting .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #love_broadcasting .events-filter > span.icon_grid-2x2 { color: #241033; } #love_broadcasting .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #love_broadcasting .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #love_broadcasting .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #love_broadcasting .events-filter > span:hover, #love_broadcasting .events-filter > span.icon-active { color: #9E0E7C; } @media (max-width: 767px) { #love_broadcasting .events-filter > span.icon_grid-2x2, #love_broadcasting .events-filter > span.icon_menu { display: none; } } #love_broadcasting .inner-events-boxes { font-size: 0; } #love_broadcasting .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #love_broadcasting .inner-events-boxes .event-box.active { display: inline-block; } #love_broadcasting .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #love_broadcasting .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #love_broadcasting .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #241033; opacity: 0.9; } #love_broadcasting .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #love_broadcasting .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #love_broadcasting .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #love_broadcasting .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #love_broadcasting .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #love_broadcasting .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #love_broadcasting .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.event { color: #DE4786; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.webinar { color: #9E0E7C; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #love_broadcasting .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #love_broadcasting .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #9E0E7C; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #love_broadcasting .inner-events-boxes .event-box > div .event-btn:hover { background: #9E0E7C; } #love_broadcasting .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div:hover p, #love_broadcasting .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #love_broadcasting .inner-events-boxes .event-box > div h3 { font-size: 20px; } #love_broadcasting .inner-events-boxes .event-box > div p, #love_broadcasting .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #love_broadcasting .inner-events-boxes .event-box.col-4 { width: 48%; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #love_broadcasting .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #love_broadcasting .inner-events-boxes .event-box.col-4 > div { height: auto; } } #love_broadcasting div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #love_broadcasting div.inner-event-header .et_pb_row { z-index: 2; } #love_broadcasting div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #241033; z-index: 1; pointer-events: none; opacity: 0.8; } #love_broadcasting div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #DE4786 35px, transparent 35px); background: -moz-linear-gradient(right, #DE4786 35px, transparent 35px); background: -o-linear-gradient(right, #DE4786 35px, transparent 35px); background: -webkit-linear-gradient(left, #DE4786 35px, transparent 35px); pointer-events: none; } #love_broadcasting div.inner-event-header img, #love_broadcasting div.inner-event-header h1, #love_broadcasting div.inner-event-header h2, #love_broadcasting div.inner-event-header h3, #love_broadcasting div.inner-event-header h4, #love_broadcasting div.inner-event-header h5, #love_broadcasting div.inner-event-header h6, #love_broadcasting div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #love_broadcasting div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #love_broadcasting div.inner-event-header a:hover { background: #8A9299; } #love_broadcasting div.inner-event-header a.colored-btn { background: #9E0E7C; border-color: #9E0E7C; } #love_broadcasting div.inner-event-header a.colored-btn:hover { background: #9E0E7C; border-color: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #love_broadcasting div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #love_broadcasting div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #love_broadcasting div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #love_broadcasting div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #love_broadcasting div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #love_broadcasting div.inner-event-header img { padding: 20px 20px 5px 20px; } #love_broadcasting div.inner-event-header h1 { padding: 0; } #love_broadcasting div.inner-event-header a { margin: 0 0 10px 0; } } #love_broadcasting .event-icons div { display: inline-block; } #love_broadcasting .event-icons div > strong { display: block; } @media (max-width: 599px) { #love_broadcasting .event-icons div img { max-width: 50px; max-height: 50px; } #love_broadcasting .event-icons div > strong { font-size: 30px !important; } #love_broadcasting .event-icons div > span { font-size: 16px !important; } } #love_broadcasting .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #love_broadcasting .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #love_broadcasting .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #love_broadcasting .et_pb_number_counter .percent { height: auto; } } #love_broadcasting .et_pb_widget { width: 100%; } #love_broadcasting .et_pb_widget .field-wrapper label { display: none; } #love_broadcasting .et_pb_widget .field-wrapper input, #love_broadcasting .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #love_broadcasting .et_pb_widget .field-wrapper input[type=submit], #love_broadcasting .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #9E0E7C; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #love_broadcasting .et_pb_widget .field-wrapper input[type=submit]:hover, #love_broadcasting .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #9E0E7C; } @media (max-width: 1199px) { #love_broadcasting .et_pb_widget .field-wrapper input[type=submit], #love_broadcasting .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #love_broadcasting .et_pb_widget .field-wrapper input:focus, #love_broadcasting .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #love_broadcasting .et_pb_widget .field-wrapper input, #love_broadcasting .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #love_broadcasting .sponsorship-header { background-position: center; background-size: cover; } #love_broadcasting .sponsorship-header .et_pb_row { z-index: 2; } #love_broadcasting .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #241033; z-index: 1; pointer-events: none; opacity: 0.8; } #love_broadcasting .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #love_broadcasting .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #love_broadcasting .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #love_broadcasting .sponsorship-testimonials { float: left; width: 100%; } #love_broadcasting .testimonials { position: relative; } #love_broadcasting .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #DE4786; } @media only screen and (max-width: 900px) { #love_broadcasting .testimonials .et_pb_column_2:after { display: none; } } #love_broadcasting .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #DE4786; } @media only screen and (max-width: 900px) { #love_broadcasting .testimonials .et_pb_column_3:after { display: none; } } #love_broadcasting .header-message { text-align: center; background-color: #9E0E7C; position: relative; z-index: 1; } #love_broadcasting .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #love_broadcasting .header-message a { color: #fff; text-decoration: underline; } #love_broadcasting #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #241033; } #love_broadcasting #catapult-cookie-bar .ctcc-left-side { color: #fff; } #love_broadcasting #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #love_broadcasting #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #DE4786; color: #fff; } #love_broadcasting .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #241033; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #love_broadcasting .page-header { padding: 60px 0 40px; } } #love_broadcasting .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #241033; opacity: 0.8; } @supports (background-blend-mode: multiply) { #love_broadcasting .page-header:after { opacity: 0.2; } } #love_broadcasting .page-header .container { position: relative; z-index: 2; } #love_broadcasting .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #love_broadcasting .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #love_broadcasting .page-header .container h1 { font-size: 35px; } } #love_broadcasting .background-overlay { position: relative; background-color: #241033; background-blend-mode: multiply; } #love_broadcasting .background-overlay .et_parallax_bg { background-color: #241033; background-blend-mode: multiply; } #love_broadcasting .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #241033; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #love_broadcasting .background-overlay:after { opacity: 0.2; } } #love_broadcasting .background-overlay .et_pb_row { position: relative; z-index: 10; } #love_broadcasting .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #love_broadcasting .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #love_broadcasting .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #love_broadcasting .topic-feat-event .container { padding: 0; } #love_broadcasting .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #love_broadcasting .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #love_broadcasting .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #love_broadcasting .feat-event-inner { padding: 50px 20px 20px; } } #love_broadcasting .feat-event-inner .featured { color: #DE4786; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #love_broadcasting .feat-event-inner .featured span { color: #DE4786; } #love_broadcasting .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #love_broadcasting .feat-event-inner .entry-date { position: absolute; background: #DE4786; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #love_broadcasting .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #love_broadcasting .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #love_broadcasting .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #love_broadcasting .feat-event-inner .col-1, #love_broadcasting .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #love_broadcasting .feat-event-inner .col-1, #love_broadcasting .feat-event-inner .col-2 { width: 100%; float: none; } } #love_broadcasting .feat-event-inner .col-1 img { max-width: 75%; } #love_broadcasting .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #love_broadcasting .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #love_broadcasting .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #love_broadcasting .feat-event-inner .col-1 .btn { width: 100%; } } #love_broadcasting .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #love_broadcasting .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #love_broadcasting .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #DE4786; background-color: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #DE4786; background-color: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #love_broadcasting .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #love_broadcasting .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #love_broadcasting .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #love_broadcasting .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #love_broadcasting .feat-event-inner .col-2 { display: none; } } #love_broadcasting .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #love_broadcasting .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #love_broadcasting .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #love_broadcasting .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #love_broadcasting .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #love_broadcasting .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #241033; opacity: .7; z-index: 1; } #love_broadcasting .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #love_broadcasting .topic-grid:after { content: ''; background-color: #DE4786; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #love_broadcasting .topic-grid:after { display: none; } } #love_broadcasting .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #love_broadcasting .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #love_broadcasting .related-articles .other-related { float: left; width: 100%; } #love_broadcasting .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #love_broadcasting .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #love_broadcasting body.woocommerce .woocommerce-tabs { margin: 0; } #love_broadcasting body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #love_broadcasting body.woocommerce .woocommerce-message { background: #9E0E7C !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #love_broadcasting body.woocommerce .woocommerce-error { background-color: #DE4786; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #love_broadcasting body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #love_broadcasting body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #love_broadcasting #fep-wrapper { margin: 0; } #love_broadcasting #fep-wrapper #fep-header, #love_broadcasting #fep-wrapper #fep-footer { display: none; } #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #love_broadcasting #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #love_broadcasting #fep-wrapper #fep-menu .fep-button, #love_broadcasting #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #9E0E7C; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-menu .fep-button:hover, #love_broadcasting #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #9E0E7C; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-menu .fep-button .fep-font-red, #love_broadcasting #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #love_broadcasting #fep-wrapper #fep-menu .fep-button-active { background-color: #9E0E7C; } #love_broadcasting #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #love_broadcasting #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #love_broadcasting #fep-wrapper #fep-content > h2 { padding: 10px; color: #241033; font-weight: bold; } #love_broadcasting #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table { margin: 0; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #9E0E7C; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #DE4786; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #9E0E7C; display: inline-block; margin: 20px 0; font-size: 16px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #DE4786; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #DE4786; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #9E0E7C; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #love_broadcasting #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #9E0E7C; transition: all ease-in-out .3s; } #love_broadcasting #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #DE4786; box-shadow: none; } #love_broadcasting #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #9E0E7C; } #love_broadcasting .fep-success, #love_broadcasting .fep-error, #love_broadcasting .fep-wp-error { background-color: #9E0E7C; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #love_broadcasting .fep-wp-error, #love_broadcasting .fep-error { background-color: #DE4786; } #love_broadcasting .fep-message { background-color: #F6F6F6; } #love_broadcasting .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #love_broadcasting .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #241033; } #love_broadcasting .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #241033; } #love_broadcasting .fep-per-message .fep-message-toggle-all { color: #9E0E7C; margin-bottom: 5px; } #love_broadcasting .fep-per-message .fep-message-title, #love_broadcasting .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #love_broadcasting .fep-per-message .fep-message-title .author, #love_broadcasting .fep-per-message .fep-message-content .author { font-weight: 500; } #love_broadcasting .fep-per-message .fep-message-title .date, #love_broadcasting .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #love_broadcasting .fep-per-message .fep-message-title p, #love_broadcasting .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #love_broadcasting .fep-per-message .fep-message-title hr, #love_broadcasting .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #love_broadcasting #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #9E0E7C; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #love_broadcasting #fep-notification-bar a { color: #fff; } #love_broadcasting .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #DE4786 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #love_broadcasting .fep-custom-button:before { content: '◄ '; } #love_broadcasting .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #love_broadcasting .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #love_broadcasting .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #love_broadcasting .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #love_broadcasting .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #love_broadcasting .fep-search-inbox::placeholder { text-align: left; } } #econolex { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #econolex body, #econolex html { overflow-x: hidden; margin-top: 0 !important; } #econolex .hide { display: none; } #econolex .text-center { text-align: center; } #econolex style { display: none !important; } #econolex .et_pb_section { clear: both; } #econolex .single .post { padding: 0; margin: 0; } #econolex .img-bullet-point { position: absolute; top: 0; left: -40px; } #econolex #left-area { padding-bottom: 0 !important; } #econolex *::selection { background-color: #29BEBA; } #econolex #et_search_icon:hover, #econolex .mobile_menu_bar:before, #econolex .mobile_menu_bar:after, #econolex .et-social-icon a:hover, #econolex .comment-reply-link, #econolex .form-submit .et_pb_button, #econolex .entry-summary p.price ins, #econolex .woocommerce div.product span.price, #econolex .woocommerce-page div.product span.price, #econolex .woocommerce #content div.product span.price, #econolex .woocommerce-page #content div.product span.price, #econolex .woocommerce div.product p.price, #econolex .woocommerce-page div.product p.price, #econolex .woocommerce #content div.product p.price, #econolex .woocommerce-page #content div.product p.price, #econolex .woocommerce .star-rating span:before, #econolex .woocommerce-page .star-rating span:before, #econolex .woocommerce a.button.alt, #econolex .woocommerce-page a.button.alt, #econolex .woocommerce button.button.alt, #econolex .woocommerce-page button.button.alt, #econolex .woocommerce input.button.alt, #econolex .woocommerce-page input.button.alt, #econolex .woocommerce #respond input#submit.alt, #econolex .woocommerce-page #respond input#submit.alt, #econolex .woocommerce #content input.button.alt, #econolex .woocommerce-page #content input.button.alt, #econolex .woocommerce a.button, #econolex .woocommerce-page a.button, #econolex .woocommerce button.button, #econolex .woocommerce-page button.button, #econolex .woocommerce input.button, #econolex .woocommerce-page input.button, #econolex .woocommerce #respond input#submit, #econolex .woocommerce-page #respond input#submit, #econolex .woocommerce #content input.button, #econolex .woocommerce-page #content input.button, #econolex .woocommerce a.button.alt:hover, #econolex .woocommerce-page a.button.alt:hover, #econolex .woocommerce button.button.alt:hover, #econolex .woocommerce-page button.button.alt:hover, #econolex .woocommerce input.button.alt:hover, #econolex .woocommerce-page input.button.alt:hover, #econolex .woocommerce #respond input#submit.alt:hover, #econolex .woocommerce-page #respond input#submit.alt:hover, #econolex .woocommerce #content input.button.alt:hover, #econolex .woocommerce-page #content input.button.alt:hover, #econolex .woocommerce a.button:hover, #econolex .woocommerce-page a.button:hover, #econolex .woocommerce button.button, #econolex .woocommerce-page button.button:hover, #econolex .woocommerce input.button:hover, #econolex .woocommerce-page input.button:hover, #econolex .woocommerce #respond input#submit:hover, #econolex .woocommerce-page #respond input#submit:hover, #econolex .woocommerce #content input.button:hover, #econolex .wp-pagenavi span.current, #econolex .wp-pagenavi a:hover, #econolex .et_password_protected_form .et_submit_button, #econolex .nav-single a, #econolex .posted_in a, #econolex #top-menu li.current-menu-ancestor > a, #econolex #top-menu li.current-menu-item > a, #econolex .bottom-nav li.current-menu-item > a, #econolex .footer-widget h4 { color: #29BEBA; } #econolex .title-with-bottom-line, #econolex .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #econolex .title-with-bottom-line h3, #econolex .title-with-bottom-line > :last-child, #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #econolex .title-with-bottom-line h3, #econolex .title-with-bottom-line > :last-child, #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #econolex .title-with-bottom-line h3, #econolex .title-with-bottom-line > :last-child, #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #econolex .title-with-bottom-line h3, #econolex .title-with-bottom-line > :last-child, #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #econolex .title-with-bottom-line h3, #econolex .title-with-bottom-line > :last-child, #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #econolex .title-with-bottom-line:after, #econolex .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #29BEBA; } @media (max-width: 400px) { #econolex .title-with-bottom-line:after, #econolex .title-with-bottom-line-grey:after { bottom: -5px; } } #econolex .title-with-bottom-line-grey h3, #econolex .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #econolex .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #econolex .secondary-title-with-bottom-line { margin-top: 0; } } #econolex .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #econolex .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #econolex .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #econolex .secondary-title-with-bottom-line:after { bottom: -5px; } } #econolex .et-search-form, #econolex .et_mobile_menu, #econolex .footer-widget li:before, #econolex .nav li ul, #econolex blockquote { border-color: #29BEBA; } @media print { #econolex .single-product.print-view { visibility: hidden; } #econolex .single-product.print-view #agenda { visibility: visible; } @page { #econolex .single-product.print-view { margin: 20px 0; } } #econolex .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #econolex .single-product.print-view #top-header, #econolex .single-product.print-view #main-header, #econolex .single-product.print-view #main-footer, #econolex .single-product.print-view .et_pb_section_1, #econolex .single-product.print-view .et_pb_module:not(.mod-schedule), #econolex .single-product.print-view .schedule-controls, #econolex .single-product.print-view .footer-form, #econolex .single-product.print-view .day-tab, #econolex .single-product.print-view .stream-tabs, #econolex .single-product.print-view .explore-next-btn, #econolex .single-product.print-view .et_pb_scroll_top { display: none !important; } #econolex .single-product.print-view .et_pb_section, #econolex .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #econolex .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #econolex .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #1D1D1B !important; break-after: avoid-page; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #econolex .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #econolex .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #econolex .col-6 { width: 49%; } #econolex .pull-left { float: left; } #econolex .pull-right { float: right; } #econolex .clear { clear: both; } #econolex .container { width: 100%; } #econolex .et-cart-info { display: none; } #econolex #top-header { background-color: #1D1D1B; } #econolex #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #econolex #main-header .container { padding-left: 20px; padding-right: 20px; } #econolex #logo { max-height: 64px; } @media (max-width: 1079px) { #econolex #logo { max-height: 40px; } } #econolex .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #econolex .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #econolex .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #econolex .et_header_style_left #logo, #econolex .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #econolex .et_header_style_left #et-top-navigation, #econolex .et_header_style_split #et-top-navigation, #econolex .et_header_style_left .et-fixed-header #et-top-navigation, #econolex .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #econolex .et_header_style_left #et-top-navigation nav > ul > li > a, #econolex .et_header_style_split #et-top-navigation nav > ul > li > a, #econolex .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #econolex .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #econolex .et_header_style_left #et-top-navigation, #econolex .et_header_style_split #et-top-navigation, #econolex .et_header_style_left .et-fixed-header #et-top-navigation, #econolex .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #econolex .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #econolex #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #econolex #top-menu li a { color: #000; font-weight: 400; } #econolex #top-menu li li { padding: 0; } #econolex #top-menu li li a:hover { background: none; color: #29BEBA; opacity: 1; } #econolex #top-menu li li:hover a { color: #29BEBA; opacity: 1; } @media (max-width: 1199px) { #econolex #top-menu li { padding-right: 35px; } } #econolex #top-menu-nav > ul > li > a:hover, #econolex #et-secondary-menu > ul > li > a:hover, #econolex #et-info-email:hover, #econolex .et-social-icons a:hover { color: #29BEBA; opacity: 1; } #econolex #top-menu .menu-item-has-children > a:first-child:after, #econolex #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #econolex #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #econolex #et_top_search { right: 40px; top: 7px; } } #econolex #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #econolex #et_top_search { margin-left: 35px; } #econolex #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #econolex #et_top_search #et_search_icon:before { top: 7px; } } #econolex .nav li ul, #econolex .et_mobile_menu { border-top-color: #29BEBA; } #econolex .et_mobile_menu { padding: 15px 0; } #econolex .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #econolex .et_mobile_menu li a:hover { background: none; color: #29BEBA; } #econolex .et_mobile_menu li.current-menu-item a { color: #29BEBA; } #econolex .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #econolex .et_mobile_menu li ul li { padding: 0; } #econolex .et_mobile_menu li ul li a { padding: 10px 20px; } #econolex .footer-form { padding: 0; background-color: #29BEBA !important; } #econolex .footer-form a { color: #fff; text-decoration: underline; } #econolex .footer-form .et_pb_text { margin-bottom: 0; } #econolex .footer-form .mod-sign-up p span { font-size: 10px; } #econolex #main-footer { background: #1D1D1B; clear: both; } #econolex #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #econolex #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #econolex #footer-widgets .footer-widget p { color: #fff; } #econolex #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #29BEBA; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #econolex #footer-widgets .footer-widget li { margin: 0; padding: 0; } #econolex #footer-widgets .footer-widget li:before { display: none; } #econolex #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #econolex #footer-widgets .footer-widget li a:hover { color: #29BEBA; } @media (max-width: 767px) { #econolex #footer-widgets { padding: 30px 0 0 0; } #econolex #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #econolex #footer-widgets .footer-widget li a { padding: 3px 0; } #econolex #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #econolex #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #econolex #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #econolex #footer-widgets { padding-bottom: 60px; } } #econolex #footer-info { float: none; color: #fff; font-size: 12px; } #econolex .et-social-icons { display: none; } #econolex #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #econolex .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #econolex .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #econolex .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #econolex body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #econolex body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #econolex body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #econolex body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #econolex body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #econolex .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #econolex .desktop-my-account { display: none; } } #econolex .mobile-my-account { display: none; } @media (max-width: 980px) { #econolex .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #econolex .account-page { padding: 0 20px; } } #econolex .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #econolex .account-page .container { padding-top: 30px; } } #econolex .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #econolex .account-page h1.main_title span { color: #29BEBA; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #econolex .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #econolex .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #econolex .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #econolex .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #econolex .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #econolex .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #econolex .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #econolex .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #econolex .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #econolex .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #29BEBA; } @media only screen and (max-width: 900px) { #econolex .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #econolex .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #29BEBA; font-weight: 600; } } #econolex .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #econolex .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #econolex .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #29BEBA; cursor: pointer; } } #econolex .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #econolex .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #econolex .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #econolex .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #29BEBA; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #econolex .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #econolex .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #econolex .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #econolex .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #econolex .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #econolex .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #econolex .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #econolex .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #econolex .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #29BEBA; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #econolex .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #econolex .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #29BEBA; } #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td a, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #29BEBA; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #EB297C; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #29BEBA; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #EB297C; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #econolex .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #econolex .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #EB297C; transition: all ease-in-out .3s; } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #1D1D1B; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #econolex .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #econolex .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #econolex .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #econolex .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #econolex .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #econolex .woocommerce-checkout #main-content .col-1, #econolex .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #econolex .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #29BEBA; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #econolex .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #econolex .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #econolex .woocommerce-checkout #main-content .woocommerce-info:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #1D1D1B; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #econolex .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #econolex .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #econolex .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #econolex .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #econolex .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #econolex .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #econolex .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .form-row label { position: relative; } } #econolex .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #econolex .woocommerce-checkout #main-content .form-row select { height: 52px; } #econolex .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #econolex .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #econolex .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #econolex .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #econolex .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #econolex .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #econolex .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #econolex .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #econolex .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #econolex .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #econolex .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #econolex .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #econolex .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #econolex .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #29BEBA; } #econolex .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #1D1D1B; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #econolex .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #1D1D1B; font-size: 19px; font-weight: 600; margin: 10px 0; } #econolex .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #econolex .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #EB297C; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #29BEBA; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #econolex .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #econolex .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #econolex .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #econolex .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #econolex .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #econolex .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #econolex .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #econolex .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #econolex .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #econolex .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #econolex .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #29BEBA; padding: 25px 20px; } #econolex .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #econolex .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #econolex .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #econolex .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #29BEBA; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #econolex .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #econolex .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #econolex .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #econolex .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #econolex .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #econolex .webinar-thank-you .btn { color: #fff; background: #EB297C; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #econolex .webinar-thank-you .btn:hover { background: #EB297C; transition: all ease-in-out .3s; } #econolex .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #econolex .woocommerce form.login { max-width: none; } } #econolex .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #econolex .woocommerce form.login .form-row { margin: 0 0 20px; } } #econolex .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #econolex .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #29BEBA; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #econolex .woocommerce form.login .form-row input[type="submit"]:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex .woocommerce form.login .lost_password a { color: #29BEBA; } #econolex .woocommerce-account .woocommerce form.login { max-width: 400px; } #econolex .search-bar { position: relative; margin: 30px 20px 0; } #econolex .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #econolex .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #29BEBA; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #econolex .search-bar .btn-search:hover { background-color: #1D1D1B; } #econolex .btn-search-more { background-color: #29BEBA; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #econolex .entry-container { padding: 0 0 80px; } #econolex .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #econolex .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #econolex .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #econolex .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #econolex .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #econolex .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #econolex .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #1D1D1B; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #econolex .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #29BEBA; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #econolex .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #econolex .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #econolex .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #econolex .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; content: "\e108"; color: #EB297C; } #econolex .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #EB297C; } #econolex .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #1D1D1B; background-color: #EB297C; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #econolex .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #econolex .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #econolex .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #econolex .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #econolex .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #econolex .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #econolex .entry-grid.view-grid .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; line-height: 130%; } #econolex .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #econolex .entry-grid.view-grid .single-entry .entry-button { display: none; } #econolex .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #econolex .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #econolex .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #econolex .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #econolex .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; } #econolex .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #econolex .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #1D1D1B; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #econolex .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #econolex .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #econolex .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #econolex .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #EB297C; } #econolex .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #EB297C; } #econolex .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #EB297C; } #econolex .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #econolex .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #econolex .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #econolex .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #econolex .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #econolex .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #econolex .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #econolex .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #EB297C; } #econolex .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #EB297C; } #econolex .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #EB297C; } #econolex .entry-grid.view-list .single-entry .feat-image { display: none; } #econolex .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #econolex .entry-grid.view-list .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; } #econolex .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #econolex .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #econolex .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #econolex .entry-grid.view-list .single-entry .entry-button { float: left; } } #econolex .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #29BEBA; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #econolex .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #econolex .entry-grid-controls { padding: 0 15px 20px; } } #econolex .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #econolex .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #econolex .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #econolex .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #econolex .entry-grid-controls .filters .filter-btn.active { border: 2px solid #1D1D1B; transition: all ease-in-out .3s; } #econolex .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #econolex .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #econolex .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #1D1D1B; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #econolex .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #econolex .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #econolex .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #econolex .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #econolex .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #econolex .entry-load-more { text-align: center; } #econolex .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #29BEBA; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #econolex .entry-load-more .load-more-btn:hover { background-color: #29BEBA; transition: background 0.3s ease-in-out; } #econolex .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #econolex .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #econolex .entry-topic { padding: 20px; } } #econolex .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #econolex .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #econolex .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #econolex .entry-topic .text { width: 100%; padding: 0; } } #econolex .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #econolex .entry-topic .text h3 { font-size: 26px; } } #econolex .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #econolex .entry-topic .text .inner-text { max-height: none; } } #econolex .entry-topic .text .inner-text h4 { padding: 0; color: #EB297C; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #econolex .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #econolex .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #econolex .entry-topic .text ul li { display: inline-block; } #econolex .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #econolex .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #econolex .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #econolex .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #econolex .entry-topic .text ul li span.topic-entry-type-webinars:after, #econolex .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #econolex .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #econolex .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #econolex .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #econolex .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #EB297C; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #econolex .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #econolex .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #econolex .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #econolex .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #econolex .entry-topic:hover .btn { bottom: inherit; } } #econolex .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: .8; z-index: 1; } #econolex .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #econolex .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #econolex .modal .modal-content .modal-body { position: relative; } #econolex .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #econolex .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #econolex .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #econolex #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #econolex #brochureModal .copy { text-align: center; width: 100%; clear: both; } #econolex #brochureModal .copy h2 { margin-bottom: 30px; } #econolex #brochureModal .copy p { font-size: 11px; } #econolex #brochureModal .copy a { color: #29BEBA; } #econolex #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #econolex #brochureModal .form-design-field { width: 100%; margin: 0; } } #econolex #brochureModal label { display: none; } #econolex #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #econolex #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #29BEBA; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #econolex #brochureModal input[type=submit] { margin-top: 30px; } } #econolex #brochureModal input[type=submit]:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #econolex #reportModal .copy { text-align: center; width: 100%; clear: both; } #econolex #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #econolex #reportModal .copy p { font-size: 11px; } #econolex #reportModal .copy a { color: #29BEBA; } #econolex #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #econolex #reportModal .form-design-field { width: 100%; margin: 0; } } #econolex #reportModal label { display: none; } #econolex #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #econolex #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #29BEBA; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #econolex #reportModal input[type=submit] { margin-top: 30px; } } #econolex #reportModal input[type=submit]:hover { background: #29BEBA; transition: all ease-in .2s; } #econolex .details-modal-popup { cursor: pointer; } #econolex #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #econolex #detailsModal .modal-content img { margin-bottom: 20px; } #econolex #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #1D1D1B; } #econolex #detailsModal .modal-content a { color: #29BEBA; } #econolex #detailsModal .modal-content .col-1, #econolex #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #econolex #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #econolex #detailsModal .modal-content { padding: 20px 10px; } #econolex #detailsModal .modal-content h3 { padding-left: 0; } #econolex #detailsModal .modal-content .col-1, #econolex #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #econolex .mod-speakers, #econolex .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #econolex .mod-speakers h2, #econolex .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #econolex .mod-speakers, #econolex .mod-advisory-board { padding: 0; } } #econolex .mod-speakers:after, #econolex .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #econolex .mod-speakers .single-speaker-grid, #econolex .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #econolex .mod-speakers .single-speaker-grid:nth-child(4n + 1), #econolex .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #econolex .mod-speakers .single-speaker-grid, #econolex .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #econolex .mod-speakers .single-speaker-grid, #econolex .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #econolex .mod-speakers .single-speaker-grid:nth-child(4n + 1), #econolex .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #econolex .mod-speakers .single-speaker-grid:nth-child(3n + 1), #econolex .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #econolex .mod-speakers .single-speaker-grid, #econolex .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #econolex .mod-speakers .single-speaker-grid:nth-child(3n + 1), #econolex .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #econolex .mod-speakers .single-speaker-grid:nth-child(2n + 1), #econolex .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #econolex .mod-speakers .single-speaker-img, #econolex .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #econolex .mod-speakers .single-speaker-img img, #econolex .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #econolex .mod-speakers .single-speaker-img, #econolex .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #econolex .mod-speakers .company-logo, #econolex .mod-advisory-board .company-logo { margin: 0; } #econolex .mod-speakers .company-logo img, #econolex .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #econolex .mod-speakers .company-logo, #econolex .mod-advisory-board .company-logo { margin-bottom: 5px; } } #econolex .mod-speakers .single-speaker-list, #econolex .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #econolex .mod-speakers .single-speaker-list .single-speaker-img, #econolex .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #econolex .mod-speakers .single-speaker-list .single-speaker-img, #econolex .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #econolex .mod-speakers .single-speaker-list .single-speaker-text, #econolex .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #econolex .mod-speakers .single-speaker-list .single-speaker-text, #econolex .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #econolex .mod-speakers .single-speaker-list .single-speaker-text h3, #econolex .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #econolex .mod-speakers .single-speaker-list .single-speaker-text h4, #econolex .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #econolex .mod-speakers .single-speaker-list .single-speaker-text p, #econolex .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #econolex .mod-speakers h3, #econolex .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #econolex .mod-speakers h3, #econolex .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #econolex .mod-speakers h3, #econolex .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #econolex .mod-speakers h3, #econolex .mod-advisory-board h3 { font-size: 14px; } } #econolex .mod-speakers h4, #econolex .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #econolex .mod-speakers h4, #econolex .mod-advisory-board h4 { font-size: 13px; } } #econolex .mod-speakers .btn-wrapper, #econolex .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #econolex .mod-speakers .load-speakers, #econolex .mod-speakers .load-advisory-board, #econolex .mod-advisory-board .load-speakers, #econolex .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #29BEBA; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #econolex .mod-speakers .load-speakers:hover, #econolex .mod-speakers .load-advisory-board:hover, #econolex .mod-advisory-board .load-speakers:hover, #econolex .mod-advisory-board .load-advisory-board:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .mod-speakers .load-speakers, #econolex .mod-speakers .load-advisory-board, #econolex .mod-advisory-board .load-speakers, #econolex .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #econolex .mod-speakers .loading-spinner, #econolex .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #econolex .mod-speakers .loading-spinner .load, #econolex .mod-speakers .loading-spinner .load:after, #econolex .mod-advisory-board .loading-spinner .load, #econolex .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #econolex .mod-speakers .loading-spinner .load, #econolex .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #29BEBA; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #econolex .mod-speakers:before, #econolex .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #econolex .mod-speakers.loading:before, #econolex .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #econolex .mod-speakers.loading .loading-spinner, #econolex .mod-advisory-board.loading .loading-spinner { display: block; } #econolex .people-fullwidth { width: 100% !important; } #econolex #speakers { position: relative; z-index: 99; } #econolex .mod-speakers-global { margin: 0; width: 100%; position: relative; } #econolex .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #econolex .mod-speakers-global { padding: 0; } } #econolex .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #econolex .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #econolex .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #econolex .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #econolex .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #econolex .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #econolex .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #econolex .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #econolex .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #econolex .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #econolex .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #econolex .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #econolex .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #econolex .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #econolex .mod-speakers-global .single-speaker-container { z-index: 1; } } #econolex .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #econolex .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #econolex .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #econolex .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #econolex .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #econolex .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #econolex .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #econolex .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #econolex .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #econolex .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #econolex .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #econolex .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #econolex .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #econolex .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #econolex .mod-speakers-global .single-speaker-img { overflow: initial; } } #econolex .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #econolex .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #econolex .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #econolex .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #econolex .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #econolex .mod-speakers-global .company-logo { margin: 0; } #econolex .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #econolex .mod-speakers-global .company-logo { margin-bottom: 5px; } } #econolex .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #econolex .mod-speakers-global .single-speaker-details { transition: none; } } #econolex .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #econolex .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #econolex .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #econolex .mod-speakers-global .details-active-right { left: 0 !important; } } #econolex .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #econolex .mod-speakers-global .details-active-left { left: 0 !important; } } #econolex .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #econolex .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #econolex .mod-speakers-global .close-detail-label { display: none; } } #econolex .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #econolex .mod-speakers-global .speaker-mb-img img { width: 100%; } #econolex .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #econolex .mod-speakers-global .speaker-extra-details { padding: 24px; } } #econolex .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #econolex .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #econolex .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #econolex .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #econolex .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #econolex .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #econolex .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #econolex .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #econolex .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #econolex .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #econolex .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #econolex .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #econolex .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #econolex .mod-speakers-global h3 { font-size: 14px; } } #econolex .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #econolex .mod-speakers-global h4 { font-size: 13px; } } #econolex .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #econolex .mod-speakers-global .load-speakers, #econolex .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #29BEBA; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #econolex .mod-speakers-global .load-speakers:hover, #econolex .mod-speakers-global .load-advisory-board:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .mod-speakers-global .load-speakers, #econolex .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #econolex .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #econolex .mod-speakers-global .loading-spinner .load, #econolex .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #econolex .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #29BEBA; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #econolex .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #econolex .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #econolex .mod-speakers-global.loading .loading-spinner { display: block; } #econolex .hide-scroll-top { opacity: 0; } #econolex .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #econolex .mod-sponsors { padding: 0; } } #econolex .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #econolex .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #econolex .mod-sponsors .tooltip { display: block; } } #econolex .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #econolex .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #econolex .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #econolex .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #econolex .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #econolex .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #econolex .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #econolex .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #econolex .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #econolex .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #econolex .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #econolex .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #econolex .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #29BEBA; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #econolex .mod-sponsors .sponsor-btn:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #econolex .mod-attending { padding: 0 30px; text-align: center; } #econolex .mod-attending .attendees-slider { max-height: 350px; } #econolex .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #econolex .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #econolex .mod-attending .attendees-slider .attendee { width: 50%; } } #econolex .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #econolex .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #econolex .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #econolex .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #econolex .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #econolex .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #econolex .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #29BEBA; } @media only screen and (max-width: 1200px) { #econolex .mod-attending { padding: 0; } } #econolex .mod-attending h2 { text-align: center; padding: 0 0 60px; } #econolex .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #29BEBA; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #econolex .mod-attending .attendee-btn:hover { background: #29BEBA; } #econolex .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #econolex .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #econolex .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #econolex .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #econolex .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .schedule-controls { padding: 0; } } #econolex .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #econolex .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #econolex .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #EB297C; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .schedule-controls .selected-category { width: 100%; } } #econolex .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #econolex .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #econolex .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #econolex .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #1D1D1B; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #econolex .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #1D1D1B; transition: all ease-in .2s; } #econolex .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #econolex .mod-schedule .schedule-controls .expand, #econolex .mod-schedule .schedule-controls .collapse, #econolex .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #EB297C; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #econolex .mod-schedule .schedule-controls .expand span, #econolex .mod-schedule .schedule-controls .collapse span, #econolex .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #econolex .mod-schedule .schedule-controls .expand.active, #econolex .mod-schedule .schedule-controls .collapse.active, #econolex .mod-schedule .schedule-controls .print-btn.active { display: block; } #econolex .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #1D1D1B; } #econolex .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #econolex .mod-schedule .day-tab .d-day-dates { display: initial; } #econolex .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #econolex .mod-schedule .day-tab .d-day-dates { display: none; } #econolex .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #econolex .mod-schedule .day-tab .d-day-dates { display: none; } #econolex .mod-schedule .day-tab .m-day-dates { display: initial; } } #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #econolex .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #econolex .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #econolex .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #econolex .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #econolex .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #econolex .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #econolex .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #econolex .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #econolex .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #econolex .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-tab:first-child { margin-left: 0; } #econolex .mod-schedule .day-tab:last-child { margin-right: 0; } } #econolex .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #econolex .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-tab h3 { font-size: 18px; } } #econolex .mod-schedule .day-tab.active { border-bottom: 2px solid #EB297C; transition: all ease-in .2s; } #econolex .mod-schedule .day-tab.active h3 { color: #EB297C; } #econolex .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main { width: 100%; } } #econolex .mod-schedule .day-main.active { display: block; } #econolex .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #29BEBA; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #econolex .mod-schedule .day-main .explore-next-btn a { color: #fff; } #econolex .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #econolex .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #econolex .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #econolex .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #econolex .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #econolex .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #econolex .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #econolex .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #econolex .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #1D1D1B; text-transform: uppercase; font-size: 18px; font-weight: bold; } #econolex .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #EB297C; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #econolex .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #econolex .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #econolex .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #econolex .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #1D1D1B; font-weight: bold; font-size: 14px; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #EB297C; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #1D1D1B; transform: rotate(45deg); transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #1D1D1B; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #econolex .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #econolex .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #econolex .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #1D1D1B; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #econolex .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #EB297C; padding-bottom: 0px; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-title { background: #1D1D1B; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #1D1D1B; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #econolex .mod-schedule .day-main .day-entry.active .day-entry-sessions, #econolex .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #econolex .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #econolex .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #1D1D1B; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #econolex .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #econolex .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #EB297C; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description p, #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #1D1D1B; font-size: 14px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #EB297C; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #1D1D1B; font-size: 13px; } #econolex .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #econolex .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #econolex .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #EB297C; } } @media only screen and (max-width: 600px) { #econolex .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #econolex .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #econolex .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #econolex .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #EB297C; } #econolex .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #econolex .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #econolex .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #econolex .mod-webinar .modal .modal-body { padding: 0; } #econolex .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #econolex .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #econolex .mod-webinar .modal .chat { float: left; width: 400px; } #econolex .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #econolex .mod-tickets { float: left; width: 100%; } #econolex .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #econolex .mod-tickets .tickets { width: 100%; } } #econolex .mod-tickets .tickets .ticket { float: left; border: 3px solid #1D1D1B; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #econolex .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #econolex .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #econolex .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #econolex .mod-tickets .tickets .ticket .ticket-title { background: #1D1D1B; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #EB297C; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #EB297C; background: none; padding: 8px 10px 0 10px; width: 35%; } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #econolex .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #econolex .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #econolex .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #econolex .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #econolex .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #econolex .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #econolex .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #29BEBA; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #29BEBA; padding-top: 8px; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #29BEBA; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #econolex .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #econolex .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #econolex .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #econolex .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #econolex .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #econolex .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #econolex .mod-tickets .ticket-order { width: 100%; } } #econolex .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #econolex .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #29BEBA; } #econolex .mod-tickets .ticket-order .cart p { text-align: left; } #econolex .mod-tickets .ticket-order .cart h3 { background: #29BEBA; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #econolex .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #econolex .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #econolex .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #econolex .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #econolex .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #econolex .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #econolex .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #econolex .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #econolex .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #29BEBA; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #econolex .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #econolex .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #econolex .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #econolex .mod-tickets .loading-spinner .load, #econolex .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #econolex .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #29BEBA; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #econolex .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #econolex .mod-tickets.loading { pointer-events: none; } #econolex .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #econolex .mod-tickets.loading .loading-spinner { display: block; } #econolex #insurerConfirmModal .modal-content { border: 3px solid #29BEBA; box-shadow: none; padding: 20px; max-width: 500px; } #econolex #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #econolex #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #econolex #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #econolex #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #econolex #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #econolex #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #econolex #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #29BEBA; } #econolex #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #1D1D1B; } #econolex #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #econolex .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #econolex .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #econolex .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #econolex .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #econolex .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #1D1D1B; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #econolex .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #econolex .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #econolex .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #econolex .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #econolex .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #econolex .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #econolex .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #econolex .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #econolex .mod-related-content .related-article .event-img:hover:after { top: 0; } #econolex .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #econolex .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #econolex .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #econolex .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #econolex .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #econolex .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #econolex .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #econolex .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #econolex .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #econolex .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #econolex .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #econolex .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #econolex .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #econolex .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #econolex .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #econolex .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #econolex .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #econolex .mod-map-marker .et_pb_row { position: relative; height: 100%; } #econolex .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #econolex .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #econolex .mod-map-marker .marker { padding: 20px 20px 0; } } #econolex .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #econolex .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #econolex .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #29BEBA; font-size: 14px; letter-spacing: 1px; color: #29BEBA; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #econolex .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #econolex .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #econolex .mod-map-marker .marker a:hover { border: 2px solid #29BEBA; transition: all ease-in .2s; } #econolex .et_pb_map { height: 600px; } #econolex .contact-map .et_pb_map { height: 300px; } #econolex .gmnoprint { display: none; } #econolex .mod-sign-up { width: 100%; margin: 0; background: #29BEBA; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #econolex .mod-sign-up { width: 100%; margin: 0; } } #econolex .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #1D1D1B; } #econolex .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #econolex .mod-sign-up .elq-form { float: left; width: 100%; } #econolex .mod-sign-up .elq-form label { display: none; } #econolex .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #econolex .mod-sign-up .elq-form .form-design-field { width: 100%; } } #econolex .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #econolex .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #econolex .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #econolex .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #econolex .mod-sponsorship-form label { display: none; } #econolex .mod-sponsorship-form .col-1, #econolex .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #econolex .mod-sponsorship-form .col-1, #econolex .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #econolex .mod-sponsorship-form .col-2 { float: right; } #econolex .mod-sponsorship-form input:not([type=submit]), #econolex .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #econolex .mod-sponsorship-form textarea { min-height: 160px; } #econolex .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #econolex .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #econolex .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #1D1D1B; color: #1D1D1B; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #econolex .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #econolex .mod-homepage-index .index-entry-filters li:hover { background-color: #1D1D1B; transition: all ease-in-out .3s; } #econolex .mod-homepage-index .index-entry-filters li.active { background-color: #1D1D1B; color: #fff; transition: all ease-in-out .3s; } #econolex .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #econolex .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #econolex .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #econolex .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #econolex .mod-homepage-index .index-entry.active { display: block; } #econolex .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #econolex .masonry-grid .grid-item img { width: 100%; height: auto; } #econolex.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #econolex.et-fb .et_pb_masonry_grid > div { display: none; } #econolex.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #econolex #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #econolex #event-menu .fullwidth-menu { padding-top: 15px !important; } #econolex #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #econolex .admin-bar #event-menu { top: 62px; } #econolex .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #econolex .homepage-event-section .divider-strip { position: relative; } #econolex .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #EB297C; margin-top: 30px; } #econolex .homepage-events-preview { margin-top: 80px; } #econolex .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #econolex .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #econolex .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #econolex .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #econolex .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #econolex .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #econolex .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #econolex .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #econolex .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #econolex .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #econolex .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #29BEBA; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #econolex .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #econolex .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #1D1D1B; opacity: 0.95; } #econolex .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #econolex .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #econolex .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #econolex .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #econolex .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #econolex .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #econolex .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #econolex .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #econolex .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #econolex .homepage-events-preview:after { display: none; } #econolex .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #econolex .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #econolex .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #econolex .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #econolex .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #econolex .topic-header { position: relative; background-position: center; background-size: cover; } #econolex .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #econolex .topic-header * { position: relative; z-index: 1; } #econolex .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #econolex .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #econolex .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #econolex .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #econolex .featured-event { padding-right: 20px; } } #econolex .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #EB297C; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #econolex .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #econolex .featured-event .close:hover { color: #29BEBA; } #econolex .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #EB297C; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #econolex .featured-event .dates-of-event strong { display: block; font-weight: 800; } #econolex .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #EB297C; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #econolex .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #econolex .featured-event .dates-of-event { top: 45%; } } #econolex .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #econolex .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #econolex .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #econolex .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #econolex .featured-event .col-6 > img { max-height: 130px; } } #econolex .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #econolex .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #econolex .featured-event .col-6.right { padding-right: 0; } } #econolex .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #econolex .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #econolex .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #econolex .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #econolex .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #econolex .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #EB297C; display: block; line-height: 120%; } @media (max-width: 699px) { #econolex .featured-event .col-6 .countdown-to-event span { width: 50px; } #econolex .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #econolex .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #econolex .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #econolex .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #econolex .featured-event .col-6 .event-type.event { color: #EB297C; } #econolex .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #econolex .featured-event .col-6 .event-type.article { color: #366893; } #econolex .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #econolex .featured-event .col-6 .event-type.webinar { color: #29BEBA; } #econolex .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #econolex .featured-event .col-6 .event-type.course { color: #8A9299; } #econolex .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #econolex .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #econolex .featured-event .col-6 h2 { padding-right: 40px; } } #econolex .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #EB297C; display: block; line-height: 150%; margin: 0 0 20px 0; } #econolex .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #econolex .featured-event .col-6 .white-btn, #econolex .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #econolex .featured-event .col-6 .white-btn:hover, #econolex .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #econolex .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #econolex .featured-event .col-6 .colored-btn { background: #EB297C; border-color: #EB297C; margin-right: 0; } #econolex .events-filter { margin: 50px 0 20px 0; } #econolex .events-filter ul { float: left; } #econolex .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #econolex .events-filter ul li p { font-size: 16px; } #econolex .events-filter ul li.active p { color: green; } #econolex .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #econolex .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #econolex .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #econolex .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #econolex .events-filter > span.icon_grid-2x2 { color: #1D1D1B; } #econolex .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #econolex .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #econolex .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #econolex .events-filter > span:hover, #econolex .events-filter > span.icon-active { color: #29BEBA; } @media (max-width: 767px) { #econolex .events-filter > span.icon_grid-2x2, #econolex .events-filter > span.icon_menu { display: none; } } #econolex .inner-events-boxes { font-size: 0; } #econolex .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #econolex .inner-events-boxes .event-box.active { display: inline-block; } #econolex .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #econolex .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #econolex .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.9; } #econolex .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #econolex .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #econolex .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #econolex .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #econolex .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #econolex .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #econolex .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #econolex .inner-events-boxes .event-box > div .event-type.event { color: #EB297C; } #econolex .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #econolex .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #econolex .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #econolex .inner-events-boxes .event-box > div .event-type.webinar { color: #29BEBA; } #econolex .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #econolex .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #econolex .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #econolex .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #29BEBA; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #econolex .inner-events-boxes .event-box > div .event-btn:hover { background: #29BEBA; } #econolex .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #econolex .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #econolex .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #econolex .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #econolex .inner-events-boxes .event-box.col-4 > div:hover p, #econolex .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #econolex .inner-events-boxes .event-box > div h3 { font-size: 20px; } #econolex .inner-events-boxes .event-box > div p, #econolex .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #econolex .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #econolex .inner-events-boxes .event-box.col-4 { width: 48%; } #econolex .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #econolex .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #econolex .inner-events-boxes .event-box.col-4 > div { height: auto; } } #econolex div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #econolex div.inner-event-header .et_pb_row { z-index: 2; } #econolex div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #econolex div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #EB297C 35px, transparent 35px); background: -moz-linear-gradient(right, #EB297C 35px, transparent 35px); background: -o-linear-gradient(right, #EB297C 35px, transparent 35px); background: -webkit-linear-gradient(left, #EB297C 35px, transparent 35px); pointer-events: none; } #econolex div.inner-event-header img, #econolex div.inner-event-header h1, #econolex div.inner-event-header h2, #econolex div.inner-event-header h3, #econolex div.inner-event-header h4, #econolex div.inner-event-header h5, #econolex div.inner-event-header h6, #econolex div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #econolex div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #econolex div.inner-event-header a:hover { background: #8A9299; } #econolex div.inner-event-header a.colored-btn { background: #29BEBA; border-color: #29BEBA; } #econolex div.inner-event-header a.colored-btn:hover { background: #29BEBA; border-color: #29BEBA; } @media (max-width: 1199px) { #econolex div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #econolex div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #econolex div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #econolex div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #econolex div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #econolex div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #econolex div.inner-event-header img { padding: 20px 20px 5px 20px; } #econolex div.inner-event-header h1 { padding: 0; } #econolex div.inner-event-header a { margin: 0 0 10px 0; } } #econolex .event-icons div { display: inline-block; } #econolex .event-icons div > strong { display: block; } @media (max-width: 599px) { #econolex .event-icons div img { max-width: 50px; max-height: 50px; } #econolex .event-icons div > strong { font-size: 30px !important; } #econolex .event-icons div > span { font-size: 16px !important; } } #econolex .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #econolex .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #econolex .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #econolex .et_pb_number_counter .percent { height: auto; } } #econolex .et_pb_widget { width: 100%; } #econolex .et_pb_widget .field-wrapper label { display: none; } #econolex .et_pb_widget .field-wrapper input, #econolex .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #econolex .et_pb_widget .field-wrapper input[type=submit], #econolex .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #29BEBA; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #econolex .et_pb_widget .field-wrapper input[type=submit]:hover, #econolex .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #29BEBA; } @media (max-width: 1199px) { #econolex .et_pb_widget .field-wrapper input[type=submit], #econolex .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #econolex .et_pb_widget .field-wrapper input:focus, #econolex .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #econolex .et_pb_widget .field-wrapper input, #econolex .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #econolex .sponsorship-header { background-position: center; background-size: cover; } #econolex .sponsorship-header .et_pb_row { z-index: 2; } #econolex .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #econolex .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #econolex .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #econolex .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #econolex .sponsorship-testimonials { float: left; width: 100%; } #econolex .testimonials { position: relative; } #econolex .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #EB297C; } @media only screen and (max-width: 900px) { #econolex .testimonials .et_pb_column_2:after { display: none; } } #econolex .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #EB297C; } @media only screen and (max-width: 900px) { #econolex .testimonials .et_pb_column_3:after { display: none; } } #econolex .header-message { text-align: center; background-color: #29BEBA; position: relative; z-index: 1; } #econolex .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #econolex .header-message a { color: #fff; text-decoration: underline; } #econolex #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #1D1D1B; } #econolex #catapult-cookie-bar .ctcc-left-side { color: #fff; } #econolex #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #econolex #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #EB297C; color: #fff; } #econolex .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #A0A4B7; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #econolex .page-header { padding: 60px 0 40px; } } #econolex .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: 0.8; } @supports (background-blend-mode: multiply) { #econolex .page-header:after { opacity: 0.2; } } #econolex .page-header .container { position: relative; z-index: 2; } #econolex .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #econolex .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #econolex .page-header .container h1 { font-size: 35px; } } #econolex .background-overlay { position: relative; background-color: #A0A4B7; background-blend-mode: multiply; } #econolex .background-overlay .et_parallax_bg { background-color: #A0A4B7; background-blend-mode: multiply; } #econolex .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #1D1D1B; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #econolex .background-overlay:after { opacity: 0.2; } } #econolex .background-overlay .et_pb_row { position: relative; z-index: 10; } #econolex .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #econolex .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #econolex .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #econolex .topic-feat-event .container { padding: 0; } #econolex .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #econolex .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #econolex .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #econolex .feat-event-inner { padding: 50px 20px 20px; } } #econolex .feat-event-inner .featured { color: #EB297C; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #econolex .feat-event-inner .featured span { color: #EB297C; } #econolex .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #econolex .feat-event-inner .entry-date { position: absolute; background: #EB297C; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #econolex .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #econolex .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #econolex .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #econolex .feat-event-inner .col-1, #econolex .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #econolex .feat-event-inner .col-1, #econolex .feat-event-inner .col-2 { width: 100%; float: none; } } #econolex .feat-event-inner .col-1 img { max-width: 75%; } #econolex .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #econolex .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #econolex .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #econolex .feat-event-inner .col-1 .btn { width: 100%; } } #econolex .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #econolex .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #econolex .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #EB297C; background-color: #EB297C; transition: all ease-in-out .3s; } #econolex .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #EB297C; background-color: #EB297C; transition: all ease-in-out .3s; } #econolex .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #econolex .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #econolex .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #econolex .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #econolex .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #econolex .feat-event-inner .col-2 { display: none; } } #econolex .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #econolex .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #econolex .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #econolex .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #econolex .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #econolex .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; opacity: .7; z-index: 1; } #econolex .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #econolex .topic-grid:after { content: ''; background-color: #EB297C; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #econolex .topic-grid:after { display: none; } } #econolex .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #econolex .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #econolex .related-articles .other-related { float: left; width: 100%; } #econolex .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #econolex .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #econolex body.woocommerce .woocommerce-tabs { margin: 0; } #econolex body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #econolex body.woocommerce .woocommerce-message { background: #29BEBA !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #econolex body.woocommerce .woocommerce-error { background-color: #EB297C; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #econolex body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #econolex body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #econolex #fep-wrapper { margin: 0; } #econolex #fep-wrapper #fep-header, #econolex #fep-wrapper #fep-footer { display: none; } #econolex #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #econolex #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #econolex #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #econolex #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #econolex #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #econolex #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #econolex #fep-wrapper #fep-menu .fep-button, #econolex #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #29BEBA; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-menu .fep-button:hover, #econolex #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #29BEBA; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-menu .fep-button .fep-font-red, #econolex #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #econolex #fep-wrapper #fep-menu .fep-button-active { background-color: #29BEBA; } #econolex #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #econolex #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #econolex #fep-wrapper #fep-content > h2 { padding: 10px; color: #1D1D1B; font-weight: bold; } #econolex #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #econolex #fep-wrapper #fep-content .fep-message-table { margin: 0; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #29BEBA; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #EB297C; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #EB297C; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #econolex #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #econolex #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #econolex #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #29BEBA; display: inline-block; margin: 20px 0; font-size: 16px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #EB297C; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #EB297C; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #29BEBA; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #econolex #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #econolex #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #29BEBA; transition: all ease-in-out .3s; } #econolex #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #econolex #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #econolex #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #econolex #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #EB297C; box-shadow: none; } #econolex #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #29BEBA; } #econolex .fep-success, #econolex .fep-error, #econolex .fep-wp-error { background-color: #29BEBA; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #econolex .fep-wp-error, #econolex .fep-error { background-color: #EB297C; } #econolex .fep-message { background-color: #F6F6F6; } #econolex .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #econolex .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #1D1D1B; } #econolex .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #1D1D1B; } #econolex .fep-per-message .fep-message-toggle-all { color: #29BEBA; margin-bottom: 5px; } #econolex .fep-per-message .fep-message-title, #econolex .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #econolex .fep-per-message .fep-message-title .author, #econolex .fep-per-message .fep-message-content .author { font-weight: 500; } #econolex .fep-per-message .fep-message-title .date, #econolex .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #econolex .fep-per-message .fep-message-title p, #econolex .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #econolex .fep-per-message .fep-message-title hr, #econolex .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #econolex #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #29BEBA; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #econolex #fep-notification-bar a { color: #fff; } #econolex .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #EB297C !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #econolex .fep-custom-button:before { content: '◄ '; } #econolex .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #econolex .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #econolex .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #econolex .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #econolex .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #econolex .fep-search-inbox::placeholder { text-align: left; } } #investment_innovators { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #investment_innovators body, #investment_innovators html { overflow-x: hidden; margin-top: 0 !important; } #investment_innovators .hide { display: none; } #investment_innovators .text-center { text-align: center; } #investment_innovators style { display: none !important; } #investment_innovators .et_pb_section { clear: both; } #investment_innovators .single .post { padding: 0; margin: 0; } #investment_innovators .img-bullet-point { position: absolute; top: 0; left: -40px; } #investment_innovators #left-area { padding-bottom: 0 !important; } #investment_innovators *::selection { background-color: #E6007E; } #investment_innovators #et_search_icon:hover, #investment_innovators .mobile_menu_bar:before, #investment_innovators .mobile_menu_bar:after, #investment_innovators .et-social-icon a:hover, #investment_innovators .comment-reply-link, #investment_innovators .form-submit .et_pb_button, #investment_innovators .entry-summary p.price ins, #investment_innovators .woocommerce div.product span.price, #investment_innovators .woocommerce-page div.product span.price, #investment_innovators .woocommerce #content div.product span.price, #investment_innovators .woocommerce-page #content div.product span.price, #investment_innovators .woocommerce div.product p.price, #investment_innovators .woocommerce-page div.product p.price, #investment_innovators .woocommerce #content div.product p.price, #investment_innovators .woocommerce-page #content div.product p.price, #investment_innovators .woocommerce .star-rating span:before, #investment_innovators .woocommerce-page .star-rating span:before, #investment_innovators .woocommerce a.button.alt, #investment_innovators .woocommerce-page a.button.alt, #investment_innovators .woocommerce button.button.alt, #investment_innovators .woocommerce-page button.button.alt, #investment_innovators .woocommerce input.button.alt, #investment_innovators .woocommerce-page input.button.alt, #investment_innovators .woocommerce #respond input#submit.alt, #investment_innovators .woocommerce-page #respond input#submit.alt, #investment_innovators .woocommerce #content input.button.alt, #investment_innovators .woocommerce-page #content input.button.alt, #investment_innovators .woocommerce a.button, #investment_innovators .woocommerce-page a.button, #investment_innovators .woocommerce button.button, #investment_innovators .woocommerce-page button.button, #investment_innovators .woocommerce input.button, #investment_innovators .woocommerce-page input.button, #investment_innovators .woocommerce #respond input#submit, #investment_innovators .woocommerce-page #respond input#submit, #investment_innovators .woocommerce #content input.button, #investment_innovators .woocommerce-page #content input.button, #investment_innovators .woocommerce a.button.alt:hover, #investment_innovators .woocommerce-page a.button.alt:hover, #investment_innovators .woocommerce button.button.alt:hover, #investment_innovators .woocommerce-page button.button.alt:hover, #investment_innovators .woocommerce input.button.alt:hover, #investment_innovators .woocommerce-page input.button.alt:hover, #investment_innovators .woocommerce #respond input#submit.alt:hover, #investment_innovators .woocommerce-page #respond input#submit.alt:hover, #investment_innovators .woocommerce #content input.button.alt:hover, #investment_innovators .woocommerce-page #content input.button.alt:hover, #investment_innovators .woocommerce a.button:hover, #investment_innovators .woocommerce-page a.button:hover, #investment_innovators .woocommerce button.button, #investment_innovators .woocommerce-page button.button:hover, #investment_innovators .woocommerce input.button:hover, #investment_innovators .woocommerce-page input.button:hover, #investment_innovators .woocommerce #respond input#submit:hover, #investment_innovators .woocommerce-page #respond input#submit:hover, #investment_innovators .woocommerce #content input.button:hover, #investment_innovators .wp-pagenavi span.current, #investment_innovators .wp-pagenavi a:hover, #investment_innovators .et_password_protected_form .et_submit_button, #investment_innovators .nav-single a, #investment_innovators .posted_in a, #investment_innovators #top-menu li.current-menu-ancestor > a, #investment_innovators #top-menu li.current-menu-item > a, #investment_innovators .bottom-nav li.current-menu-item > a, #investment_innovators .footer-widget h4 { color: #E6007E; } #investment_innovators .title-with-bottom-line, #investment_innovators .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #investment_innovators .title-with-bottom-line h3, #investment_innovators .title-with-bottom-line > :last-child, #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #investment_innovators .title-with-bottom-line h3, #investment_innovators .title-with-bottom-line > :last-child, #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #investment_innovators .title-with-bottom-line h3, #investment_innovators .title-with-bottom-line > :last-child, #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #investment_innovators .title-with-bottom-line h3, #investment_innovators .title-with-bottom-line > :last-child, #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #investment_innovators .title-with-bottom-line h3, #investment_innovators .title-with-bottom-line > :last-child, #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #investment_innovators .title-with-bottom-line:after, #investment_innovators .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #E6007E; } @media (max-width: 400px) { #investment_innovators .title-with-bottom-line:after, #investment_innovators .title-with-bottom-line-grey:after { bottom: -5px; } } #investment_innovators .title-with-bottom-line-grey h3, #investment_innovators .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #investment_innovators .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #investment_innovators .secondary-title-with-bottom-line { margin-top: 0; } } #investment_innovators .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #investment_innovators .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #investment_innovators .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #investment_innovators .secondary-title-with-bottom-line:after { bottom: -5px; } } #investment_innovators .et-search-form, #investment_innovators .et_mobile_menu, #investment_innovators .footer-widget li:before, #investment_innovators .nav li ul, #investment_innovators blockquote { border-color: #E6007E; } @media print { #investment_innovators .single-product.print-view { visibility: hidden; } #investment_innovators .single-product.print-view #agenda { visibility: visible; } @page { #investment_innovators .single-product.print-view { margin: 20px 0; } } #investment_innovators .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #investment_innovators .single-product.print-view #top-header, #investment_innovators .single-product.print-view #main-header, #investment_innovators .single-product.print-view #main-footer, #investment_innovators .single-product.print-view .et_pb_section_1, #investment_innovators .single-product.print-view .et_pb_module:not(.mod-schedule), #investment_innovators .single-product.print-view .schedule-controls, #investment_innovators .single-product.print-view .footer-form, #investment_innovators .single-product.print-view .day-tab, #investment_innovators .single-product.print-view .stream-tabs, #investment_innovators .single-product.print-view .explore-next-btn, #investment_innovators .single-product.print-view .et_pb_scroll_top { display: none !important; } #investment_innovators .single-product.print-view .et_pb_section, #investment_innovators .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #investment_innovators .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #investment_innovators .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #1D1D1B !important; break-after: avoid-page; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #investment_innovators .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #investment_innovators .col-6 { width: 49%; } #investment_innovators .pull-left { float: left; } #investment_innovators .pull-right { float: right; } #investment_innovators .clear { clear: both; } #investment_innovators .container { width: 100%; } #investment_innovators .et-cart-info { display: none; } #investment_innovators #top-header { background-color: #1D1D1B; } #investment_innovators #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #investment_innovators #main-header .container { padding-left: 20px; padding-right: 20px; } #investment_innovators #logo { max-height: 64px; } @media (max-width: 1079px) { #investment_innovators #logo { max-height: 40px; } } #investment_innovators .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #investment_innovators .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #investment_innovators .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #investment_innovators .et_header_style_left #logo, #investment_innovators .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #investment_innovators .et_header_style_left #et-top-navigation, #investment_innovators .et_header_style_split #et-top-navigation, #investment_innovators .et_header_style_left .et-fixed-header #et-top-navigation, #investment_innovators .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #investment_innovators .et_header_style_left #et-top-navigation nav > ul > li > a, #investment_innovators .et_header_style_split #et-top-navigation nav > ul > li > a, #investment_innovators .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #investment_innovators .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #investment_innovators .et_header_style_left #et-top-navigation, #investment_innovators .et_header_style_split #et-top-navigation, #investment_innovators .et_header_style_left .et-fixed-header #et-top-navigation, #investment_innovators .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #investment_innovators .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #investment_innovators #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #investment_innovators #top-menu li a { color: #000; font-weight: 400; } #investment_innovators #top-menu li li { padding: 0; } #investment_innovators #top-menu li li a:hover { background: none; color: #E6007E; opacity: 1; } #investment_innovators #top-menu li li:hover a { color: #E6007E; opacity: 1; } @media (max-width: 1199px) { #investment_innovators #top-menu li { padding-right: 35px; } } #investment_innovators #top-menu-nav > ul > li > a:hover, #investment_innovators #et-secondary-menu > ul > li > a:hover, #investment_innovators #et-info-email:hover, #investment_innovators .et-social-icons a:hover { color: #E6007E; opacity: 1; } #investment_innovators #top-menu .menu-item-has-children > a:first-child:after, #investment_innovators #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #investment_innovators #et_top_search { position: absolute; right: 0; top: 33px; color: #000; } @media (max-width: 980px) { #investment_innovators #et_top_search { right: 40px; top: 7px; } } #investment_innovators #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #investment_innovators #et_top_search { margin-left: 35px; } #investment_innovators #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #investment_innovators #et_top_search #et_search_icon:before { top: 7px; } } #investment_innovators .nav li ul, #investment_innovators .et_mobile_menu { border-top-color: #E6007E; } #investment_innovators .et_mobile_menu { padding: 15px 0; } #investment_innovators .et_mobile_menu li a { padding: 10px 15px; color: #000; font-weight: 300; } #investment_innovators .et_mobile_menu li a:hover { background: none; color: #E6007E; } #investment_innovators .et_mobile_menu li.current-menu-item a { color: #E6007E; } #investment_innovators .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #investment_innovators .et_mobile_menu li ul li { padding: 0; } #investment_innovators .et_mobile_menu li ul li a { padding: 10px 20px; } #investment_innovators .footer-form { padding: 0; background-color: #E6007E !important; } #investment_innovators .footer-form a { color: #fff; text-decoration: underline; } #investment_innovators .footer-form .et_pb_text { margin-bottom: 0; } #investment_innovators .footer-form .mod-sign-up p span { font-size: 10px; } #investment_innovators #main-footer { background: #1D1D1B; clear: both; } #investment_innovators #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #investment_innovators #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #investment_innovators #footer-widgets .footer-widget p { color: #fff; } #investment_innovators #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #investment_innovators #footer-widgets .footer-widget li { margin: 0; padding: 0; } #investment_innovators #footer-widgets .footer-widget li:before { display: none; } #investment_innovators #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #investment_innovators #footer-widgets .footer-widget li a:hover { color: #E6007E; } @media (max-width: 767px) { #investment_innovators #footer-widgets { padding: 30px 0 0 0; } #investment_innovators #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #investment_innovators #footer-widgets .footer-widget li a { padding: 3px 0; } #investment_innovators #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #investment_innovators #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #investment_innovators #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #investment_innovators #footer-widgets { padding-bottom: 60px; } } #investment_innovators #footer-info { float: none; color: #fff; font-size: 12px; } #investment_innovators .et-social-icons { display: none; } #investment_innovators #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #investment_innovators .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #investment_innovators .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #investment_innovators .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #investment_innovators body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #investment_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #investment_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #investment_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #investment_innovators body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #investment_innovators .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #investment_innovators .desktop-my-account { display: none; } } #investment_innovators .mobile-my-account { display: none; } @media (max-width: 980px) { #investment_innovators .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #investment_innovators .account-page { padding: 0 20px; } } #investment_innovators .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .container { padding-top: 30px; } } #investment_innovators .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #investment_innovators .account-page h1.main_title span { color: #E6007E; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #investment_innovators .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #investment_innovators .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #investment_innovators .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #investment_innovators .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #investment_innovators .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000; } @media only screen and (max-width: 900px) { #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #E6007E; } @media only screen and (max-width: 900px) { #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #E6007E; font-weight: 600; } } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #investment_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #investment_innovators .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #E6007E; cursor: pointer; } } #investment_innovators .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #investment_innovators .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #investment_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #investment_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #E6007E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #investment_innovators .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #investment_innovators .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #investment_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #investment_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #E6007E; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #investment_innovators .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #E6007E; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td a, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #E6007E; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #FDCE1E; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #E6007E; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000; } } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #FDCE1E; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #investment_innovators .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #1D1D1B; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #investment_innovators .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000; } #investment_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #investment_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #investment_innovators .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #investment_innovators .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #investment_innovators .woocommerce-checkout #main-content .col-1, #investment_innovators .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #E6007E; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-info:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #1D1D1B; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #investment_innovators .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #investment_innovators .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #investment_innovators .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #investment_innovators .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #investment_innovators .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #investment_innovators .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #investment_innovators .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .form-row label { position: relative; } } #investment_innovators .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #investment_innovators .woocommerce-checkout #main-content .form-row select { height: 52px; } #investment_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #investment_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #investment_innovators .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #investment_innovators .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #investment_innovators .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #investment_innovators .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #investment_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #investment_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #investment_innovators .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #investment_innovators .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #investment_innovators .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #investment_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #investment_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #investment_innovators .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #E6007E; } #investment_innovators .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #1D1D1B; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #investment_innovators .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #1D1D1B; font-size: 19px; font-weight: 600; margin: 10px 0; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #investment_innovators .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000; font-weight: 600; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #FDCE1E; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #E6007E; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #investment_innovators .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #investment_innovators .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #investment_innovators .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #investment_innovators .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #investment_innovators .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #investment_innovators .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #investment_innovators .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #investment_innovators .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #E6007E; padding: 25px 20px; } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #investment_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #investment_innovators .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #investment_innovators .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #investment_innovators .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #investment_innovators .webinar-thank-you .btn { color: #fff; background: #FDCE1E; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #investment_innovators .webinar-thank-you .btn:hover { background: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce form.login { max-width: none; } } #investment_innovators .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #investment_innovators .woocommerce form.login .form-row { margin: 0 0 20px; } } #investment_innovators .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #investment_innovators .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #E6007E; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #investment_innovators .woocommerce form.login .form-row input[type="submit"]:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators .woocommerce form.login .lost_password a { color: #E6007E; } #investment_innovators .woocommerce-account .woocommerce form.login { max-width: 400px; } #investment_innovators .search-bar { position: relative; margin: 30px 20px 0; } #investment_innovators .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #investment_innovators .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #E6007E; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #investment_innovators .search-bar .btn-search:hover { background-color: #1D1D1B; } #investment_innovators .btn-search-more { background-color: #E6007E; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #investment_innovators .entry-container { padding: 0 0 80px; } #investment_innovators .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #investment_innovators .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #investment_innovators .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #investment_innovators .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #investment_innovators .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #investment_innovators .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #investment_innovators .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #1D1D1B; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #investment_innovators .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #E6007E; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #investment_innovators .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; content: "\e108"; color: #FDCE1E; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #FDCE1E; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #1D1D1B; background-color: #FDCE1E; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #investment_innovators .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #investment_innovators .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #investment_innovators .entry-grid.view-grid .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; line-height: 130%; } #investment_innovators .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #investment_innovators .entry-grid.view-grid .single-entry .entry-button { display: none; } #investment_innovators .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #investment_innovators .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #investment_innovators .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #investment_innovators .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #investment_innovators .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #1D1D1B; } #investment_innovators .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #investment_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #1D1D1B; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #investment_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #investment_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #investment_innovators .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #FDCE1E; } #investment_innovators .entry-grid.view-list .single-entry .feat-image { display: none; } #investment_innovators .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #investment_innovators .entry-grid.view-list .single-entry .entry-text h3 { color: #1D1D1B; font-size: 22px; } #investment_innovators .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #investment_innovators .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000; font-size: 14px; } #investment_innovators .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid.view-list .single-entry .entry-button { float: left; } } #investment_innovators .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #E6007E; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #investment_innovators .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid-controls { padding: 0 15px 20px; } } #investment_innovators .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #investment_innovators .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #investment_innovators .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #investment_innovators .entry-grid-controls .filters .filter-btn.active { border: 2px solid #1D1D1B; transition: all ease-in-out .3s; } #investment_innovators .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #investment_innovators .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #1D1D1B; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #investment_innovators .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #investment_innovators .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #investment_innovators .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #investment_innovators .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #investment_innovators .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #investment_innovators .entry-load-more { text-align: center; } #investment_innovators .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #investment_innovators .entry-load-more .load-more-btn:hover { background-color: #E6007E; transition: background 0.3s ease-in-out; } #investment_innovators .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #investment_innovators .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #investment_innovators .entry-topic { padding: 20px; } } #investment_innovators .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #investment_innovators .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #investment_innovators .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #investment_innovators .entry-topic .text { width: 100%; padding: 0; } } #investment_innovators .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #investment_innovators .entry-topic .text h3 { font-size: 26px; } } #investment_innovators .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #investment_innovators .entry-topic .text .inner-text { max-height: none; } } #investment_innovators .entry-topic .text .inner-text h4 { padding: 0; color: #FDCE1E; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #investment_innovators .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #investment_innovators .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #investment_innovators .entry-topic .text ul li { display: inline-block; } #investment_innovators .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #investment_innovators .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-webinars:after, #investment_innovators .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #investment_innovators .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #investment_innovators .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #FDCE1E; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #investment_innovators .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #investment_innovators .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #investment_innovators .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #investment_innovators .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #investment_innovators .entry-topic:hover .btn { bottom: inherit; } } #investment_innovators .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: .8; z-index: 1; } #investment_innovators .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #investment_innovators .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #investment_innovators .modal .modal-content .modal-body { position: relative; } #investment_innovators .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #investment_innovators .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #investment_innovators .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #investment_innovators #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #investment_innovators #brochureModal .copy { text-align: center; width: 100%; clear: both; } #investment_innovators #brochureModal .copy h2 { margin-bottom: 30px; } #investment_innovators #brochureModal .copy p { font-size: 11px; } #investment_innovators #brochureModal .copy a { color: #E6007E; } #investment_innovators #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #investment_innovators #brochureModal .form-design-field { width: 100%; margin: 0; } } #investment_innovators #brochureModal label { display: none; } #investment_innovators #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #investment_innovators #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #investment_innovators #brochureModal input[type=submit] { margin-top: 30px; } } #investment_innovators #brochureModal input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #investment_innovators #reportModal .copy { text-align: center; width: 100%; clear: both; } #investment_innovators #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #investment_innovators #reportModal .copy p { font-size: 11px; } #investment_innovators #reportModal .copy a { color: #E6007E; } #investment_innovators #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #investment_innovators #reportModal .form-design-field { width: 100%; margin: 0; } } #investment_innovators #reportModal label { display: none; } #investment_innovators #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #investment_innovators #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #E6007E; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #investment_innovators #reportModal input[type=submit] { margin-top: 30px; } } #investment_innovators #reportModal input[type=submit]:hover { background: #E6007E; transition: all ease-in .2s; } #investment_innovators .details-modal-popup { cursor: pointer; } #investment_innovators #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #investment_innovators #detailsModal .modal-content img { margin-bottom: 20px; } #investment_innovators #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #1D1D1B; } #investment_innovators #detailsModal .modal-content a { color: #E6007E; } #investment_innovators #detailsModal .modal-content .col-1, #investment_innovators #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #investment_innovators #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #investment_innovators #detailsModal .modal-content { padding: 20px 10px; } #investment_innovators #detailsModal .modal-content h3 { padding-left: 0; } #investment_innovators #detailsModal .modal-content .col-1, #investment_innovators #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #investment_innovators .mod-speakers, #investment_innovators .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #investment_innovators .mod-speakers h2, #investment_innovators .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-speakers, #investment_innovators .mod-advisory-board { padding: 0; } } #investment_innovators .mod-speakers:after, #investment_innovators .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #investment_innovators .mod-speakers .single-speaker-grid, #investment_innovators .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #investment_innovators .mod-speakers .single-speaker-grid:nth-child(4n + 1), #investment_innovators .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #investment_innovators .mod-speakers .single-speaker-grid, #investment_innovators .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #investment_innovators .mod-speakers .single-speaker-grid, #investment_innovators .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #investment_innovators .mod-speakers .single-speaker-grid:nth-child(4n + 1), #investment_innovators .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #investment_innovators .mod-speakers .single-speaker-grid:nth-child(3n + 1), #investment_innovators .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #investment_innovators .mod-speakers .single-speaker-grid, #investment_innovators .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #investment_innovators .mod-speakers .single-speaker-grid:nth-child(3n + 1), #investment_innovators .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #investment_innovators .mod-speakers .single-speaker-grid:nth-child(2n + 1), #investment_innovators .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #investment_innovators .mod-speakers .single-speaker-img, #investment_innovators .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #investment_innovators .mod-speakers .single-speaker-img img, #investment_innovators .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #investment_innovators .mod-speakers .single-speaker-img, #investment_innovators .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #investment_innovators .mod-speakers .company-logo, #investment_innovators .mod-advisory-board .company-logo { margin: 0; } #investment_innovators .mod-speakers .company-logo img, #investment_innovators .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #investment_innovators .mod-speakers .company-logo, #investment_innovators .mod-advisory-board .company-logo { margin-bottom: 5px; } } #investment_innovators .mod-speakers .single-speaker-list, #investment_innovators .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #investment_innovators .mod-speakers .single-speaker-list .single-speaker-img, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #investment_innovators .mod-speakers .single-speaker-list .single-speaker-img, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #investment_innovators .mod-speakers .single-speaker-list .single-speaker-text, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #investment_innovators .mod-speakers .single-speaker-list .single-speaker-text, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #investment_innovators .mod-speakers .single-speaker-list .single-speaker-text h3, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #investment_innovators .mod-speakers .single-speaker-list .single-speaker-text h4, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #investment_innovators .mod-speakers .single-speaker-list .single-speaker-text p, #investment_innovators .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #investment_innovators .mod-speakers h3, #investment_innovators .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #investment_innovators .mod-speakers h3, #investment_innovators .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #investment_innovators .mod-speakers h3, #investment_innovators .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #investment_innovators .mod-speakers h3, #investment_innovators .mod-advisory-board h3 { font-size: 14px; } } #investment_innovators .mod-speakers h4, #investment_innovators .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #investment_innovators .mod-speakers h4, #investment_innovators .mod-advisory-board h4 { font-size: 13px; } } #investment_innovators .mod-speakers .btn-wrapper, #investment_innovators .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #investment_innovators .mod-speakers .load-speakers, #investment_innovators .mod-speakers .load-advisory-board, #investment_innovators .mod-advisory-board .load-speakers, #investment_innovators .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #investment_innovators .mod-speakers .load-speakers:hover, #investment_innovators .mod-speakers .load-advisory-board:hover, #investment_innovators .mod-advisory-board .load-speakers:hover, #investment_innovators .mod-advisory-board .load-advisory-board:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .mod-speakers .load-speakers, #investment_innovators .mod-speakers .load-advisory-board, #investment_innovators .mod-advisory-board .load-speakers, #investment_innovators .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #investment_innovators .mod-speakers .loading-spinner, #investment_innovators .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #investment_innovators .mod-speakers .loading-spinner .load, #investment_innovators .mod-speakers .loading-spinner .load:after, #investment_innovators .mod-advisory-board .loading-spinner .load, #investment_innovators .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #investment_innovators .mod-speakers .loading-spinner .load, #investment_innovators .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #investment_innovators .mod-speakers:before, #investment_innovators .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #investment_innovators .mod-speakers.loading:before, #investment_innovators .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #investment_innovators .mod-speakers.loading .loading-spinner, #investment_innovators .mod-advisory-board.loading .loading-spinner { display: block; } #investment_innovators .people-fullwidth { width: 100% !important; } #investment_innovators #speakers { position: relative; z-index: 99; } #investment_innovators .mod-speakers-global { margin: 0; width: 100%; position: relative; } #investment_innovators .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-speakers-global { padding: 0; } } #investment_innovators .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #investment_innovators .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #investment_innovators .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #investment_innovators .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #investment_innovators .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #investment_innovators .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #investment_innovators .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #investment_innovators .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #investment_innovators .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #investment_innovators .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #investment_innovators .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-container { z-index: 1; } } #investment_innovators .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #investment_innovators .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #investment_innovators .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #investment_innovators .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #investment_innovators .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #investment_innovators .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #investment_innovators .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #investment_innovators .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #investment_innovators .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #investment_innovators .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #investment_innovators .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .single-speaker-img { overflow: initial; } } #investment_innovators .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #investment_innovators .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #investment_innovators .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #investment_innovators .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #investment_innovators .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #investment_innovators .mod-speakers-global .company-logo { margin: 0; } #investment_innovators .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #investment_innovators .mod-speakers-global .company-logo { margin-bottom: 5px; } } #investment_innovators .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .single-speaker-details { transition: none; } } #investment_innovators .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #investment_innovators .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .details-active-right { left: 0 !important; } } #investment_innovators .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .details-active-left { left: 0 !important; } } #investment_innovators .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .close-detail-label { display: none; } } #investment_innovators .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #investment_innovators .mod-speakers-global .speaker-mb-img img { width: 100%; } #investment_innovators .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #investment_innovators .mod-speakers-global .speaker-extra-details { padding: 24px; } } #investment_innovators .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #investment_innovators .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #investment_innovators .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #investment_innovators .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000; font-size: 16px; line-height: 170%; } #investment_innovators .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #investment_innovators .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #investment_innovators .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #investment_innovators .mod-speakers-global h3 { font-size: 14px; } } #investment_innovators .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #investment_innovators .mod-speakers-global h4 { font-size: 13px; } } #investment_innovators .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #investment_innovators .mod-speakers-global .load-speakers, #investment_innovators .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #investment_innovators .mod-speakers-global .load-speakers:hover, #investment_innovators .mod-speakers-global .load-advisory-board:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .mod-speakers-global .load-speakers, #investment_innovators .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #investment_innovators .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #investment_innovators .mod-speakers-global .loading-spinner .load, #investment_innovators .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #investment_innovators .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #investment_innovators .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #investment_innovators .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #investment_innovators .mod-speakers-global.loading .loading-spinner { display: block; } #investment_innovators .hide-scroll-top { opacity: 0; } #investment_innovators .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-sponsors { padding: 0; } } #investment_innovators .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #investment_innovators .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sponsors .tooltip { display: block; } } #investment_innovators .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #investment_innovators .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #investment_innovators .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #investment_innovators .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #investment_innovators .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #investment_innovators .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #investment_innovators .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #investment_innovators .mod-sponsors .sponsor-btn:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #investment_innovators .mod-attending { padding: 0 30px; text-align: center; } #investment_innovators .mod-attending .attendees-slider { max-height: 350px; } #investment_innovators .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #investment_innovators .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-attending .attendees-slider .attendee { width: 50%; } } #investment_innovators .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #investment_innovators .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #investment_innovators .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #investment_innovators .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #investment_innovators .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #investment_innovators .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #investment_innovators .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #E6007E; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-attending { padding: 0; } } #investment_innovators .mod-attending h2 { text-align: center; padding: 0 0 60px; } #investment_innovators .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #investment_innovators .mod-attending .attendee-btn:hover { background: #E6007E; } #investment_innovators .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #investment_innovators .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #investment_innovators .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #investment_innovators .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .schedule-controls { padding: 0; } } #investment_innovators .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #investment_innovators .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #investment_innovators .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #FDCE1E; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .schedule-controls .selected-category { width: 100%; } } #investment_innovators .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #investment_innovators .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #investment_innovators .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #investment_innovators .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #1D1D1B; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #investment_innovators .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #1D1D1B; transition: all ease-in .2s; } #investment_innovators .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #investment_innovators .mod-schedule .schedule-controls .expand, #investment_innovators .mod-schedule .schedule-controls .collapse, #investment_innovators .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #FDCE1E; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #investment_innovators .mod-schedule .schedule-controls .expand span, #investment_innovators .mod-schedule .schedule-controls .collapse span, #investment_innovators .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #investment_innovators .mod-schedule .schedule-controls .expand.active, #investment_innovators .mod-schedule .schedule-controls .collapse.active, #investment_innovators .mod-schedule .schedule-controls .print-btn.active { display: block; } #investment_innovators .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #1D1D1B; } #investment_innovators .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-tab .d-day-dates { display: initial; } #investment_innovators .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #investment_innovators .mod-schedule .day-tab .d-day-dates { display: none; } #investment_innovators .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #investment_innovators .mod-schedule .day-tab .d-day-dates { display: none; } #investment_innovators .mod-schedule .day-tab .m-day-dates { display: initial; } } #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #investment_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #investment_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #investment_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #investment_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #investment_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #investment_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #investment_innovators .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #investment_innovators .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #investment_innovators .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #investment_innovators .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-tab:first-child { margin-left: 0; } #investment_innovators .mod-schedule .day-tab:last-child { margin-right: 0; } } #investment_innovators .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-tab h3 { font-size: 18px; } } #investment_innovators .mod-schedule .day-tab.active { border-bottom: 2px solid #FDCE1E; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-tab.active h3 { color: #FDCE1E; } #investment_innovators .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main { width: 100%; } } #investment_innovators .mod-schedule .day-main.active { display: block; } #investment_innovators .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #E6007E; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #investment_innovators .mod-schedule .day-main .explore-next-btn a { color: #fff; } #investment_innovators .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #investment_innovators .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #investment_innovators .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #1D1D1B; text-transform: uppercase; font-size: 18px; font-weight: bold; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #FDCE1E; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #investment_innovators .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #investment_innovators .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #investment_innovators .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #1D1D1B; font-weight: bold; font-size: 14px; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #FDCE1E; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #1D1D1B; transform: rotate(45deg); transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #1D1D1B; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #investment_innovators .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #investment_innovators .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #1D1D1B; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #investment_innovators .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #FDCE1E; padding-bottom: 0px; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-title { background: #1D1D1B; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #1D1D1B; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-sessions, #investment_innovators .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #1D1D1B; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #1D1D1B; } @media only screen and (max-width: 1200px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #FDCE1E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description p, #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #1D1D1B; font-size: 14px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #FDCE1E; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #1D1D1B; font-size: 13px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #FDCE1E; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #investment_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #1D1D1B; } #investment_innovators .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #FDCE1E; } #investment_innovators .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #investment_innovators .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #investment_innovators .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #investment_innovators .mod-webinar .modal .modal-body { padding: 0; } #investment_innovators .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #investment_innovators .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #investment_innovators .mod-webinar .modal .chat { float: left; width: 400px; } #investment_innovators .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #investment_innovators .mod-tickets { float: left; width: 100%; } #investment_innovators .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #investment_innovators .mod-tickets .tickets { width: 100%; } } #investment_innovators .mod-tickets .tickets .ticket { float: left; border: 3px solid #1D1D1B; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #investment_innovators .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #investment_innovators .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-title { background: #1D1D1B; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #FDCE1E; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #FDCE1E; background: none; padding: 8px 10px 0 10px; width: 35%; } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #investment_innovators .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #investment_innovators .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #investment_innovators .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #investment_innovators .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #E6007E; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #E6007E; padding-top: 8px; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #E6007E; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #investment_innovators .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000; } #investment_innovators .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #investment_innovators .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #investment_innovators .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #investment_innovators .mod-tickets .ticket-order { width: 100%; } } #investment_innovators .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #investment_innovators .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #E6007E; } #investment_innovators .mod-tickets .ticket-order .cart p { text-align: left; } #investment_innovators .mod-tickets .ticket-order .cart h3 { background: #E6007E; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #investment_innovators .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #investment_innovators .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #investment_innovators .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #investment_innovators .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #E6007E; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #investment_innovators .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #investment_innovators .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #investment_innovators .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #investment_innovators .mod-tickets .loading-spinner .load, #investment_innovators .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #investment_innovators .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #E6007E; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #investment_innovators .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #investment_innovators .mod-tickets.loading { pointer-events: none; } #investment_innovators .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #investment_innovators .mod-tickets.loading .loading-spinner { display: block; } #investment_innovators #insurerConfirmModal .modal-content { border: 3px solid #E6007E; box-shadow: none; padding: 20px; max-width: 500px; } #investment_innovators #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000; } #investment_innovators #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000; } #investment_innovators #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #investment_innovators #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000; } #investment_innovators #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #investment_innovators #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #investment_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #E6007E; } #investment_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #1D1D1B; } #investment_innovators #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #investment_innovators .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000; line-height: 130%; } @media (max-width: 1199px) { #investment_innovators .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #investment_innovators .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #investment_innovators .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #investment_innovators .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #1D1D1B; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #investment_innovators .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #investment_innovators .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #investment_innovators .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #investment_innovators .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #investment_innovators .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #investment_innovators .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000; } #investment_innovators .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #investment_innovators .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #investment_innovators .mod-related-content .related-article .event-img:hover:after { top: 0; } #investment_innovators .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #investment_innovators .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #investment_innovators .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #investment_innovators .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #investment_innovators .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #investment_innovators .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #investment_innovators .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #investment_innovators .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #investment_innovators .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #investment_innovators .mod-map-marker .et_pb_row { position: relative; height: 100%; } #investment_innovators .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #investment_innovators .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-map-marker .marker { padding: 20px 20px 0; } } #investment_innovators .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #investment_innovators .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #investment_innovators .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #E6007E; font-size: 14px; letter-spacing: 1px; color: #E6007E; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #investment_innovators .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #investment_innovators .mod-map-marker .marker a:hover { border: 2px solid #E6007E; transition: all ease-in .2s; } #investment_innovators .et_pb_map { height: 600px; } #investment_innovators .contact-map .et_pb_map { height: 300px; } #investment_innovators .gmnoprint { display: none; } #investment_innovators .mod-sign-up { width: 100%; margin: 0; background: #E6007E; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sign-up { width: 100%; margin: 0; } } #investment_innovators .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #1D1D1B; } #investment_innovators .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #investment_innovators .mod-sign-up .elq-form { float: left; width: 100%; } #investment_innovators .mod-sign-up .elq-form label { display: none; } #investment_innovators .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sign-up .elq-form .form-design-field { width: 100%; } } #investment_innovators .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #investment_innovators .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #investment_innovators .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #investment_innovators .mod-sponsorship-form label { display: none; } #investment_innovators .mod-sponsorship-form .col-1, #investment_innovators .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #investment_innovators .mod-sponsorship-form .col-1, #investment_innovators .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #investment_innovators .mod-sponsorship-form .col-2 { float: right; } #investment_innovators .mod-sponsorship-form input:not([type=submit]), #investment_innovators .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #investment_innovators .mod-sponsorship-form textarea { min-height: 160px; } #investment_innovators .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #investment_innovators .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #investment_innovators .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #1D1D1B; color: #1D1D1B; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #investment_innovators .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #investment_innovators .mod-homepage-index .index-entry-filters li:hover { background-color: #1D1D1B; transition: all ease-in-out .3s; } #investment_innovators .mod-homepage-index .index-entry-filters li.active { background-color: #1D1D1B; color: #fff; transition: all ease-in-out .3s; } #investment_innovators .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #investment_innovators .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #investment_innovators .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #investment_innovators .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #investment_innovators .mod-homepage-index .index-entry.active { display: block; } #investment_innovators .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #investment_innovators .masonry-grid .grid-item img { width: 100%; height: auto; } #investment_innovators.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #investment_innovators.et-fb .et_pb_masonry_grid > div { display: none; } #investment_innovators.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #investment_innovators #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #investment_innovators #event-menu .fullwidth-menu { padding-top: 15px !important; } #investment_innovators #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #investment_innovators .admin-bar #event-menu { top: 62px; } #investment_innovators .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #investment_innovators .homepage-event-section .divider-strip { position: relative; } #investment_innovators .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #FDCE1E; margin-top: 30px; } #investment_innovators .homepage-events-preview { margin-top: 80px; } #investment_innovators .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #investment_innovators .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #investment_innovators .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #investment_innovators .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.85; transition: all 0.3s linear; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #E6007E; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #1D1D1B; opacity: 0.95; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #investment_innovators .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #investment_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #investment_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #investment_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #investment_innovators .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #investment_innovators .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #investment_innovators .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #investment_innovators .homepage-events-preview:after { display: none; } #investment_innovators .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #investment_innovators .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #investment_innovators .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #investment_innovators .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #investment_innovators .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #investment_innovators .topic-header { position: relative; background-position: center; background-size: cover; } #investment_innovators .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #investment_innovators .topic-header * { position: relative; z-index: 1; } #investment_innovators .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #investment_innovators .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.95; } #investment_innovators .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #investment_innovators .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #investment_innovators .featured-event { padding-right: 20px; } } #investment_innovators .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #FDCE1E; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #investment_innovators .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #investment_innovators .featured-event .close:hover { color: #E6007E; } #investment_innovators .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #FDCE1E; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #investment_innovators .featured-event .dates-of-event strong { display: block; font-weight: 800; } #investment_innovators .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #FDCE1E; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #investment_innovators .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #investment_innovators .featured-event .dates-of-event { top: 45%; } } #investment_innovators .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #investment_innovators .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #investment_innovators .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #investment_innovators .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #investment_innovators .featured-event .col-6 > img { max-height: 130px; } } #investment_innovators .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #investment_innovators .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #investment_innovators .featured-event .col-6.right { padding-right: 0; } } #investment_innovators .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #investment_innovators .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #investment_innovators .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #investment_innovators .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #investment_innovators .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000; } #investment_innovators .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #FDCE1E; display: block; line-height: 120%; } @media (max-width: 699px) { #investment_innovators .featured-event .col-6 .countdown-to-event span { width: 50px; } #investment_innovators .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #investment_innovators .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #investment_innovators .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #investment_innovators .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #investment_innovators .featured-event .col-6 .event-type.event { color: #FDCE1E; } #investment_innovators .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #investment_innovators .featured-event .col-6 .event-type.article { color: #366893; } #investment_innovators .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #investment_innovators .featured-event .col-6 .event-type.webinar { color: #E6007E; } #investment_innovators .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #investment_innovators .featured-event .col-6 .event-type.course { color: #8A9299; } #investment_innovators .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #investment_innovators .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #investment_innovators .featured-event .col-6 h2 { padding-right: 40px; } } #investment_innovators .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #FDCE1E; display: block; line-height: 150%; margin: 0 0 20px 0; } #investment_innovators .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #investment_innovators .featured-event .col-6 .white-btn, #investment_innovators .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #investment_innovators .featured-event .col-6 .white-btn:hover, #investment_innovators .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #investment_innovators .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #investment_innovators .featured-event .col-6 .colored-btn { background: #FDCE1E; border-color: #FDCE1E; margin-right: 0; } #investment_innovators .events-filter { margin: 50px 0 20px 0; } #investment_innovators .events-filter ul { float: left; } #investment_innovators .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #investment_innovators .events-filter ul li p { font-size: 16px; } #investment_innovators .events-filter ul li.active p { color: green; } #investment_innovators .events-filter p { font-size: 22px; color: #000; text-transform: uppercase; line-height: 100%; margin: 0; } #investment_innovators .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #investment_innovators .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #investment_innovators .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #investment_innovators .events-filter > span.icon_grid-2x2 { color: #1D1D1B; } #investment_innovators .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #investment_innovators .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #investment_innovators .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #investment_innovators .events-filter > span:hover, #investment_innovators .events-filter > span.icon-active { color: #E6007E; } @media (max-width: 767px) { #investment_innovators .events-filter > span.icon_grid-2x2, #investment_innovators .events-filter > span.icon_menu { display: none; } } #investment_innovators .inner-events-boxes { font-size: 0; } #investment_innovators .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #investment_innovators .inner-events-boxes .event-box.active { display: inline-block; } #investment_innovators .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #investment_innovators .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #investment_innovators .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #1D1D1B; opacity: 0.9; } #investment_innovators .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #investment_innovators .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #investment_innovators .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #investment_innovators .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #investment_innovators .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #investment_innovators .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #investment_innovators .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #investment_innovators .inner-events-boxes .event-box > div .event-type.event { color: #FDCE1E; } #investment_innovators .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #investment_innovators .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #investment_innovators .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #investment_innovators .inner-events-boxes .event-box > div .event-type.webinar { color: #E6007E; } #investment_innovators .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #investment_innovators .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #investment_innovators .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #investment_innovators .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #E6007E; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #investment_innovators .inner-events-boxes .event-box > div .event-btn:hover { background: #E6007E; } #investment_innovators .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #investment_innovators .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #investment_innovators .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #investment_innovators .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #investment_innovators .inner-events-boxes .event-box.col-4 > div:hover p, #investment_innovators .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #investment_innovators .inner-events-boxes .event-box > div h3 { font-size: 20px; } #investment_innovators .inner-events-boxes .event-box > div p, #investment_innovators .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #investment_innovators .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #investment_innovators .inner-events-boxes .event-box.col-4 { width: 48%; } #investment_innovators .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #investment_innovators .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #investment_innovators .inner-events-boxes .event-box.col-4 > div { height: auto; } } #investment_innovators div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #investment_innovators div.inner-event-header .et_pb_row { z-index: 2; } #investment_innovators div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #investment_innovators div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #FDCE1E 35px, transparent 35px); background: -moz-linear-gradient(right, #FDCE1E 35px, transparent 35px); background: -o-linear-gradient(right, #FDCE1E 35px, transparent 35px); background: -webkit-linear-gradient(left, #FDCE1E 35px, transparent 35px); pointer-events: none; } #investment_innovators div.inner-event-header img, #investment_innovators div.inner-event-header h1, #investment_innovators div.inner-event-header h2, #investment_innovators div.inner-event-header h3, #investment_innovators div.inner-event-header h4, #investment_innovators div.inner-event-header h5, #investment_innovators div.inner-event-header h6, #investment_innovators div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #investment_innovators div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #investment_innovators div.inner-event-header a:hover { background: #8A9299; } #investment_innovators div.inner-event-header a.colored-btn { background: #E6007E; border-color: #E6007E; } #investment_innovators div.inner-event-header a.colored-btn:hover { background: #E6007E; border-color: #E6007E; } @media (max-width: 1199px) { #investment_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #investment_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #investment_innovators div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #investment_innovators div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #investment_innovators div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #investment_innovators div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #investment_innovators div.inner-event-header img { padding: 20px 20px 5px 20px; } #investment_innovators div.inner-event-header h1 { padding: 0; } #investment_innovators div.inner-event-header a { margin: 0 0 10px 0; } } #investment_innovators .event-icons div { display: inline-block; } #investment_innovators .event-icons div > strong { display: block; } @media (max-width: 599px) { #investment_innovators .event-icons div img { max-width: 50px; max-height: 50px; } #investment_innovators .event-icons div > strong { font-size: 30px !important; } #investment_innovators .event-icons div > span { font-size: 16px !important; } } #investment_innovators .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #investment_innovators .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #investment_innovators .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #investment_innovators .et_pb_number_counter .percent { height: auto; } } #investment_innovators .et_pb_widget { width: 100%; } #investment_innovators .et_pb_widget .field-wrapper label { display: none; } #investment_innovators .et_pb_widget .field-wrapper input, #investment_innovators .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #investment_innovators .et_pb_widget .field-wrapper input[type=submit], #investment_innovators .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #E6007E; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #investment_innovators .et_pb_widget .field-wrapper input[type=submit]:hover, #investment_innovators .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #E6007E; } @media (max-width: 1199px) { #investment_innovators .et_pb_widget .field-wrapper input[type=submit], #investment_innovators .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #investment_innovators .et_pb_widget .field-wrapper input:focus, #investment_innovators .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #investment_innovators .et_pb_widget .field-wrapper input, #investment_innovators .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #investment_innovators .sponsorship-header { background-position: center; background-size: cover; } #investment_innovators .sponsorship-header .et_pb_row { z-index: 2; } #investment_innovators .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; z-index: 1; pointer-events: none; opacity: 0.8; } #investment_innovators .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #investment_innovators .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000; } #investment_innovators .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #investment_innovators .sponsorship-testimonials { float: left; width: 100%; } #investment_innovators .testimonials { position: relative; } #investment_innovators .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #FDCE1E; } @media only screen and (max-width: 900px) { #investment_innovators .testimonials .et_pb_column_2:after { display: none; } } #investment_innovators .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #FDCE1E; } @media only screen and (max-width: 900px) { #investment_innovators .testimonials .et_pb_column_3:after { display: none; } } #investment_innovators .header-message { text-align: center; background-color: #E6007E; position: relative; z-index: 1; } #investment_innovators .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #investment_innovators .header-message a { color: #fff; text-decoration: underline; } #investment_innovators #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #1D1D1B; } #investment_innovators #catapult-cookie-bar .ctcc-left-side { color: #fff; } #investment_innovators #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #investment_innovators #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #FDCE1E; color: #fff; } #investment_innovators .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #1D1D1B; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #investment_innovators .page-header { padding: 60px 0 40px; } } #investment_innovators .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #1D1D1B; opacity: 0.8; } @supports (background-blend-mode: multiply) { #investment_innovators .page-header:after { opacity: 0.2; } } #investment_innovators .page-header .container { position: relative; z-index: 2; } #investment_innovators .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #investment_innovators .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #investment_innovators .page-header .container h1 { font-size: 35px; } } #investment_innovators .background-overlay { position: relative; background-color: #1D1D1B; background-blend-mode: multiply; } #investment_innovators .background-overlay .et_parallax_bg { background-color: #1D1D1B; background-blend-mode: multiply; } #investment_innovators .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #1D1D1B; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #investment_innovators .background-overlay:after { opacity: 0.2; } } #investment_innovators .background-overlay .et_pb_row { position: relative; z-index: 10; } #investment_innovators .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #investment_innovators .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #investment_innovators .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #investment_innovators .topic-feat-event .container { padding: 0; } #investment_innovators .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #investment_innovators .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #investment_innovators .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #investment_innovators .feat-event-inner { padding: 50px 20px 20px; } } #investment_innovators .feat-event-inner .featured { color: #FDCE1E; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #investment_innovators .feat-event-inner .featured span { color: #FDCE1E; } #investment_innovators .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #investment_innovators .feat-event-inner .entry-date { position: absolute; background: #FDCE1E; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #investment_innovators .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #investment_innovators .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #investment_innovators .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #investment_innovators .feat-event-inner .col-1, #investment_innovators .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #investment_innovators .feat-event-inner .col-1, #investment_innovators .feat-event-inner .col-2 { width: 100%; float: none; } } #investment_innovators .feat-event-inner .col-1 img { max-width: 75%; } #investment_innovators .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #investment_innovators .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #investment_innovators .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #investment_innovators .feat-event-inner .col-1 .btn { width: 100%; } } #investment_innovators .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #investment_innovators .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #investment_innovators .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #FDCE1E; background-color: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #FDCE1E; background-color: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #investment_innovators .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #investment_innovators .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #investment_innovators .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #investment_innovators .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #investment_innovators .feat-event-inner .col-2 { display: none; } } #investment_innovators .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #investment_innovators .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #investment_innovators .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #investment_innovators .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #investment_innovators .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #investment_innovators .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1D1D1B; opacity: .7; z-index: 1; } #investment_innovators .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #investment_innovators .topic-grid:after { content: ''; background-color: #FDCE1E; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #investment_innovators .topic-grid:after { display: none; } } #investment_innovators .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #investment_innovators .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #investment_innovators .related-articles .other-related { float: left; width: 100%; } #investment_innovators .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #investment_innovators .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #investment_innovators body.woocommerce .woocommerce-tabs { margin: 0; } #investment_innovators body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #investment_innovators body.woocommerce .woocommerce-message { background: #E6007E !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #investment_innovators body.woocommerce .woocommerce-error { background-color: #FDCE1E; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #investment_innovators body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #investment_innovators body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #investment_innovators #fep-wrapper { margin: 0; } #investment_innovators #fep-wrapper #fep-header, #investment_innovators #fep-wrapper #fep-footer { display: none; } #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #investment_innovators #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #investment_innovators #fep-wrapper #fep-menu .fep-button, #investment_innovators #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #E6007E; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-menu .fep-button:hover, #investment_innovators #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #E6007E; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-menu .fep-button .fep-font-red, #investment_innovators #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #investment_innovators #fep-wrapper #fep-menu .fep-button-active { background-color: #E6007E; } #investment_innovators #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #investment_innovators #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #investment_innovators #fep-wrapper #fep-content > h2 { padding: 10px; color: #1D1D1B; font-weight: bold; } #investment_innovators #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #investment_innovators #fep-wrapper #fep-content .fep-message-table { margin: 0; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #E6007E; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #FDCE1E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #E6007E; display: inline-block; margin: 20px 0; font-size: 16px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #FDCE1E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #FDCE1E; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #E6007E; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #investment_innovators #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #E6007E; transition: all ease-in-out .3s; } #investment_innovators #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #investment_innovators #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #investment_innovators #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #FDCE1E; box-shadow: none; } #investment_innovators #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #E6007E; } #investment_innovators .fep-success, #investment_innovators .fep-error, #investment_innovators .fep-wp-error { background-color: #E6007E; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #investment_innovators .fep-wp-error, #investment_innovators .fep-error { background-color: #FDCE1E; } #investment_innovators .fep-message { background-color: #F6F6F6; } #investment_innovators .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #investment_innovators .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #1D1D1B; } #investment_innovators .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #1D1D1B; } #investment_innovators .fep-per-message .fep-message-toggle-all { color: #E6007E; margin-bottom: 5px; } #investment_innovators .fep-per-message .fep-message-title, #investment_innovators .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #investment_innovators .fep-per-message .fep-message-title .author, #investment_innovators .fep-per-message .fep-message-content .author { font-weight: 500; } #investment_innovators .fep-per-message .fep-message-title .date, #investment_innovators .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #investment_innovators .fep-per-message .fep-message-title p, #investment_innovators .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #investment_innovators .fep-per-message .fep-message-title hr, #investment_innovators .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #investment_innovators #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #E6007E; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #investment_innovators #fep-notification-bar a { color: #fff; } #investment_innovators .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #FDCE1E !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #investment_innovators .fep-custom-button:before { content: '◄ '; } #investment_innovators .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #investment_innovators .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #investment_innovators .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #investment_innovators .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #investment_innovators .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #investment_innovators .fep-search-inbox::placeholder { text-align: left; } } #connected_customer { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #connected_customer body, #connected_customer html { overflow-x: hidden; margin-top: 0 !important; } #connected_customer .hide { display: none; } #connected_customer .text-center { text-align: center; } #connected_customer style { display: none !important; } #connected_customer .et_pb_section { clear: both; } #connected_customer .single .post { padding: 0; margin: 0; } #connected_customer .img-bullet-point { position: absolute; top: 0; left: -40px; } #connected_customer #left-area { padding-bottom: 0 !important; } #connected_customer *::selection { background-color: #ff5790; } #connected_customer #et_search_icon:hover, #connected_customer .mobile_menu_bar:before, #connected_customer .mobile_menu_bar:after, #connected_customer .et-social-icon a:hover, #connected_customer .comment-reply-link, #connected_customer .form-submit .et_pb_button, #connected_customer .entry-summary p.price ins, #connected_customer .woocommerce div.product span.price, #connected_customer .woocommerce-page div.product span.price, #connected_customer .woocommerce #content div.product span.price, #connected_customer .woocommerce-page #content div.product span.price, #connected_customer .woocommerce div.product p.price, #connected_customer .woocommerce-page div.product p.price, #connected_customer .woocommerce #content div.product p.price, #connected_customer .woocommerce-page #content div.product p.price, #connected_customer .woocommerce .star-rating span:before, #connected_customer .woocommerce-page .star-rating span:before, #connected_customer .woocommerce a.button.alt, #connected_customer .woocommerce-page a.button.alt, #connected_customer .woocommerce button.button.alt, #connected_customer .woocommerce-page button.button.alt, #connected_customer .woocommerce input.button.alt, #connected_customer .woocommerce-page input.button.alt, #connected_customer .woocommerce #respond input#submit.alt, #connected_customer .woocommerce-page #respond input#submit.alt, #connected_customer .woocommerce #content input.button.alt, #connected_customer .woocommerce-page #content input.button.alt, #connected_customer .woocommerce a.button, #connected_customer .woocommerce-page a.button, #connected_customer .woocommerce button.button, #connected_customer .woocommerce-page button.button, #connected_customer .woocommerce input.button, #connected_customer .woocommerce-page input.button, #connected_customer .woocommerce #respond input#submit, #connected_customer .woocommerce-page #respond input#submit, #connected_customer .woocommerce #content input.button, #connected_customer .woocommerce-page #content input.button, #connected_customer .woocommerce a.button.alt:hover, #connected_customer .woocommerce-page a.button.alt:hover, #connected_customer .woocommerce button.button.alt:hover, #connected_customer .woocommerce-page button.button.alt:hover, #connected_customer .woocommerce input.button.alt:hover, #connected_customer .woocommerce-page input.button.alt:hover, #connected_customer .woocommerce #respond input#submit.alt:hover, #connected_customer .woocommerce-page #respond input#submit.alt:hover, #connected_customer .woocommerce #content input.button.alt:hover, #connected_customer .woocommerce-page #content input.button.alt:hover, #connected_customer .woocommerce a.button:hover, #connected_customer .woocommerce-page a.button:hover, #connected_customer .woocommerce button.button, #connected_customer .woocommerce-page button.button:hover, #connected_customer .woocommerce input.button:hover, #connected_customer .woocommerce-page input.button:hover, #connected_customer .woocommerce #respond input#submit:hover, #connected_customer .woocommerce-page #respond input#submit:hover, #connected_customer .woocommerce #content input.button:hover, #connected_customer .wp-pagenavi span.current, #connected_customer .wp-pagenavi a:hover, #connected_customer .et_password_protected_form .et_submit_button, #connected_customer .nav-single a, #connected_customer .posted_in a, #connected_customer #top-menu li.current-menu-ancestor > a, #connected_customer #top-menu li.current-menu-item > a, #connected_customer .bottom-nav li.current-menu-item > a, #connected_customer .footer-widget h4 { color: #ff5790; } #connected_customer .title-with-bottom-line, #connected_customer .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #connected_customer .title-with-bottom-line h3, #connected_customer .title-with-bottom-line > :last-child, #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #connected_customer .title-with-bottom-line h3, #connected_customer .title-with-bottom-line > :last-child, #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #connected_customer .title-with-bottom-line h3, #connected_customer .title-with-bottom-line > :last-child, #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #connected_customer .title-with-bottom-line h3, #connected_customer .title-with-bottom-line > :last-child, #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #connected_customer .title-with-bottom-line h3, #connected_customer .title-with-bottom-line > :last-child, #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #connected_customer .title-with-bottom-line:after, #connected_customer .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #ff5790; } @media (max-width: 400px) { #connected_customer .title-with-bottom-line:after, #connected_customer .title-with-bottom-line-grey:after { bottom: -5px; } } #connected_customer .title-with-bottom-line-grey h3, #connected_customer .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #connected_customer .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #connected_customer .secondary-title-with-bottom-line { margin-top: 0; } } #connected_customer .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #connected_customer .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #connected_customer .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #connected_customer .secondary-title-with-bottom-line:after { bottom: -5px; } } #connected_customer .et-search-form, #connected_customer .et_mobile_menu, #connected_customer .footer-widget li:before, #connected_customer .nav li ul, #connected_customer blockquote { border-color: #ff5790; } @media print { #connected_customer .single-product.print-view { visibility: hidden; } #connected_customer .single-product.print-view #agenda { visibility: visible; } @page { #connected_customer .single-product.print-view { margin: 20px 0; } } #connected_customer .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #connected_customer .single-product.print-view #top-header, #connected_customer .single-product.print-view #main-header, #connected_customer .single-product.print-view #main-footer, #connected_customer .single-product.print-view .et_pb_section_1, #connected_customer .single-product.print-view .et_pb_module:not(.mod-schedule), #connected_customer .single-product.print-view .schedule-controls, #connected_customer .single-product.print-view .footer-form, #connected_customer .single-product.print-view .day-tab, #connected_customer .single-product.print-view .stream-tabs, #connected_customer .single-product.print-view .explore-next-btn, #connected_customer .single-product.print-view .et_pb_scroll_top { display: none !important; } #connected_customer .single-product.print-view .et_pb_section, #connected_customer .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #connected_customer .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #connected_customer .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #312f73 !important; break-after: avoid-page; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #connected_customer .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #connected_customer .col-6 { width: 49%; } #connected_customer .pull-left { float: left; } #connected_customer .pull-right { float: right; } #connected_customer .clear { clear: both; } #connected_customer .container { width: 100%; } #connected_customer .et-cart-info { display: none; } #connected_customer #top-header { background-color: #312f73; } #connected_customer #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #connected_customer #main-header .container { padding-left: 20px; padding-right: 20px; } #connected_customer #logo { max-height: 64px; } @media (max-width: 1079px) { #connected_customer #logo { max-height: 40px; } } #connected_customer .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #connected_customer .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #connected_customer .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #connected_customer .et_header_style_left #logo, #connected_customer .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #connected_customer .et_header_style_left #et-top-navigation, #connected_customer .et_header_style_split #et-top-navigation, #connected_customer .et_header_style_left .et-fixed-header #et-top-navigation, #connected_customer .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #connected_customer .et_header_style_left #et-top-navigation nav > ul > li > a, #connected_customer .et_header_style_split #et-top-navigation nav > ul > li > a, #connected_customer .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #connected_customer .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #connected_customer .et_header_style_left #et-top-navigation, #connected_customer .et_header_style_split #et-top-navigation, #connected_customer .et_header_style_left .et-fixed-header #et-top-navigation, #connected_customer .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #connected_customer .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #connected_customer #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #connected_customer #top-menu li a { color: #000000; font-weight: 400; } #connected_customer #top-menu li li { padding: 0; } #connected_customer #top-menu li li a:hover { background: none; color: #ff5790; opacity: 1; } #connected_customer #top-menu li li:hover a { color: #ff5790; opacity: 1; } @media (max-width: 1199px) { #connected_customer #top-menu li { padding-right: 35px; } } #connected_customer #top-menu-nav > ul > li > a:hover, #connected_customer #et-secondary-menu > ul > li > a:hover, #connected_customer #et-info-email:hover, #connected_customer .et-social-icons a:hover { color: #ff5790; opacity: 1; } #connected_customer #top-menu .menu-item-has-children > a:first-child:after, #connected_customer #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #connected_customer #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #connected_customer #et_top_search { right: 40px; top: 7px; } } #connected_customer #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #connected_customer #et_top_search { margin-left: 35px; } #connected_customer #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #connected_customer #et_top_search #et_search_icon:before { top: 7px; } } #connected_customer .nav li ul, #connected_customer .et_mobile_menu { border-top-color: #ff5790; } #connected_customer .et_mobile_menu { padding: 15px 0; } #connected_customer .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #connected_customer .et_mobile_menu li a:hover { background: none; color: #ff5790; } #connected_customer .et_mobile_menu li.current-menu-item a { color: #ff5790; } #connected_customer .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #connected_customer .et_mobile_menu li ul li { padding: 0; } #connected_customer .et_mobile_menu li ul li a { padding: 10px 20px; } #connected_customer .footer-form { padding: 0; background-color: #ff5790 !important; } #connected_customer .footer-form a { color: #fff; text-decoration: underline; } #connected_customer .footer-form .et_pb_text { margin-bottom: 0; } #connected_customer .footer-form .mod-sign-up p span { font-size: 10px; } #connected_customer #main-footer { background: #312f73; clear: both; } #connected_customer #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #connected_customer #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #connected_customer #footer-widgets .footer-widget p { color: #fff; } #connected_customer #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #ff5790; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #connected_customer #footer-widgets .footer-widget li { margin: 0; padding: 0; } #connected_customer #footer-widgets .footer-widget li:before { display: none; } #connected_customer #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #connected_customer #footer-widgets .footer-widget li a:hover { color: #ff5790; } @media (max-width: 767px) { #connected_customer #footer-widgets { padding: 30px 0 0 0; } #connected_customer #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #connected_customer #footer-widgets .footer-widget li a { padding: 3px 0; } #connected_customer #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #connected_customer #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #connected_customer #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #connected_customer #footer-widgets { padding-bottom: 60px; } } #connected_customer #footer-info { float: none; color: #fff; font-size: 12px; } #connected_customer .et-social-icons { display: none; } #connected_customer #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #connected_customer .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #connected_customer .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #connected_customer .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #connected_customer body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #connected_customer body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #connected_customer body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #connected_customer body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #connected_customer body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #connected_customer .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #connected_customer .desktop-my-account { display: none; } } #connected_customer .mobile-my-account { display: none; } @media (max-width: 980px) { #connected_customer .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #connected_customer .account-page { padding: 0 20px; } } #connected_customer .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #connected_customer .account-page .container { padding-top: 30px; } } #connected_customer .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #connected_customer .account-page h1.main_title span { color: #ff5790; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #connected_customer .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #connected_customer .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #connected_customer .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #connected_customer .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #connected_customer .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #connected_customer .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #ff5790; } @media only screen and (max-width: 900px) { #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #ff5790; font-weight: 600; } } #connected_customer .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #connected_customer .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #connected_customer .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #ff5790; cursor: pointer; } } #connected_customer .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #connected_customer .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #connected_customer .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #connected_customer .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #ff5790; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #connected_customer .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #connected_customer .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #connected_customer .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #connected_customer .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #connected_customer .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #connected_customer .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #connected_customer .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #connected_customer .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #connected_customer .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #ff5790; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #connected_customer .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #ff5790; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td a, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #ff5790; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #ff5790; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #ff5790; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #ff5790; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #connected_customer .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #ff5790; transition: all ease-in-out .3s; } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #312f73; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #connected_customer .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #connected_customer .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #connected_customer .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #connected_customer .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #connected_customer .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #connected_customer .woocommerce-checkout #main-content .col-1, #connected_customer .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #connected_customer .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #ff5790; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #connected_customer .woocommerce-checkout #main-content .woocommerce-info:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #312f73; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #connected_customer .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #connected_customer .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #connected_customer .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #connected_customer .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #connected_customer .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #connected_customer .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #connected_customer .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .form-row label { position: relative; } } #connected_customer .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #connected_customer .woocommerce-checkout #main-content .form-row select { height: 52px; } #connected_customer .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #connected_customer .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #connected_customer .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #connected_customer .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #connected_customer .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #connected_customer .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #connected_customer .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #connected_customer .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #connected_customer .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #connected_customer .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #connected_customer .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #connected_customer .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #connected_customer .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #connected_customer .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #ff5790; } #connected_customer .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #312f73; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #connected_customer .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #312f73; font-size: 19px; font-weight: 600; margin: 10px 0; } #connected_customer .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #connected_customer .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #ff5790; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #ff5790; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #connected_customer .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #connected_customer .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #connected_customer .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #connected_customer .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #connected_customer .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #connected_customer .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #connected_customer .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #connected_customer .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #connected_customer .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #connected_customer .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #connected_customer .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #ff5790; padding: 25px 20px; } #connected_customer .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #connected_customer .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #connected_customer .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #connected_customer .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #ff5790; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #connected_customer .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #connected_customer .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #connected_customer .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #connected_customer .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #connected_customer .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #connected_customer .webinar-thank-you .btn { color: #fff; background: #ff5790; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #connected_customer .webinar-thank-you .btn:hover { background: #ff5790; transition: all ease-in-out .3s; } #connected_customer .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce form.login { max-width: none; } } #connected_customer .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #connected_customer .woocommerce form.login .form-row { margin: 0 0 20px; } } #connected_customer .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #connected_customer .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #ff5790; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #connected_customer .woocommerce form.login .form-row input[type="submit"]:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer .woocommerce form.login .lost_password a { color: #ff5790; } #connected_customer .woocommerce-account .woocommerce form.login { max-width: 400px; } #connected_customer .search-bar { position: relative; margin: 30px 20px 0; } #connected_customer .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #connected_customer .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #ff5790; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #connected_customer .search-bar .btn-search:hover { background-color: #312f73; } #connected_customer .btn-search-more { background-color: #ff5790; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #connected_customer .entry-container { padding: 0 0 80px; } #connected_customer .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #connected_customer .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #connected_customer .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #connected_customer .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #connected_customer .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #connected_customer .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #connected_customer .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #312f73; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #connected_customer .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #ff5790; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #connected_customer .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #connected_customer .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #312f73; content: "\e108"; color: #ff5790; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #ff5790; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #312f73; background-color: #ff5790; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #connected_customer .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #connected_customer .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #connected_customer .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #connected_customer .entry-grid.view-grid .single-entry .entry-text h3 { color: #312f73; font-size: 22px; line-height: 130%; } #connected_customer .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #connected_customer .entry-grid.view-grid .single-entry .entry-button { display: none; } #connected_customer .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #connected_customer .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #connected_customer .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #connected_customer .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #connected_customer .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #312f73; } #connected_customer .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #connected_customer .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #312f73; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #connected_customer .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #connected_customer .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #connected_customer .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #connected_customer .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #ff5790; } #connected_customer .entry-grid.view-list .single-entry .feat-image { display: none; } #connected_customer .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #connected_customer .entry-grid.view-list .single-entry .entry-text h3 { color: #312f73; font-size: 22px; } #connected_customer .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #connected_customer .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #connected_customer .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid.view-list .single-entry .entry-button { float: left; } } #connected_customer .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #ff5790; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #connected_customer .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid-controls { padding: 0 15px 20px; } } #connected_customer .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #connected_customer .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #connected_customer .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #connected_customer .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #connected_customer .entry-grid-controls .filters .filter-btn.active { border: 2px solid #312f73; transition: all ease-in-out .3s; } #connected_customer .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #connected_customer .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #312f73; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #connected_customer .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #connected_customer .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #connected_customer .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #connected_customer .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #connected_customer .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #connected_customer .entry-load-more { text-align: center; } #connected_customer .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #ff5790; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #connected_customer .entry-load-more .load-more-btn:hover { background-color: #ff5790; transition: background 0.3s ease-in-out; } #connected_customer .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #connected_customer .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #connected_customer .entry-topic { padding: 20px; } } #connected_customer .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #connected_customer .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #connected_customer .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #connected_customer .entry-topic .text { width: 100%; padding: 0; } } #connected_customer .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #connected_customer .entry-topic .text h3 { font-size: 26px; } } #connected_customer .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #connected_customer .entry-topic .text .inner-text { max-height: none; } } #connected_customer .entry-topic .text .inner-text h4 { padding: 0; color: #ff5790; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #connected_customer .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #connected_customer .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #connected_customer .entry-topic .text ul li { display: inline-block; } #connected_customer .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #connected_customer .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #connected_customer .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #connected_customer .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #connected_customer .entry-topic .text ul li span.topic-entry-type-webinars:after, #connected_customer .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #connected_customer .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #connected_customer .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #connected_customer .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #connected_customer .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #ff5790; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #connected_customer .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #connected_customer .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #connected_customer .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #connected_customer .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #connected_customer .entry-topic:hover .btn { bottom: inherit; } } #connected_customer .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #312f73; opacity: .8; z-index: 1; } #connected_customer .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #connected_customer .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #connected_customer .modal .modal-content .modal-body { position: relative; } #connected_customer .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #connected_customer .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #connected_customer .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #connected_customer #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #connected_customer #brochureModal .copy { text-align: center; width: 100%; clear: both; } #connected_customer #brochureModal .copy h2 { margin-bottom: 30px; } #connected_customer #brochureModal .copy p { font-size: 11px; } #connected_customer #brochureModal .copy a { color: #ff5790; } #connected_customer #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #connected_customer #brochureModal .form-design-field { width: 100%; margin: 0; } } #connected_customer #brochureModal label { display: none; } #connected_customer #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #connected_customer #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #ff5790; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #connected_customer #brochureModal input[type=submit] { margin-top: 30px; } } #connected_customer #brochureModal input[type=submit]:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #connected_customer #reportModal .copy { text-align: center; width: 100%; clear: both; } #connected_customer #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #connected_customer #reportModal .copy p { font-size: 11px; } #connected_customer #reportModal .copy a { color: #ff5790; } #connected_customer #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #connected_customer #reportModal .form-design-field { width: 100%; margin: 0; } } #connected_customer #reportModal label { display: none; } #connected_customer #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #connected_customer #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #ff5790; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #connected_customer #reportModal input[type=submit] { margin-top: 30px; } } #connected_customer #reportModal input[type=submit]:hover { background: #ff5790; transition: all ease-in .2s; } #connected_customer .details-modal-popup { cursor: pointer; } #connected_customer #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #connected_customer #detailsModal .modal-content img { margin-bottom: 20px; } #connected_customer #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #312f73; } #connected_customer #detailsModal .modal-content a { color: #ff5790; } #connected_customer #detailsModal .modal-content .col-1, #connected_customer #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #connected_customer #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #connected_customer #detailsModal .modal-content { padding: 20px 10px; } #connected_customer #detailsModal .modal-content h3 { padding-left: 0; } #connected_customer #detailsModal .modal-content .col-1, #connected_customer #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #connected_customer .mod-speakers, #connected_customer .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #connected_customer .mod-speakers h2, #connected_customer .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #connected_customer .mod-speakers, #connected_customer .mod-advisory-board { padding: 0; } } #connected_customer .mod-speakers:after, #connected_customer .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #connected_customer .mod-speakers .single-speaker-grid, #connected_customer .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #connected_customer .mod-speakers .single-speaker-grid:nth-child(4n + 1), #connected_customer .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #connected_customer .mod-speakers .single-speaker-grid, #connected_customer .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #connected_customer .mod-speakers .single-speaker-grid, #connected_customer .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #connected_customer .mod-speakers .single-speaker-grid:nth-child(4n + 1), #connected_customer .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #connected_customer .mod-speakers .single-speaker-grid:nth-child(3n + 1), #connected_customer .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #connected_customer .mod-speakers .single-speaker-grid, #connected_customer .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #connected_customer .mod-speakers .single-speaker-grid:nth-child(3n + 1), #connected_customer .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #connected_customer .mod-speakers .single-speaker-grid:nth-child(2n + 1), #connected_customer .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #connected_customer .mod-speakers .single-speaker-img, #connected_customer .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #connected_customer .mod-speakers .single-speaker-img img, #connected_customer .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #connected_customer .mod-speakers .single-speaker-img, #connected_customer .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #connected_customer .mod-speakers .company-logo, #connected_customer .mod-advisory-board .company-logo { margin: 0; } #connected_customer .mod-speakers .company-logo img, #connected_customer .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #connected_customer .mod-speakers .company-logo, #connected_customer .mod-advisory-board .company-logo { margin-bottom: 5px; } } #connected_customer .mod-speakers .single-speaker-list, #connected_customer .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #connected_customer .mod-speakers .single-speaker-list .single-speaker-img, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #connected_customer .mod-speakers .single-speaker-list .single-speaker-img, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #connected_customer .mod-speakers .single-speaker-list .single-speaker-text, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #connected_customer .mod-speakers .single-speaker-list .single-speaker-text, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #connected_customer .mod-speakers .single-speaker-list .single-speaker-text h3, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #connected_customer .mod-speakers .single-speaker-list .single-speaker-text h4, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #connected_customer .mod-speakers .single-speaker-list .single-speaker-text p, #connected_customer .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #connected_customer .mod-speakers h3, #connected_customer .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #connected_customer .mod-speakers h3, #connected_customer .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #connected_customer .mod-speakers h3, #connected_customer .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #connected_customer .mod-speakers h3, #connected_customer .mod-advisory-board h3 { font-size: 14px; } } #connected_customer .mod-speakers h4, #connected_customer .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #connected_customer .mod-speakers h4, #connected_customer .mod-advisory-board h4 { font-size: 13px; } } #connected_customer .mod-speakers .btn-wrapper, #connected_customer .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #connected_customer .mod-speakers .load-speakers, #connected_customer .mod-speakers .load-advisory-board, #connected_customer .mod-advisory-board .load-speakers, #connected_customer .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #ff5790; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #connected_customer .mod-speakers .load-speakers:hover, #connected_customer .mod-speakers .load-advisory-board:hover, #connected_customer .mod-advisory-board .load-speakers:hover, #connected_customer .mod-advisory-board .load-advisory-board:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .mod-speakers .load-speakers, #connected_customer .mod-speakers .load-advisory-board, #connected_customer .mod-advisory-board .load-speakers, #connected_customer .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #connected_customer .mod-speakers .loading-spinner, #connected_customer .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #connected_customer .mod-speakers .loading-spinner .load, #connected_customer .mod-speakers .loading-spinner .load:after, #connected_customer .mod-advisory-board .loading-spinner .load, #connected_customer .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #connected_customer .mod-speakers .loading-spinner .load, #connected_customer .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #ff5790; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #connected_customer .mod-speakers:before, #connected_customer .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #connected_customer .mod-speakers.loading:before, #connected_customer .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #connected_customer .mod-speakers.loading .loading-spinner, #connected_customer .mod-advisory-board.loading .loading-spinner { display: block; } #connected_customer .people-fullwidth { width: 100% !important; } #connected_customer #speakers { position: relative; z-index: 99; } #connected_customer .mod-speakers-global { margin: 0; width: 100%; position: relative; } #connected_customer .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #connected_customer .mod-speakers-global { padding: 0; } } #connected_customer .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #connected_customer .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #connected_customer .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #connected_customer .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #connected_customer .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #connected_customer .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #connected_customer .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #connected_customer .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #connected_customer .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #connected_customer .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #connected_customer .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #connected_customer .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #connected_customer .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-container { z-index: 1; } } #connected_customer .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #connected_customer .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #connected_customer .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #connected_customer .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #connected_customer .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #connected_customer .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #connected_customer .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #connected_customer .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #connected_customer .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #connected_customer .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #connected_customer .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .single-speaker-img { overflow: initial; } } #connected_customer .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #connected_customer .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #connected_customer .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #connected_customer .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #connected_customer .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #connected_customer .mod-speakers-global .company-logo { margin: 0; } #connected_customer .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #connected_customer .mod-speakers-global .company-logo { margin-bottom: 5px; } } #connected_customer .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #connected_customer .mod-speakers-global .single-speaker-details { transition: none; } } #connected_customer .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #connected_customer .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .details-active-right { left: 0 !important; } } #connected_customer .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .details-active-left { left: 0 !important; } } #connected_customer .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #connected_customer .mod-speakers-global .close-detail-label { display: none; } } #connected_customer .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #connected_customer .mod-speakers-global .speaker-mb-img img { width: 100%; } #connected_customer .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #connected_customer .mod-speakers-global .speaker-extra-details { padding: 24px; } } #connected_customer .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #connected_customer .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #connected_customer .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #connected_customer .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #connected_customer .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #connected_customer .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #connected_customer .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #connected_customer .mod-speakers-global h3 { font-size: 14px; } } #connected_customer .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #connected_customer .mod-speakers-global h4 { font-size: 13px; } } #connected_customer .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #connected_customer .mod-speakers-global .load-speakers, #connected_customer .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #ff5790; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #connected_customer .mod-speakers-global .load-speakers:hover, #connected_customer .mod-speakers-global .load-advisory-board:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .mod-speakers-global .load-speakers, #connected_customer .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #connected_customer .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #connected_customer .mod-speakers-global .loading-spinner .load, #connected_customer .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #connected_customer .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #ff5790; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #connected_customer .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #connected_customer .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #connected_customer .mod-speakers-global.loading .loading-spinner { display: block; } #connected_customer .hide-scroll-top { opacity: 0; } #connected_customer .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #connected_customer .mod-sponsors { padding: 0; } } #connected_customer .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #connected_customer .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #connected_customer .mod-sponsors .tooltip { display: block; } } #connected_customer .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #connected_customer .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #connected_customer .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #connected_customer .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #connected_customer .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #connected_customer .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #connected_customer .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #connected_customer .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #connected_customer .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #connected_customer .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #connected_customer .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #connected_customer .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #connected_customer .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #ff5790; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #connected_customer .mod-sponsors .sponsor-btn:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #connected_customer .mod-attending { padding: 0 30px; text-align: center; } #connected_customer .mod-attending .attendees-slider { max-height: 350px; } #connected_customer .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #connected_customer .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #connected_customer .mod-attending .attendees-slider .attendee { width: 50%; } } #connected_customer .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #connected_customer .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #connected_customer .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #connected_customer .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #connected_customer .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #connected_customer .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #connected_customer .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #ff5790; } @media only screen and (max-width: 1200px) { #connected_customer .mod-attending { padding: 0; } } #connected_customer .mod-attending h2 { text-align: center; padding: 0 0 60px; } #connected_customer .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #ff5790; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #connected_customer .mod-attending .attendee-btn:hover { background: #ff5790; } #connected_customer .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #connected_customer .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #connected_customer .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #connected_customer .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .schedule-controls { padding: 0; } } #connected_customer .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #connected_customer .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #connected_customer .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #ff5790; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .schedule-controls .selected-category { width: 100%; } } #connected_customer .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #connected_customer .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #connected_customer .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #connected_customer .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #312f73; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #connected_customer .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #312f73; transition: all ease-in .2s; } #connected_customer .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #connected_customer .mod-schedule .schedule-controls .expand, #connected_customer .mod-schedule .schedule-controls .collapse, #connected_customer .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #ff5790; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #connected_customer .mod-schedule .schedule-controls .expand span, #connected_customer .mod-schedule .schedule-controls .collapse span, #connected_customer .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #connected_customer .mod-schedule .schedule-controls .expand.active, #connected_customer .mod-schedule .schedule-controls .collapse.active, #connected_customer .mod-schedule .schedule-controls .print-btn.active { display: block; } #connected_customer .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #312f73; } #connected_customer .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #connected_customer .mod-schedule .day-tab .d-day-dates { display: initial; } #connected_customer .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #connected_customer .mod-schedule .day-tab .d-day-dates { display: none; } #connected_customer .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #connected_customer .mod-schedule .day-tab .d-day-dates { display: none; } #connected_customer .mod-schedule .day-tab .m-day-dates { display: initial; } } #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #connected_customer .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #connected_customer .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #connected_customer .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #connected_customer .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #connected_customer .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #connected_customer .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #connected_customer .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #connected_customer .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #connected_customer .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #connected_customer .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-tab:first-child { margin-left: 0; } #connected_customer .mod-schedule .day-tab:last-child { margin-right: 0; } } #connected_customer .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-tab h3 { font-size: 18px; } } #connected_customer .mod-schedule .day-tab.active { border-bottom: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-tab.active h3 { color: #ff5790; } #connected_customer .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main { width: 100%; } } #connected_customer .mod-schedule .day-main.active { display: block; } #connected_customer .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #ff5790; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #connected_customer .mod-schedule .day-main .explore-next-btn a { color: #fff; } #connected_customer .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #connected_customer .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #connected_customer .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #312f73; text-transform: uppercase; font-size: 18px; font-weight: bold; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #ff5790; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #connected_customer .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #connected_customer .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #connected_customer .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #312f73; font-weight: bold; font-size: 14px; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #ff5790; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #312f73; transform: rotate(45deg); transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #312f73; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #connected_customer .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #connected_customer .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #312f73; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #connected_customer .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #ff5790; padding-bottom: 0px; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-title { background: #312f73; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #312f73; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-sessions, #connected_customer .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #connected_customer .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #312f73; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #312f73; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #312f73; } @media only screen and (max-width: 1200px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #ff5790; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description p, #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #312f73; font-size: 14px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #ff5790; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #312f73; font-size: 13px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #connected_customer .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #312f73; } #connected_customer .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #ff5790; } } @media only screen and (max-width: 600px) { #connected_customer .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #connected_customer .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #connected_customer .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #312f73; } #connected_customer .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #ff5790; } #connected_customer .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #connected_customer .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #connected_customer .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #connected_customer .mod-webinar .modal .modal-body { padding: 0; } #connected_customer .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #connected_customer .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #connected_customer .mod-webinar .modal .chat { float: left; width: 400px; } #connected_customer .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #connected_customer .mod-tickets { float: left; width: 100%; } #connected_customer .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #connected_customer .mod-tickets .tickets { width: 100%; } } #connected_customer .mod-tickets .tickets .ticket { float: left; border: 3px solid #312f73; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #connected_customer .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #connected_customer .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #connected_customer .mod-tickets .tickets .ticket .ticket-title { background: #312f73; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #ff5790; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #ff5790; background: none; padding: 8px 10px 0 10px; width: 35%; } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #connected_customer .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #connected_customer .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #connected_customer .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #connected_customer .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #connected_customer .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #connected_customer .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #ff5790; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #ff5790; padding-top: 8px; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #ff5790; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #connected_customer .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #connected_customer .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #connected_customer .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #connected_customer .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #connected_customer .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #connected_customer .mod-tickets .ticket-order { width: 100%; } } #connected_customer .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #connected_customer .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #ff5790; } #connected_customer .mod-tickets .ticket-order .cart p { text-align: left; } #connected_customer .mod-tickets .ticket-order .cart h3 { background: #ff5790; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #connected_customer .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #connected_customer .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #connected_customer .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #connected_customer .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #connected_customer .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #connected_customer .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #connected_customer .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #connected_customer .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #connected_customer .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #ff5790; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #connected_customer .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #connected_customer .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #connected_customer .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #connected_customer .mod-tickets .loading-spinner .load, #connected_customer .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #connected_customer .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #ff5790; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #connected_customer .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #connected_customer .mod-tickets.loading { pointer-events: none; } #connected_customer .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #connected_customer .mod-tickets.loading .loading-spinner { display: block; } #connected_customer #insurerConfirmModal .modal-content { border: 3px solid #ff5790; box-shadow: none; padding: 20px; max-width: 500px; } #connected_customer #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #connected_customer #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #connected_customer #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #connected_customer #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #connected_customer #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #connected_customer #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #connected_customer #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #ff5790; } #connected_customer #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #312f73; } #connected_customer #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #connected_customer .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #connected_customer .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #connected_customer .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #connected_customer .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #connected_customer .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #312f73; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #connected_customer .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #connected_customer .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #connected_customer .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #connected_customer .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #connected_customer .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #connected_customer .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #connected_customer .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #312f73; opacity: 0.85; transition: all 0.3s linear; } #connected_customer .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #connected_customer .mod-related-content .related-article .event-img:hover:after { top: 0; } #connected_customer .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #connected_customer .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #connected_customer .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #connected_customer .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #connected_customer .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #connected_customer .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #connected_customer .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #connected_customer .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #connected_customer .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #connected_customer .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #connected_customer .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #connected_customer .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #connected_customer .mod-map-marker .et_pb_row { position: relative; height: 100%; } #connected_customer .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #connected_customer .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #connected_customer .mod-map-marker .marker { padding: 20px 20px 0; } } #connected_customer .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #connected_customer .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #connected_customer .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #ff5790; font-size: 14px; letter-spacing: 1px; color: #ff5790; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #connected_customer .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #connected_customer .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #connected_customer .mod-map-marker .marker a:hover { border: 2px solid #ff5790; transition: all ease-in .2s; } #connected_customer .et_pb_map { height: 600px; } #connected_customer .contact-map .et_pb_map { height: 300px; } #connected_customer .gmnoprint { display: none; } #connected_customer .mod-sign-up { width: 100%; margin: 0; background: #ff5790; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #connected_customer .mod-sign-up { width: 100%; margin: 0; } } #connected_customer .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #312f73; } #connected_customer .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #connected_customer .mod-sign-up .elq-form { float: left; width: 100%; } #connected_customer .mod-sign-up .elq-form label { display: none; } #connected_customer .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #connected_customer .mod-sign-up .elq-form .form-design-field { width: 100%; } } #connected_customer .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #connected_customer .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #connected_customer .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #connected_customer .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #connected_customer .mod-sponsorship-form label { display: none; } #connected_customer .mod-sponsorship-form .col-1, #connected_customer .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #connected_customer .mod-sponsorship-form .col-1, #connected_customer .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #connected_customer .mod-sponsorship-form .col-2 { float: right; } #connected_customer .mod-sponsorship-form input:not([type=submit]), #connected_customer .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #connected_customer .mod-sponsorship-form textarea { min-height: 160px; } #connected_customer .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #connected_customer .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #connected_customer .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #312f73; color: #312f73; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #connected_customer .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #connected_customer .mod-homepage-index .index-entry-filters li:hover { background-color: #312f73; transition: all ease-in-out .3s; } #connected_customer .mod-homepage-index .index-entry-filters li.active { background-color: #312f73; color: #fff; transition: all ease-in-out .3s; } #connected_customer .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #connected_customer .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #connected_customer .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #connected_customer .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #connected_customer .mod-homepage-index .index-entry.active { display: block; } #connected_customer .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #connected_customer .masonry-grid .grid-item img { width: 100%; height: auto; } #connected_customer.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #connected_customer.et-fb .et_pb_masonry_grid > div { display: none; } #connected_customer.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #connected_customer #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #connected_customer #event-menu .fullwidth-menu { padding-top: 15px !important; } #connected_customer #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #connected_customer .admin-bar #event-menu { top: 62px; } #connected_customer .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #connected_customer .homepage-event-section .divider-strip { position: relative; } #connected_customer .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #ff5790; margin-top: 30px; } #connected_customer .homepage-events-preview { margin-top: 80px; } #connected_customer .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #connected_customer .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #connected_customer .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #connected_customer .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #312f73; opacity: 0.85; transition: all 0.3s linear; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #ff5790; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #312f73; opacity: 0.95; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #connected_customer .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #connected_customer .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #connected_customer .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #connected_customer .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #connected_customer .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #connected_customer .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #connected_customer .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #connected_customer .homepage-events-preview:after { display: none; } #connected_customer .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #connected_customer .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #connected_customer .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #connected_customer .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #connected_customer .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #connected_customer .topic-header { position: relative; background-position: center; background-size: cover; } #connected_customer .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #312f73; opacity: 0.95; } #connected_customer .topic-header * { position: relative; z-index: 1; } #connected_customer .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #connected_customer .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #312f73; opacity: 0.95; } #connected_customer .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #connected_customer .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #connected_customer .featured-event { padding-right: 20px; } } #connected_customer .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #ff5790; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #connected_customer .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #connected_customer .featured-event .close:hover { color: #ff5790; } #connected_customer .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #ff5790; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #connected_customer .featured-event .dates-of-event strong { display: block; font-weight: 800; } #connected_customer .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #ff5790; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #connected_customer .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #connected_customer .featured-event .dates-of-event { top: 45%; } } #connected_customer .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #connected_customer .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #connected_customer .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #connected_customer .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #connected_customer .featured-event .col-6 > img { max-height: 130px; } } #connected_customer .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #connected_customer .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #connected_customer .featured-event .col-6.right { padding-right: 0; } } #connected_customer .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #connected_customer .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #connected_customer .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #connected_customer .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #connected_customer .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #connected_customer .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #ff5790; display: block; line-height: 120%; } @media (max-width: 699px) { #connected_customer .featured-event .col-6 .countdown-to-event span { width: 50px; } #connected_customer .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #connected_customer .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #connected_customer .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #connected_customer .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #connected_customer .featured-event .col-6 .event-type.event { color: #ff5790; } #connected_customer .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #connected_customer .featured-event .col-6 .event-type.article { color: #366893; } #connected_customer .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #connected_customer .featured-event .col-6 .event-type.webinar { color: #ff5790; } #connected_customer .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #connected_customer .featured-event .col-6 .event-type.course { color: #8A9299; } #connected_customer .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #connected_customer .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #connected_customer .featured-event .col-6 h2 { padding-right: 40px; } } #connected_customer .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #ff5790; display: block; line-height: 150%; margin: 0 0 20px 0; } #connected_customer .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #connected_customer .featured-event .col-6 .white-btn, #connected_customer .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #connected_customer .featured-event .col-6 .white-btn:hover, #connected_customer .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #connected_customer .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #connected_customer .featured-event .col-6 .colored-btn { background: #ff5790; border-color: #ff5790; margin-right: 0; } #connected_customer .events-filter { margin: 50px 0 20px 0; } #connected_customer .events-filter ul { float: left; } #connected_customer .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #connected_customer .events-filter ul li p { font-size: 16px; } #connected_customer .events-filter ul li.active p { color: green; } #connected_customer .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #connected_customer .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #connected_customer .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #connected_customer .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #connected_customer .events-filter > span.icon_grid-2x2 { color: #312f73; } #connected_customer .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #connected_customer .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #connected_customer .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #connected_customer .events-filter > span:hover, #connected_customer .events-filter > span.icon-active { color: #ff5790; } @media (max-width: 767px) { #connected_customer .events-filter > span.icon_grid-2x2, #connected_customer .events-filter > span.icon_menu { display: none; } } #connected_customer .inner-events-boxes { font-size: 0; } #connected_customer .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #connected_customer .inner-events-boxes .event-box.active { display: inline-block; } #connected_customer .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #connected_customer .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #connected_customer .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #312f73; opacity: 0.9; } #connected_customer .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #connected_customer .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #connected_customer .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #connected_customer .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #connected_customer .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #connected_customer .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #connected_customer .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #connected_customer .inner-events-boxes .event-box > div .event-type.event { color: #ff5790; } #connected_customer .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #connected_customer .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #connected_customer .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #connected_customer .inner-events-boxes .event-box > div .event-type.webinar { color: #ff5790; } #connected_customer .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #connected_customer .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #connected_customer .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #connected_customer .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #ff5790; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #connected_customer .inner-events-boxes .event-box > div .event-btn:hover { background: #ff5790; } #connected_customer .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #connected_customer .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #connected_customer .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #connected_customer .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #connected_customer .inner-events-boxes .event-box.col-4 > div:hover p, #connected_customer .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #connected_customer .inner-events-boxes .event-box > div h3 { font-size: 20px; } #connected_customer .inner-events-boxes .event-box > div p, #connected_customer .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #connected_customer .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #connected_customer .inner-events-boxes .event-box.col-4 { width: 48%; } #connected_customer .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #connected_customer .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #connected_customer .inner-events-boxes .event-box.col-4 > div { height: auto; } } #connected_customer div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #connected_customer div.inner-event-header .et_pb_row { z-index: 2; } #connected_customer div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #312f73; z-index: 1; pointer-events: none; opacity: 0.8; } #connected_customer div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #ff5790 35px, transparent 35px); background: -moz-linear-gradient(right, #ff5790 35px, transparent 35px); background: -o-linear-gradient(right, #ff5790 35px, transparent 35px); background: -webkit-linear-gradient(left, #ff5790 35px, transparent 35px); pointer-events: none; } #connected_customer div.inner-event-header img, #connected_customer div.inner-event-header h1, #connected_customer div.inner-event-header h2, #connected_customer div.inner-event-header h3, #connected_customer div.inner-event-header h4, #connected_customer div.inner-event-header h5, #connected_customer div.inner-event-header h6, #connected_customer div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #connected_customer div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #connected_customer div.inner-event-header a:hover { background: #8A9299; } #connected_customer div.inner-event-header a.colored-btn { background: #ff5790; border-color: #ff5790; } #connected_customer div.inner-event-header a.colored-btn:hover { background: #ff5790; border-color: #ff5790; } @media (max-width: 1199px) { #connected_customer div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #connected_customer div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #connected_customer div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #connected_customer div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #connected_customer div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #connected_customer div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #connected_customer div.inner-event-header img { padding: 20px 20px 5px 20px; } #connected_customer div.inner-event-header h1 { padding: 0; } #connected_customer div.inner-event-header a { margin: 0 0 10px 0; } } #connected_customer .event-icons div { display: inline-block; } #connected_customer .event-icons div > strong { display: block; } @media (max-width: 599px) { #connected_customer .event-icons div img { max-width: 50px; max-height: 50px; } #connected_customer .event-icons div > strong { font-size: 30px !important; } #connected_customer .event-icons div > span { font-size: 16px !important; } } #connected_customer .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #connected_customer .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #connected_customer .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #connected_customer .et_pb_number_counter .percent { height: auto; } } #connected_customer .et_pb_widget { width: 100%; } #connected_customer .et_pb_widget .field-wrapper label { display: none; } #connected_customer .et_pb_widget .field-wrapper input, #connected_customer .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #connected_customer .et_pb_widget .field-wrapper input[type=submit], #connected_customer .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #ff5790; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #connected_customer .et_pb_widget .field-wrapper input[type=submit]:hover, #connected_customer .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #ff5790; } @media (max-width: 1199px) { #connected_customer .et_pb_widget .field-wrapper input[type=submit], #connected_customer .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #connected_customer .et_pb_widget .field-wrapper input:focus, #connected_customer .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #connected_customer .et_pb_widget .field-wrapper input, #connected_customer .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #connected_customer .sponsorship-header { background-position: center; background-size: cover; } #connected_customer .sponsorship-header .et_pb_row { z-index: 2; } #connected_customer .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #312f73; z-index: 1; pointer-events: none; opacity: 0.8; } #connected_customer .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #connected_customer .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #connected_customer .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #connected_customer .sponsorship-testimonials { float: left; width: 100%; } #connected_customer .testimonials { position: relative; } #connected_customer .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #ff5790; } @media only screen and (max-width: 900px) { #connected_customer .testimonials .et_pb_column_2:after { display: none; } } #connected_customer .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #ff5790; } @media only screen and (max-width: 900px) { #connected_customer .testimonials .et_pb_column_3:after { display: none; } } #connected_customer .header-message { text-align: center; background-color: #ff5790; position: relative; z-index: 1; } #connected_customer .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #connected_customer .header-message a { color: #fff; text-decoration: underline; } #connected_customer #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #312f73; } #connected_customer #catapult-cookie-bar .ctcc-left-side { color: #fff; } #connected_customer #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #connected_customer #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #ff5790; color: #fff; } #connected_customer .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #312f73; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #connected_customer .page-header { padding: 60px 0 40px; } } #connected_customer .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #312f73; opacity: 0.8; } @supports (background-blend-mode: multiply) { #connected_customer .page-header:after { opacity: 0.2; } } #connected_customer .page-header .container { position: relative; z-index: 2; } #connected_customer .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #connected_customer .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #connected_customer .page-header .container h1 { font-size: 35px; } } #connected_customer .background-overlay { position: relative; background-color: #312f73; background-blend-mode: multiply; } #connected_customer .background-overlay .et_parallax_bg { background-color: #312f73; background-blend-mode: multiply; } #connected_customer .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #312f73; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #connected_customer .background-overlay:after { opacity: 0.2; } } #connected_customer .background-overlay .et_pb_row { position: relative; z-index: 10; } #connected_customer .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #connected_customer .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #connected_customer .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #connected_customer .topic-feat-event .container { padding: 0; } #connected_customer .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #connected_customer .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #connected_customer .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #connected_customer .feat-event-inner { padding: 50px 20px 20px; } } #connected_customer .feat-event-inner .featured { color: #ff5790; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #connected_customer .feat-event-inner .featured span { color: #ff5790; } #connected_customer .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #connected_customer .feat-event-inner .entry-date { position: absolute; background: #ff5790; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #connected_customer .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #connected_customer .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #connected_customer .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #connected_customer .feat-event-inner .col-1, #connected_customer .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #connected_customer .feat-event-inner .col-1, #connected_customer .feat-event-inner .col-2 { width: 100%; float: none; } } #connected_customer .feat-event-inner .col-1 img { max-width: 75%; } #connected_customer .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #connected_customer .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #connected_customer .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #connected_customer .feat-event-inner .col-1 .btn { width: 100%; } } #connected_customer .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #connected_customer .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #connected_customer .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #ff5790; background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #ff5790; background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #connected_customer .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #connected_customer .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #connected_customer .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #connected_customer .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #connected_customer .feat-event-inner .col-2 { display: none; } } #connected_customer .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #connected_customer .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #connected_customer .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #connected_customer .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #connected_customer .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #connected_customer .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #312f73; opacity: .7; z-index: 1; } #connected_customer .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #connected_customer .topic-grid:after { content: ''; background-color: #ff5790; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #connected_customer .topic-grid:after { display: none; } } #connected_customer .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #connected_customer .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #connected_customer .related-articles .other-related { float: left; width: 100%; } #connected_customer .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #connected_customer .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #connected_customer body.woocommerce .woocommerce-tabs { margin: 0; } #connected_customer body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #connected_customer body.woocommerce .woocommerce-message { background: #ff5790 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #connected_customer body.woocommerce .woocommerce-error { background-color: #ff5790; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #connected_customer body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #connected_customer body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #connected_customer #fep-wrapper { margin: 0; } #connected_customer #fep-wrapper #fep-header, #connected_customer #fep-wrapper #fep-footer { display: none; } #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #connected_customer #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #connected_customer #fep-wrapper #fep-menu .fep-button, #connected_customer #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #ff5790; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-menu .fep-button:hover, #connected_customer #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-menu .fep-button .fep-font-red, #connected_customer #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #connected_customer #fep-wrapper #fep-menu .fep-button-active { background-color: #ff5790; } #connected_customer #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #connected_customer #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #connected_customer #fep-wrapper #fep-content > h2 { padding: 10px; color: #312f73; font-weight: bold; } #connected_customer #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #connected_customer #fep-wrapper #fep-content .fep-message-table { margin: 0; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #ff5790; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #ff5790; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #ff5790; display: inline-block; margin: 20px 0; font-size: 16px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #ff5790; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #ff5790; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #connected_customer #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #ff5790; transition: all ease-in-out .3s; } #connected_customer #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #connected_customer #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #connected_customer #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #ff5790; box-shadow: none; } #connected_customer #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #ff5790; } #connected_customer .fep-success, #connected_customer .fep-error, #connected_customer .fep-wp-error { background-color: #ff5790; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #connected_customer .fep-wp-error, #connected_customer .fep-error { background-color: #ff5790; } #connected_customer .fep-message { background-color: #F6F6F6; } #connected_customer .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #connected_customer .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #312f73; } #connected_customer .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #312f73; } #connected_customer .fep-per-message .fep-message-toggle-all { color: #ff5790; margin-bottom: 5px; } #connected_customer .fep-per-message .fep-message-title, #connected_customer .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #connected_customer .fep-per-message .fep-message-title .author, #connected_customer .fep-per-message .fep-message-content .author { font-weight: 500; } #connected_customer .fep-per-message .fep-message-title .date, #connected_customer .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #connected_customer .fep-per-message .fep-message-title p, #connected_customer .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #connected_customer .fep-per-message .fep-message-title hr, #connected_customer .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #connected_customer #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #ff5790; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #connected_customer #fep-notification-bar a { color: #fff; } #connected_customer .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #ff5790 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #connected_customer .fep-custom-button:before { content: '◄ '; } #connected_customer .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #connected_customer .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #connected_customer .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #connected_customer .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #connected_customer .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #connected_customer .fep-search-inbox::placeholder { text-align: left; } } #financial_services_series { /* Colours */ /* Mixins */ /* REM font size with pixel fallback Usage: @include font-size(14px) */ /* Cross browser opacity Usage: @include opacity(0.8); */ /* Breakpoints - Meqia Queries */ /*Family Mixins*/ } #financial_services_series body, #financial_services_series html { overflow-x: hidden; margin-top: 0 !important; } #financial_services_series .hide { display: none; } #financial_services_series .text-center { text-align: center; } #financial_services_series style { display: none !important; } #financial_services_series .et_pb_section { clear: both; } #financial_services_series .single .post { padding: 0; margin: 0; } #financial_services_series .img-bullet-point { position: absolute; top: 0; left: -40px; } #financial_services_series #left-area { padding-bottom: 0 !important; } #financial_services_series *::selection { background-color: #5D6877; } #financial_services_series #et_search_icon:hover, #financial_services_series .mobile_menu_bar:before, #financial_services_series .mobile_menu_bar:after, #financial_services_series .et-social-icon a:hover, #financial_services_series .comment-reply-link, #financial_services_series .form-submit .et_pb_button, #financial_services_series .entry-summary p.price ins, #financial_services_series .woocommerce div.product span.price, #financial_services_series .woocommerce-page div.product span.price, #financial_services_series .woocommerce #content div.product span.price, #financial_services_series .woocommerce-page #content div.product span.price, #financial_services_series .woocommerce div.product p.price, #financial_services_series .woocommerce-page div.product p.price, #financial_services_series .woocommerce #content div.product p.price, #financial_services_series .woocommerce-page #content div.product p.price, #financial_services_series .woocommerce .star-rating span:before, #financial_services_series .woocommerce-page .star-rating span:before, #financial_services_series .woocommerce a.button.alt, #financial_services_series .woocommerce-page a.button.alt, #financial_services_series .woocommerce button.button.alt, #financial_services_series .woocommerce-page button.button.alt, #financial_services_series .woocommerce input.button.alt, #financial_services_series .woocommerce-page input.button.alt, #financial_services_series .woocommerce #respond input#submit.alt, #financial_services_series .woocommerce-page #respond input#submit.alt, #financial_services_series .woocommerce #content input.button.alt, #financial_services_series .woocommerce-page #content input.button.alt, #financial_services_series .woocommerce a.button, #financial_services_series .woocommerce-page a.button, #financial_services_series .woocommerce button.button, #financial_services_series .woocommerce-page button.button, #financial_services_series .woocommerce input.button, #financial_services_series .woocommerce-page input.button, #financial_services_series .woocommerce #respond input#submit, #financial_services_series .woocommerce-page #respond input#submit, #financial_services_series .woocommerce #content input.button, #financial_services_series .woocommerce-page #content input.button, #financial_services_series .woocommerce a.button.alt:hover, #financial_services_series .woocommerce-page a.button.alt:hover, #financial_services_series .woocommerce button.button.alt:hover, #financial_services_series .woocommerce-page button.button.alt:hover, #financial_services_series .woocommerce input.button.alt:hover, #financial_services_series .woocommerce-page input.button.alt:hover, #financial_services_series .woocommerce #respond input#submit.alt:hover, #financial_services_series .woocommerce-page #respond input#submit.alt:hover, #financial_services_series .woocommerce #content input.button.alt:hover, #financial_services_series .woocommerce-page #content input.button.alt:hover, #financial_services_series .woocommerce a.button:hover, #financial_services_series .woocommerce-page a.button:hover, #financial_services_series .woocommerce button.button, #financial_services_series .woocommerce-page button.button:hover, #financial_services_series .woocommerce input.button:hover, #financial_services_series .woocommerce-page input.button:hover, #financial_services_series .woocommerce #respond input#submit:hover, #financial_services_series .woocommerce-page #respond input#submit:hover, #financial_services_series .woocommerce #content input.button:hover, #financial_services_series .wp-pagenavi span.current, #financial_services_series .wp-pagenavi a:hover, #financial_services_series .et_password_protected_form .et_submit_button, #financial_services_series .nav-single a, #financial_services_series .posted_in a, #financial_services_series #top-menu li.current-menu-ancestor > a, #financial_services_series #top-menu li.current-menu-item > a, #financial_services_series .bottom-nav li.current-menu-item > a, #financial_services_series .footer-widget h4 { color: #5D6877; } #financial_services_series .title-with-bottom-line, #financial_services_series .title-with-bottom-line-grey { position: relative; text-align: left; font-size: 0; } #financial_services_series .title-with-bottom-line h3, #financial_services_series .title-with-bottom-line > :last-child, #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { background: #fff; padding: 0 20px 10px 0; font-size: 34px; color: #000000; font-weight: 400; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 1199px) { #financial_services_series .title-with-bottom-line h3, #financial_services_series .title-with-bottom-line > :last-child, #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { font-size: 30px; } } @media (max-width: 991px) { #financial_services_series .title-with-bottom-line h3, #financial_services_series .title-with-bottom-line > :last-child, #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { font-size: 26px; } } @media (max-width: 767px) { #financial_services_series .title-with-bottom-line h3, #financial_services_series .title-with-bottom-line > :last-child, #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { font-size: 24px; } } @media (max-width: 400px) { #financial_services_series .title-with-bottom-line h3, #financial_services_series .title-with-bottom-line > :last-child, #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { font-size: 22px; padding: 0; } } #financial_services_series .title-with-bottom-line:after, #financial_services_series .title-with-bottom-line-grey:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 4px; background: #5D6877; } @media (max-width: 400px) { #financial_services_series .title-with-bottom-line:after, #financial_services_series .title-with-bottom-line-grey:after { bottom: -5px; } } #financial_services_series .title-with-bottom-line-grey h3, #financial_services_series .title-with-bottom-line-grey > :last-child { background: #f5f5f5 !important; } #financial_services_series .secondary-title-with-bottom-line { position: relative; text-align: left; font-size: 0; margin: 50px 0 30px 0; } @media (max-width: 991px) { #financial_services_series .secondary-title-with-bottom-line { margin-top: 0; } } #financial_services_series .secondary-title-with-bottom-line h3 { background: #fff; padding: 0 10px 10px 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 100%; display: inline-block; position: relative; z-index: 2; margin: 0; } @media (max-width: 400px) { #financial_services_series .secondary-title-with-bottom-line h3 { font-size: 18px; padding-left: 0; } } #financial_services_series .secondary-title-with-bottom-line:after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; z-index: 1; height: 1px; background: #ddd; } @media (max-width: 400px) { #financial_services_series .secondary-title-with-bottom-line:after { bottom: -5px; } } #financial_services_series .et-search-form, #financial_services_series .et_mobile_menu, #financial_services_series .footer-widget li:before, #financial_services_series .nav li ul, #financial_services_series blockquote { border-color: #5D6877; } @media print { #financial_services_series .single-product.print-view { visibility: hidden; } #financial_services_series .single-product.print-view #agenda { visibility: visible; } @page { #financial_services_series .single-product.print-view { margin: 20px 0; } } #financial_services_series .single-product.print-view a[href]:after { content: " (" attr(href) ")"; } #financial_services_series .single-product.print-view #top-header, #financial_services_series .single-product.print-view #main-header, #financial_services_series .single-product.print-view #main-footer, #financial_services_series .single-product.print-view .et_pb_section_1, #financial_services_series .single-product.print-view .et_pb_module:not(.mod-schedule), #financial_services_series .single-product.print-view .schedule-controls, #financial_services_series .single-product.print-view .footer-form, #financial_services_series .single-product.print-view .day-tab, #financial_services_series .single-product.print-view .stream-tabs, #financial_services_series .single-product.print-view .explore-next-btn, #financial_services_series .single-product.print-view .et_pb_scroll_top { display: none !important; } #financial_services_series .single-product.print-view .et_pb_section, #financial_services_series .single-product.print-view .et_pb_row { padding: 0; margin: 0; width: 100% !important; max-width: none !important; } #financial_services_series .single-product.print-view .mod-schedule { margin: 0; padding: 0; } #financial_services_series .single-product.print-view .mod-schedule .day-main { margin: 0 0 50px; display: block; width: 100%; page-break-after: always; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title { background-color: #fff !important; padding: 20px 20px 25px !important; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title .time { float: none; break-after: avoid-page; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title h4.title { color: #000000 !important; break-after: avoid-page; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .day-entry-title i { display: none; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; break-after: avoid-page; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .time { float: none; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); clear: none !important; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry-sessions, #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry-streams { max-height: none !important; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains { width: 100% !important; } #financial_services_series .single-product.print-view .mod-schedule .day-main .day-entry-streams .stream-mains .stream { display: block !important; } } #financial_services_series .col-6 { width: 49%; } #financial_services_series .pull-left { float: left; } #financial_services_series .pull-right { float: right; } #financial_services_series .clear { clear: both; } #financial_services_series .container { width: 100%; } #financial_services_series .et-cart-info { display: none; } #financial_services_series #top-header { background-color: #000000; } #financial_services_series #main-header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #financial_services_series #main-header .container { padding-left: 20px; padding-right: 20px; } #financial_services_series #logo { max-height: 64px; } @media (max-width: 1079px) { #financial_services_series #logo { max-height: 40px; } } #financial_services_series .et_pb_svg_logo #logo { height: 74px; max-height: 74px; } @media (max-width: 1079px) { #financial_services_series .et_pb_svg_logo #logo { height: 50px; max-height: 50px; } } @media (max-width: 980px) { #financial_services_series .et_header_style_left .logo_container { position: absolute; width: auto; height: 100%; } #financial_services_series .et_header_style_left #logo, #financial_services_series .et_header_style_split #logo { max-width: none; width: auto; max-height: 40px; } } @media (min-width: 981px) { #financial_services_series .et_header_style_left #et-top-navigation, #financial_services_series .et_header_style_split #et-top-navigation, #financial_services_series .et_header_style_left .et-fixed-header #et-top-navigation, #financial_services_series .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 35px; } #financial_services_series .et_header_style_left #et-top-navigation nav > ul > li > a, #financial_services_series .et_header_style_split #et-top-navigation nav > ul > li > a, #financial_services_series .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, #financial_services_series .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 35px; } } @media (max-width: 980px) { #financial_services_series .et_header_style_left #et-top-navigation, #financial_services_series .et_header_style_split #et-top-navigation, #financial_services_series .et_header_style_left .et-fixed-header #et-top-navigation, #financial_services_series .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 10px; } } #financial_services_series .et_header_style_left .mobile_menu_bar { padding-bottom: 10px; } #financial_services_series #top-menu li { cursor: pointer; padding-right: 50px; font-size: 15px; } #financial_services_series #top-menu li a { color: #000000; font-weight: 400; } #financial_services_series #top-menu li li { padding: 0; } #financial_services_series #top-menu li li a:hover { background: none; color: #5D6877; opacity: 1; } #financial_services_series #top-menu li li:hover a { color: #5D6877; opacity: 1; } @media (max-width: 1199px) { #financial_services_series #top-menu li { padding-right: 35px; } } #financial_services_series #top-menu-nav > ul > li > a:hover, #financial_services_series #et-secondary-menu > ul > li > a:hover, #financial_services_series #et-info-email:hover, #financial_services_series .et-social-icons a:hover { color: #5D6877; opacity: 1; } #financial_services_series #top-menu .menu-item-has-children > a:first-child:after, #financial_services_series #et-secondary-nav .menu-item-has-children > a:first-child:after { top: 2px; right: -2px; font-size: 20px; } #financial_services_series #et_top_search { position: absolute; right: 0; top: 33px; color: #000000; } @media (max-width: 980px) { #financial_services_series #et_top_search { right: 40px; top: 7px; } } #financial_services_series #et_top_search #et_search_icon:before { font-size: 22px; top: -5px; } @media (max-width: 1199px) { #financial_services_series #et_top_search { margin-left: 35px; } #financial_services_series #et_top_search #et_search_icon:before { font-size: 20px; top: -3px; } } @media (max-width: 980px) { #financial_services_series #et_top_search #et_search_icon:before { top: 7px; } } #financial_services_series .nav li ul, #financial_services_series .et_mobile_menu { border-top-color: #5D6877; } #financial_services_series .et_mobile_menu { padding: 15px 0; } #financial_services_series .et_mobile_menu li a { padding: 10px 15px; color: #000000; font-weight: 300; } #financial_services_series .et_mobile_menu li a:hover { background: none; color: #5D6877; } #financial_services_series .et_mobile_menu li.current-menu-item a { color: #5D6877; } #financial_services_series .et_mobile_menu li.menu-item-has-children > a { background: none; font-weight: 400; } #financial_services_series .et_mobile_menu li ul li { padding: 0; } #financial_services_series .et_mobile_menu li ul li a { padding: 10px 20px; } #financial_services_series .footer-form { padding: 0; background-color: #5D6877 !important; } #financial_services_series .footer-form a { color: #fff; text-decoration: underline; } #financial_services_series .footer-form .et_pb_text { margin-bottom: 0; } #financial_services_series .footer-form .mod-sign-up p span { font-size: 10px; } #financial_services_series #main-footer { background: #000000; clear: both; } #financial_services_series #main-footer .container { padding: 0 20px; max-width: 1200px; margin: 0 auto; } #financial_services_series #footer-widgets .footer-widget h4 { font-weight: 800; color: #fff; font-size: 22px; line-height: 100%; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } #financial_services_series #footer-widgets .footer-widget p { color: #fff; } #financial_services_series #footer-widgets .footer-widget .contact-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #5D6877; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } #financial_services_series #footer-widgets .footer-widget li { margin: 0; padding: 0; } #financial_services_series #footer-widgets .footer-widget li:before { display: none; } #financial_services_series #footer-widgets .footer-widget li a { display: block; padding: 5px 0; cursor: pointer; font-weight: 700; font-size: 13px; color: #fff; transition: color 0.3s linear; } #financial_services_series #footer-widgets .footer-widget li a:hover { color: #5D6877; } @media (max-width: 767px) { #financial_services_series #footer-widgets { padding: 30px 0 0 0; } #financial_services_series #footer-widgets .footer-widget h4 { font-size: 18px; margin: 0 0 10px 0; } #financial_services_series #footer-widgets .footer-widget li a { padding: 3px 0; } #financial_services_series #footer-widgets .footer-widget:nth-child(n) { width: 50% !important; margin: 0 0 30px 0 !important; margin-bottom: 30px !important; } #financial_services_series #footer-widgets .footer-widget:nth-child(3) { clear: both; } } @media (max-width: 767px) { #financial_services_series #footer-widgets .footer-widget.last { width: 100% !important; } } @media only screen and (max-width: 600px) { #financial_services_series #footer-widgets { padding-bottom: 60px; } } #financial_services_series #footer-info { float: none; color: #fff; font-size: 12px; } #financial_services_series .et-social-icons { display: none; } #financial_services_series #mf-logo { position: absolute; bottom: 10px; left: 20px; max-width: 200px; width: 100%; } #financial_services_series .acf-flexible-content .layout[data-layout="entry"] { background: rgba(198, 236, 199, 0.39); } #financial_services_series .acf-flexible-content .layout[data-layout="session-normal"] { background: rgba(209, 131, 214, 0.16); } #financial_services_series .acf-flexible-content .layout[data-layout="session-streams"] { background: rgba(255, 224, 0, 0.3); } #financial_services_series body.single-product.woocommerce #content-area div.product div.summary { float: none; width: 100%; } #financial_services_series body.single-product.woocommerce #content-area div.product .woocommerce-tabs { margin: 0; border: 0; } #financial_services_series body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel { padding: 0; } #financial_services_series body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } #financial_services_series body.single-product.woocommerce #content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > p { display: none; } #financial_services_series .desktop-my-account { display: inline-block; } @media (max-width: 980px) { #financial_services_series .desktop-my-account { display: none; } } #financial_services_series .mobile-my-account { display: none; } @media (max-width: 980px) { #financial_services_series .mobile-my-account { display: block; } } @media only screen and (max-width: 900px) { #financial_services_series .account-page { padding: 0 20px; } } #financial_services_series .account-page .container { max-width: 1000px; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .container { padding-top: 30px; } } #financial_services_series .account-page h1.main_title { margin: 27px 0 40px; font-size: 49px; font-weight: 200; } #financial_services_series .account-page h1.main_title span { color: #5D6877; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-left: 12px; } @media only screen and (max-width: 900px) { #financial_services_series .account-page h1.main_title { margin: 0 0 10px; font-size: 30px; } #financial_services_series .account-page h1.main_title span { display: none; } } @media only screen and (max-width: 600px) { #financial_services_series .account-page h1.main_title { margin: 0 0 20px; font-size: 30px; } #financial_services_series .account-page h1.main_title span { font-size: 15px; margin-left: 7px; } } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation { width: 20%; } @media only screen and (max-width: 900px) { #financial_services_series .account-page nav.woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; float: none; position: relative; height: auto; max-height: 47px; overflow: hidden; border: 1px solid #F6F6F6; border-radius: 2px; transition: all ease-in-out .3s; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation.active { max-height: 400px; transition: all ease-in-out .3s; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation.active #account-nav-controls:before { transform: translateX(-50%) translateY(-50%) rotate(0deg); } } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul { padding: 0 !important; list-style-type: none !important; display: flex; flex-direction: column; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li { padding: 10px 21px 9px; margin-bottom: 10px; background: #fff; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods { display: none; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--events { order: 0; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li a { font-size: 16px; font-weight: 600; color: #000000; } @media only screen and (max-width: 900px) { #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li { order: 1 !important; margin-bottom: 0; border-bottom: 1px solid #F6F6F6; padding: 0; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li:last-of-type { border-bottom: 0; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li a { font-weight: 300; padding: 10px 15px 9px; display: block; } } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #5D6877; } @media only screen and (max-width: 900px) { #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li.is-active { background: #fff; order: 0 !important; border-bottom: 1px solid #F6F6F6; pointer-events: none; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #5D6877; font-weight: 600; } } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: none; } #financial_services_series .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls:before { content: '2'; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%) rotate(180deg); transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #financial_services_series .account-page nav.woocommerce-MyAccount-navigation #account-nav-controls { display: block; position: absolute; top: 0; right: -10px; font-size: 35px; width: 100%; height: 47px; color: #5D6877; cursor: pointer; } } #financial_services_series .account-page .woocommerce-MyAccount-content { float: right; width: calc(80% - 30px); margin-bottom: 80px; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content { float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #financial_services_series .account-page .woocommerce-MyAccount-content p { font-size: 18px; margin-bottom: 20px; } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content p { font-size: 16px; } } #financial_services_series .account-page .woocommerce-MyAccount-content p:not(.form-row) { clear: both; } #financial_services_series .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"] { float: left; padding: 7px 30px 5px !important; background: #5D6877; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #financial_services_series .account-page .woocommerce-MyAccount-content p:not(.form-row) input[type="submit"]:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row { float: left; width: calc(34% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content .form-row { width: 100%; margin: 0 0 20px; } } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content .form-row label { position: relative; } } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]) { margin-top: 5px; } } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row input:not([type=submit]):focus { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content .form-row .select2-container { margin-top: 5px; } } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #financial_services_series .account-page .woocommerce-MyAccount-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #financial_services_series .account-page .woocommerce-MyAccount-content .woocommerce-Address h3 { font-weight: 600; float: left; } #financial_services_series .account-page .woocommerce-MyAccount-content .woocommerce-Address a { color: #5D6877; margin-bottom: 20px; display: block; margin: 3px 30px; float: left; clear: right; } #financial_services_series .account-page .woocommerce-MyAccount-content .woocommerce-Address address { clear: both; padding-top: 10px; font-size: 18px; line-height: 26px; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table { border-radius: 0; border-top: 1px solid #F6F6F6; border-left: 1px solid #F6F6F6; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table { border: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead { display: none !important; } } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th { background-color: #F6F6F6 !important; color: #8A9299; text-transform: uppercase; position: relative; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th[role="columnheader"] { cursor: pointer; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #5D6877; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="descending"]:after { content: "▼"; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th[aria-sort="ascending"]:after { content: "▲"; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead { padding: 0; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody tr, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead tr { padding: 0; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody tr:nth-of-type(even) td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead tr:nth-of-type(even) td { background-color: #F6F6F6 !important; } } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td { background-color: #fff !important; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td:first-of-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td:first-of-type { padding-top: 10px !important; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { padding-bottom: 20px !important; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td:last-of-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td:last-of-type { border-bottom: 1px solid #8A9299; } } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td:before { display: none; } } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th { padding: 10px 15px !important; border-right: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; font-size: 12px; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-number, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-number, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-number, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-number { width: 8%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-date { width: 15%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-type, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-type { width: 11%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-title, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-title, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-title, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-title { width: 28%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-event-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-event-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-event-date, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-event-date { width: 15%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total { width: 23%; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td.order-total .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th.order-total .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td.order-total .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th.order-total .btn { margin-top: 10px; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th { display: block; text-align: left !important; width: 100% !important; border: 0; padding: 3px 15px !important; } } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td a, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th a, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td a, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th a { color: #5D6877; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span { text-transform: uppercase; font-weight: 600; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event { color: #5D6877; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-event:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-event:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-event:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-event:before { content: "\e108"; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar { color: #5D6877; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-webinar:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-webinar:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-webinar:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-webinar:before { content: "\e00e"; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course { color: #8A9299; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td span.type-course:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th span.type-course:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td span.type-course:before, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th span.type-course:before { content: "\e012"; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: none; } @media only screen and (max-width: 900px) { #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td .mobile-header, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th .mobile-header { display: inline-block; margin-right: 5px; color: #000000; } } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td .btn, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th .btn { color: #fff; background: #5D6877; display: block; text-align: center; padding: 7px 15px; font-size: 14px; text-transform: uppercase; transition: all ease-in-out .3s; } #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody td .btn:hover, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table tbody th .btn:hover, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead td .btn:hover, #financial_services_series .account-page .woocommerce-MyAccount-content .shop_table thead th .btn:hover { background: #5D6877; transition: all ease-in-out .3s; } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table img { background: #000000; width: 100%; max-width: 200px; } @media only screen and (max-width: 600px) { #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table img { max-width: 400px; } } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table a:not(.btn) { font-size: 14px; } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table .divider { padding: 0 10px; } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table .btn { margin-top: 10px; } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong { font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; } #financial_services_series .account-page .woocommerce-MyAccount-content #events-table.shop_table tr td:first-of-type strong a { color: #000000; } #financial_services_series .account-page .woocommerce-MyAccount-content .edit-account fieldset { float: left; } #financial_services_series .account-page .woocommerce-MyAccount-content .edit-account fieldset legend { font-size: 18px; margin: 0 0 20px; padding-top: 40px; } #financial_services_series .account-page .woocommerce-MyAccount-content .edit-account fieldset .form-row { width: 100%; } #financial_services_series .woocommerce-checkout #main-content .container { max-width: 1000px; padding: 50px 20px; } #financial_services_series .woocommerce-checkout #main-content .col-1, #financial_services_series .woocommerce-checkout #main-content .col-2 { float: none; width: 100%; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-info { float: left; margin-right: 20px; font-size: 16px !important; padding: 10px 30px !important; background: #5D6877; transition: all ease-in .2s; position: relative; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-info { width: 100%; float: none; margin-bottom: 10px; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-info span { font-size: 14px; margin-left: 8px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-info .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-info:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields { float: left; padding: 0 30px 20px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields h2 { width: calc(100% + 60px); background-color: #000000; clear: both; padding: 40px 30px; color: #fff; text-transform: capitalize; font-size: 16px; margin: 20px 0 20px -30px; font-weight: 700; } #financial_services_series .woocommerce-checkout #main-content .groupRows { margin-top: 20px; margin-left: -30px; padding: 10px 15px 0; width: calc(100% + 60px); } #financial_services_series .woocommerce-checkout #main-content .groupRows:after { content: ""; display: table; clear: both; } #financial_services_series .woocommerce-checkout #main-content .groupRows:first-child { margin-top: 0; } #financial_services_series .woocommerce-checkout #main-content .groupRows:nth-child(odd) { background: #F6F6F6; } #financial_services_series .woocommerce-checkout #main-content .form-row { float: left; width: calc(40% - 20px); padding: 0; margin: 0 20px 20px 0; clear: none; position: relative; } @media only screen and (max-width: 900px) { #financial_services_series .woocommerce-checkout #main-content .form-row { width: calc(50% - 20px); } } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .form-row { width: 100%; margin: 0 0 20px; } } #financial_services_series .woocommerce-checkout #main-content .form-row label { position: absolute; top: 0; font-size: 14px; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .form-row label { position: relative; } } #financial_services_series .woocommerce-checkout #main-content .form-row label .required { text-decoration: none; } #financial_services_series .woocommerce-checkout #main-content .form-row select { height: 52px; } #financial_services_series .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]) { appearance: none; } #financial_services_series .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #financial_services_series .woocommerce-checkout #main-content .form-row select { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; font-size: 14px; padding: 15px; margin-top: 35px; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]), #financial_services_series .woocommerce-checkout #main-content .form-row select { margin-top: 5px; } } #financial_services_series .woocommerce-checkout #main-content .form-row input:not([type=submit]):not([type=checkbox]):focus, #financial_services_series .woocommerce-checkout #main-content .form-row select:focus { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series .woocommerce-checkout #main-content .form-row .select2-container { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; margin-top: 36px; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .form-row .select2-container { margin-top: 5px; } } #financial_services_series .woocommerce-checkout #main-content .form-row .select2-container .select2-selection { border: 0; font-size: 14px; height: inherit; } #financial_services_series .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__rendered { padding: 15px; line-height: 17px; } #financial_services_series .woocommerce-checkout #main-content .form-row .select2-container .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 15px; } #financial_services_series .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field input:not([type=submit]), #financial_services_series .woocommerce-checkout #main-content .form-row.woocommerce-invalid-required-field .select2-container { border: 2px solid red !important; } #financial_services_series .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form { float: left; width: 100%; margin: 0 0 40px; border: 0; border-radius: 0; background-color: #F6F6F6; padding: 20px 20px 40px; } #financial_services_series .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form p:not(.form-row), #financial_services_series .woocommerce-checkout #main-content .container .page .woocommerce .woocomerce-form a { clear: both; color: #5D6877; } #financial_services_series .woocommerce-checkout #main-content .checkout-title { width: 100%; background-color: #000000; clear: both; padding: 40px 30px; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .checkout-title { padding: 25px 20px; } } #financial_services_series .woocommerce-checkout #main-content .checkout-title h3 { color: #fff; text-transform: capitalize; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 30px 25px; background-color: #fff; width: 100%; float: left; clear: both; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee { padding: 20px 10px 25px; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white:nth-child(even), #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey:nth-child(even), #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee:nth-child(even), #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white:nth-child(even), #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey:nth-child(even), #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee:nth-child(even) { background-color: #F6F6F6; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-white h3, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey h3, #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-single-attendee h3, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-white h3, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey h3, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-single-attendee h3 { color: #000000; font-size: 19px; font-weight: 600; margin: 10px 0; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-section-grey, #financial_services_series .woocommerce-checkout #main-content .woocommerce-additional-fields .form-section-grey { background-color: #F6F6F6; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-overflow { width: 100%; overflow-x: scroll; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details { margin: 20px 30px; width: calc(100% - 60px); border: 0; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details { width: 100%; margin: 20px 10px; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details thead, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot { background-color: #e9e9e9; border: 0; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-qty, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-qty, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-qty, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-qty { padding-left: 25px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody .product-total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table thead .product-total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody .product-total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details thead .product-total { padding-right: 25px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tbody, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody { background-color: #F6F6F6; border: 0; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot td { padding: 5px 15px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot th { padding-left: 25px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tfoot .product-total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tfoot .product-total { padding-right: 25px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details th { border: 0; color: #000000; font-weight: 600; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table tr, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tr, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details th { min-width: 150px; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table th, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details th { padding: 15px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type { width: 10%; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span { text-transform: uppercase; font-weight: 600; font-size: 12px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span:before, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span:before { font-family: 'ETmodules'; margin-right: 10px; font-size: 18px; vertical-align: bottom; font-weight: 100; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event { color: #5D6877; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-event:before, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-event:before { content: "\e108"; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar { color: #5D6877; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-webinar:before, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-webinar:before { content: "\e00e"; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course { color: #8A9299; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-type span.type-course:before, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-type span.type-course:before { content: "\e012"; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-name, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-name { width: 50%; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total { text-align: right; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .product-total a, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .product-total a { color: #E25E5E; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper { background: #fff; display: block; padding: 8px 0; padding: 8px 10px; font-size: 20px; margin-bottom: 10px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-review-order-table .total-wrapper .total, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details .total-wrapper .total { text-align: right; float: right; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr { background-color: #F6F6F6 !important; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) { background-color: #e9e9e9 !important; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr:nth-child(odd) th { background-color: transparent !important; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr td, #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { background-color: transparent !important; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-table--customer-details tbody tr th { width: 150px; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-checkout-payment { background-color: transparent; } #financial_services_series .woocommerce-checkout #main-content .payment_methods { padding: 20px 0 !important; border-bottom: 0 !important; border-radius: 0; background: white; } #financial_services_series .woocommerce-checkout #main-content .payment_methods .wc_payment_method { padding: 0 30px; margin-bottom: 10px; } #financial_services_series .woocommerce-checkout #main-content .payment_methods .wc_payment_method.payment_method_cheque { font-size: 13px; } #financial_services_series .woocommerce-checkout #main-content .payment_methods .payment_box { padding: 20px 30px; border: 0; border-radius: 0; background-color: #F6F6F6; width: calc(100% + 60px); margin-left: -30px; } #financial_services_series .woocommerce-checkout #main-content .payment_methods .payment_box:before { display: none; } #financial_services_series .woocommerce-checkout #main-content .payment_methods .payment_box .form-row { width: calc(33.33% - 20px); margin: 0 20px 20px 0 !important; } #financial_services_series .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form { margin-top: 40px; } #financial_services_series .woocommerce-checkout #main-content #wc-stripe-cc-form.wc-payment-form .form-row label { top: -25px; } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row { width: 100%; margin: 0; background-color: #5D6877; padding: 25px 20px; } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions { padding: 0 10px; float: left; white-space: nowrap; } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions label { color: #fff; } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row .wc-terms-and-conditions a { color: #fff; text-decoration: underline; } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { padding: 7px 30px 5px !important; background: #5D6877; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0 !important; float: right !important; width: initial !important; } @media only screen and (max-width: 900px) { #financial_services_series .woocommerce-checkout #main-content .place-order.form-row input[type=submit] { margin-top: 30px; } } #financial_services_series .woocommerce-checkout #main-content .place-order.form-row input[type=submit]:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0 30px; font-size: 20px; margin-bottom: 40px; color: #707980; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-received { padding: 0; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0 30px; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-details { padding: 0; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 13px; margin-right: 20px; width: calc(25% - 20px); } @media only screen and (max-width: 900px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { font-size: 11px; } } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce-checkout #main-content .woocommerce-thankyou-order-details li { width: 100%; margin-right: 0; margin-bottom: 15px; border: 0; } } #financial_services_series .woocommerce-checkout #main-content .woocommerce-order-details h2 { font-size: 20px; } #financial_services_series .woocommerce-checkout #billing_country_field .select2-container { margin-bottom: 4px; } #financial_services_series .webinar-thank-you .btn { color: #fff; background: #5D6877; margin: 60px 0; display: inline-block; padding: 10px 30px; font-size: 16px; text-transform: uppercase; font-weight: 500; transition: all ease-in-out .3s; } #financial_services_series .webinar-thank-you .btn:hover { background: #5D6877; transition: all ease-in-out .3s; } #financial_services_series .woocommerce form.login { margin: 0 0 30px; border: 0; padding: 0; width: 100%; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce form.login { max-width: none; } } #financial_services_series .woocommerce form.login .form-row { float: left; width: 100%; padding: 0; margin: 0 20px 20px 0; clear: none; } @media only screen and (max-width: 600px) { #financial_services_series .woocommerce form.login .form-row { margin: 0 0 20px; } } #financial_services_series .woocommerce form.login .form-row input:not([type=submit]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; } #financial_services_series .woocommerce form.login .form-row input:not([type=submit]):focus { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series .woocommerce form.login .form-row input[type="submit"] { float: right; padding: 7px 30px 5px !important; background: #5D6877; border-radius: 1px; color: #fff; border: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; } #financial_services_series .woocommerce form.login .form-row input[type="submit"]:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series .woocommerce form.login .lost_password a { color: #5D6877; } #financial_services_series .woocommerce-account .woocommerce form.login { max-width: 400px; } #financial_services_series .search-bar { position: relative; margin: 30px 20px 0; } #financial_services_series .search-bar input { width: 100%; font-size: 20px; padding: 20px 160px 20px 20px; display: block; } #financial_services_series .search-bar .btn-search { position: absolute; top: 0; right: 0; background-color: #5D6877; color: #fff; width: 140px; padding: 22px 0; font-size: 20px; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; } #financial_services_series .search-bar .btn-search:hover { background-color: #000000; } #financial_services_series .btn-search-more { background-color: #5D6877; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 12px 50px; cursor: pointer; display: inline-block; } #financial_services_series .entry-container { padding: 0 0 80px; } #financial_services_series .entry-grid { clear: both; opacity: 1; transition: all ease-in-out .3s; } #financial_services_series .entry-grid.morphing { opacity: 0; transition: all ease-in-out .3s; } #financial_services_series .entry-grid.view-grid .single-entry { position: relative; width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; background-color: #fff; border: 0; border-radius: 0; box-shadow: 1px 1px 6px 1px #b6b6b6; transition: all linear .3s; text-align: left; } @media only screen and (max-width: 1200px) { #financial_services_series .entry-grid.view-grid .single-entry { width: calc(50% - 30px); } } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-grid .single-entry { width: calc(100% - 30px); } } #financial_services_series .entry-grid.view-grid .single-entry:hover { transition: all linear .3s; transform: scale(1.05); box-shadow: 1px 1px 16px 3px #dddddd; } #financial_services_series .entry-grid.view-grid .single-entry .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } #financial_services_series .entry-grid.view-grid .single-entry .feat-image { height: 200px; background-color: #000000; background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; overflow: hidden; } #financial_services_series .entry-grid.view-grid .single-entry .feat-image .featured-banner { color: #fff; background-color: #5D6877; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 41px; text-align: center; position: absolute; right: -33px; bottom: 33px; transform: rotate(-45deg); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3); } #financial_services_series .entry-grid.view-grid .single-entry .feat-image .featured-banner span { font-family: 'ETmodules'; margin-right: 5px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type { padding: 15px 20px 10px; position: relative; z-index: 1; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; content: "\e108"; color: #5D6877; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; color: #5D6877; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .entry-post-date { position: absolute; background: #000000; background-color: #5D6877; color: #fff; top: 0; right: 12px; padding: 10px 20px 3px; text-align: center; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-videos .type-icon:after, #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #financial_services_series .entry-grid.view-grid .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; } #financial_services_series .entry-grid.view-grid .single-entry .entry-text { padding: 20px 20px 30px; } #financial_services_series .entry-grid.view-grid .single-entry .entry-text h3 { color: #000000; font-size: 22px; line-height: 130%; } #financial_services_series .entry-grid.view-grid .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 140%; } #financial_services_series .entry-grid.view-grid .single-entry .entry-button { display: none; } #financial_services_series .entry-grid.view-grid .single-entry.product .entry-excerpt { display: none; } #financial_services_series .entry-grid.view-list .single-entry { width: calc(100% - 30px); margin: 0 15px 50px; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-list .single-entry { border-top: 1px solid #F6F6F6; width: 100%; margin: 0; padding: 20px 15px 30px; } } #financial_services_series .entry-grid.view-list .single-entry .entry-type { float: left; width: 120px; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-list .single-entry .entry-type { width: 100%; } } #financial_services_series .entry-grid.view-list .single-entry .entry-type .type-icon { font-size: 18px; vertical-align: -2px; margin-right: 10px; display: none; } #financial_services_series .entry-grid.view-list .single-entry .entry-type .type-icon:after { font-family: 'ETmodules'; color: #000000; } #financial_services_series .entry-grid.view-list .single-entry .entry-type .type-text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; display: none; } #financial_services_series .entry-grid.view-list .single-entry .entry-type .entry-post-date { background: #000000; color: #fff; padding: 10px 20px 3px; text-align: center; margin-bottom: 10px; width: 90px; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-list .single-entry .entry-type .entry-post-date { display: none; } } #financial_services_series .entry-grid.view-list .single-entry .entry-type .entry-post-date .day { display: block; font-weight: 800; font-size: 18px; } #financial_services_series .entry-grid.view-list .single-entry .entry-type .entry-post-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #financial_services_series .entry-grid.view-list .single-entry .entry-type .entry-post-date .year { display: block; font-weight: 100; font-size: 12px; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-articles .type-icon:after { content: "\69"; color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-articles .type-text { color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-articles .entry-post-date { background-color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-videos .type-icon:after, #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-on-demand-webinars .type-icon:after { content: '\49'; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-podcast .type-icon:after { font-family: 'icomoon'; content: '\e900'; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-webinar-round-ups .type-icon:after { font-family: 'icomoon'; content: '\e902'; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-webinars .type-icon:after { content: '\e00e'; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-white-papers .type-icon:after { content: "\e058"; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-courses .type-icon:after { content: "\e012"; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-conferences .type-icon:after { content: "\e108"; color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-conferences .type-text { color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .entry-type.type-conferences .entry-post-date { background-color: #5D6877; } #financial_services_series .entry-grid.view-list .single-entry .feat-image { display: none; } #financial_services_series .entry-grid.view-list .single-entry .entry-text { float: left; width: calc(80% - 300px); padding: 0 20px; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-list .single-entry .entry-text { width: 100%; padding: 20px 0; } } #financial_services_series .entry-grid.view-list .single-entry .entry-text h3 { color: #000000; font-size: 22px; } #financial_services_series .entry-grid.view-list .single-entry .entry-text h4 { color: #8A9299; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px; line-height: 140%; } #financial_services_series .entry-grid.view-list .single-entry .entry-text .entry-excerpt { color: #000000; font-size: 14px; } #financial_services_series .entry-grid.view-list .single-entry .entry-button { float: right; width: 160px; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid.view-list .single-entry .entry-button { float: left; } } #financial_services_series .entry-grid.view-list .single-entry .entry-button .btn { width: 100%; display: block; text-align: center; background-color: #5D6877; color: #fff; text-transform: uppercase; padding: 8px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; } #financial_services_series .entry-grid-controls { padding: 40px 15px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid-controls { padding: 0 15px 20px; } } #financial_services_series .entry-grid-controls .filters { padding: 0; margin: 0; list-style: none; float: left; max-width: calc(100% - 110px); } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid-controls .filters { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding: 20px 0; max-width: none; } } #financial_services_series .entry-grid-controls .filters .filter-btn { display: inline-block; border: 2px solid #fff; padding: 5px 20px; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease-in-out .3s; cursor: pointer; } #financial_services_series .entry-grid-controls .filters .filter-btn.grey-bg { border: 2px solid #F6F6F6; } #financial_services_series .entry-grid-controls .filters .filter-btn.active { border: 2px solid #000000; transition: all ease-in-out .3s; } #financial_services_series .entry-grid-controls .view { float: right; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid-controls .view { float: none; width: 100%; clear: both; } } #financial_services_series .entry-grid-controls .view .view-btn { font-family: 'ETmodules'; color: #000000; cursor: pointer; font-size: 30px; margin-left: 15px; opacity: 0.5; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #financial_services_series .entry-grid-controls .view .view-btn { width: 50%; display: block; float: left; margin: 0; padding: 10px; text-align: center; } } #financial_services_series .entry-grid-controls .view .view-btn:hover { opacity: 0.7; transition: all ease-in-out .3s; } #financial_services_series .entry-grid-controls .view .view-btn.active { opacity: 1; transition: all ease-in-out .3s; } #financial_services_series .entry-grid-controls .view .view-btn.view-grid:after { content: '\e08c'; } #financial_services_series .entry-grid-controls .view .view-btn.view-list:after { content: '\61'; font-size: 40px; vertical-align: -5px; } #financial_services_series .entry-load-more { text-align: center; } #financial_services_series .entry-load-more .load-more-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background-color: #5D6877; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: background 0.3s ease-in-out; } #financial_services_series .entry-load-more .load-more-btn:hover { background-color: #5D6877; transition: background 0.3s ease-in-out; } #financial_services_series .entry-topic { position: relative; width: calc(50% - 22px); display: inline-block; margin: 0 10px 15px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; text-align: left; } @media only screen and (max-width: 1200px) { #financial_services_series .entry-topic { width: 100%; margin: 0 0 15px; display: block; height: inherit; } } @media only screen and (max-width: 600px) { #financial_services_series .entry-topic { padding: 20px; } } #financial_services_series .entry-topic .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } #financial_services_series .entry-topic .text { z-index: 2; position: absolute; bottom: 70px; left: 40px; width: 70%; } @media only screen and (max-width: 1200px) { #financial_services_series .entry-topic .text { position: relative; bottom: 0; left: 0; padding: 40px; } } @media only screen and (max-width: 600px) { #financial_services_series .entry-topic .text { width: 100%; padding: 0; } } #financial_services_series .entry-topic .text h3 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 10px; } @media only screen and (max-width: 600px) { #financial_services_series .entry-topic .text h3 { font-size: 26px; } } #financial_services_series .entry-topic .text .inner-text { max-height: 0; overflow: hidden; transition: all ease-in-out .5s; } @media only screen and (max-width: 1200px) { #financial_services_series .entry-topic .text .inner-text { max-height: none; } } #financial_services_series .entry-topic .text .inner-text h4 { padding: 0; color: #5D6877; font-size: 15px; font-weight: 700; margin: 0 0 10px; } #financial_services_series .entry-topic .text .inner-text p { color: white; font-size: 14px; margin-bottom: 20px; } #financial_services_series .entry-topic .text ul { padding: 0; margin: 0; list-style: none; } #financial_services_series .entry-topic .text ul li { display: inline-block; } #financial_services_series .entry-topic .text ul li span { color: #fff; margin-right: 15px; font-size: 20px; } #financial_services_series .entry-topic .text ul li span:after { content: "\e108"; font-family: 'ETmodules'; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-articles:after { content: "\69"; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-videos:after { content: "\49"; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-webinars:after, #financial_services_series .entry-topic .text ul li span.topic-entry-type-on-demand-webinars:after { content: "\e00e"; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-white-papers:after { content: "\e058"; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-courses:after { content: "\e012"; } #financial_services_series .entry-topic .text ul li span.topic-entry-type-conferences:after { content: "\e108"; } #financial_services_series .entry-topic .btn { opacity: 0; position: absolute; bottom: 5px; right: 25px; background: #5D6877; z-index: 2; text-transform: uppercase; font-weight: 600; padding: 10px 35px; color: white; letter-spacing: 1px; text-align: center; transition: all ease-in-out .3s; } @media only screen and (max-width: 1200px) { #financial_services_series .entry-topic .btn { opacity: 1; bottom: 25px; } } @media only screen and (max-width: 600px) { #financial_services_series .entry-topic .btn { position: relative; width: 100%; bottom: inherit; right: inherit; margin: 40px 0 10px; } } #financial_services_series .entry-topic:hover .text .inner-text { max-height: 500px; transition: all ease-in-out .5s; } #financial_services_series .entry-topic:hover .btn { opacity: 1; bottom: 25px; transition: all ease-in-out .3s; } @media only screen and (max-width: 600px) { #financial_services_series .entry-topic:hover .btn { bottom: inherit; } } #financial_services_series .entry-topic:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .8; z-index: 1; } #financial_services_series .modal { opacity: 0; position: fixed; z-index: 999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; transition: all ease-in .2s .2s; display: flex; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; } #financial_services_series .modal .modal-content { opacity: 0; background-color: #fefefe; margin: 20px; padding: 0; border: 1px solid #888; width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all ease-in .2s; overflow: auto; -webkit-overflow-scrolling: touch; } #financial_services_series .modal .modal-content .modal-body { position: relative; } #financial_services_series .modal .modal-content .modal-body .close { font-size: 30px; font-weight: 600; position: absolute; top: 0; right: 20px; cursor: pointer; } #financial_services_series .modal.active { opacity: 1; pointer-events: all; transition: all ease-in .2s; } #financial_services_series .modal.active .modal-content { opacity: 1; top: 50%; transition: all ease-in .2s .2s; } #financial_services_series #brochureModal .modal-content { width: calc(100% - 40px); max-width: 900px; margin: 0 20px; border: 0; border-radius: 3px; padding: 30px 20px; } #financial_services_series #brochureModal .copy { text-align: center; width: 100%; clear: both; } #financial_services_series #brochureModal .copy h2 { margin-bottom: 30px; } #financial_services_series #brochureModal .copy p { font-size: 11px; } #financial_services_series #brochureModal .copy a { color: #5D6877; } #financial_services_series #brochureModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #financial_services_series #brochureModal .form-design-field { width: 100%; margin: 0; } } #financial_services_series #brochureModal label { display: none; } #financial_services_series #brochureModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #financial_services_series #brochureModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series #brochureModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #5D6877; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #financial_services_series #brochureModal input[type=submit] { margin-top: 30px; } } #financial_services_series #brochureModal input[type=submit]:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series #reportModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #financial_services_series #reportModal .copy { text-align: center; width: 100%; clear: both; } #financial_services_series #reportModal .copy h2 { margin-top: 0; margin-bottom: 30px; } #financial_services_series #reportModal .copy p { font-size: 11px; } #financial_services_series #reportModal .copy a { color: #5D6877; } #financial_services_series #reportModal .form-design-field { width: calc(33.33% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 900px) { #financial_services_series #reportModal .form-design-field { width: 100%; margin: 0; } } #financial_services_series #reportModal label { display: none; } #financial_services_series #reportModal input:not([type=submit]):not([type=checkbox]) { background: #fff; border: 2px solid #dcdee0; border-radius: 3px; transition: all ease-in .2s; appearance: none; font-size: 14px; padding: 15px; margin-bottom: 20px; width: 100%; } #financial_services_series #reportModal input:not([type=submit]):not([type=checkbox]):focus { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series #reportModal input[type=submit] { padding: 15px 0 !important; width: 100%; float: right; background: #5D6877; border: 2px solid #fff; border-radius: 1px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; transition: all ease-in .2s; margin: 0; } @media only screen and (max-width: 900px) { #financial_services_series #reportModal input[type=submit] { margin-top: 30px; } } #financial_services_series #reportModal input[type=submit]:hover { background: #5D6877; transition: all ease-in .2s; } #financial_services_series .details-modal-popup { cursor: pointer; } #financial_services_series #detailsModal .modal-content { width: calc(100% - 40px); max-width: 900px; border: 0; border-radius: 3px; padding: 30px 20px; } #financial_services_series #detailsModal .modal-content img { margin-bottom: 20px; } #financial_services_series #detailsModal .modal-content h3 { padding-left: 10px; font-weight: 600; font-size: 26px; margin-bottom: 30px; color: #000000; } #financial_services_series #detailsModal .modal-content a { color: #5D6877; } #financial_services_series #detailsModal .modal-content .col-1, #financial_services_series #detailsModal .modal-content .col-2 { width: calc(30% - 20px); margin: 0 10px; float: left; } #financial_services_series #detailsModal .modal-content .col-2 { width: calc(70% - 20px); float: right; } @media only screen and (max-width: 600px) { #financial_services_series #detailsModal .modal-content { padding: 20px 10px; } #financial_services_series #detailsModal .modal-content h3 { padding-left: 0; } #financial_services_series #detailsModal .modal-content .col-1, #financial_services_series #detailsModal .modal-content .col-2 { width: 100%; margin: 0; float: none; } } #financial_services_series .mod-speakers, #financial_services_series .mod-advisory-board { margin: 0; padding: 0 20px; width: 100%; position: relative; } #financial_services_series .mod-speakers h2, #financial_services_series .mod-advisory-board h2 { text-align: center; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-speakers, #financial_services_series .mod-advisory-board { padding: 0; } } #financial_services_series .mod-speakers:after, #financial_services_series .mod-advisory-board:after { content: ''; display: block; clear: both; height: 0; } #financial_services_series .mod-speakers .single-speaker-grid, #financial_services_series .mod-advisory-board .single-speaker-grid { background: #fff; width: calc(25% - 20px); margin: 0 10px 50px; float: left; } #financial_services_series .mod-speakers .single-speaker-grid:nth-child(4n + 1), #financial_services_series .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #financial_services_series .mod-speakers .single-speaker-grid, #financial_services_series .mod-advisory-board .single-speaker-grid { padding-top: 0; padding-bottom: 20px; } } @media (max-width: 991px) { #financial_services_series .mod-speakers .single-speaker-grid, #financial_services_series .mod-advisory-board .single-speaker-grid { width: calc(33.3% - 20px); margin: 0 10px 10px 10px; } #financial_services_series .mod-speakers .single-speaker-grid:nth-child(4n + 1), #financial_services_series .mod-advisory-board .single-speaker-grid:nth-child(4n + 1) { clear: none; } #financial_services_series .mod-speakers .single-speaker-grid:nth-child(3n + 1), #financial_services_series .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #financial_services_series .mod-speakers .single-speaker-grid, #financial_services_series .mod-advisory-board .single-speaker-grid { width: calc(50% - 20px); } #financial_services_series .mod-speakers .single-speaker-grid:nth-child(3n + 1), #financial_services_series .mod-advisory-board .single-speaker-grid:nth-child(3n + 1) { clear: none; } #financial_services_series .mod-speakers .single-speaker-grid:nth-child(2n + 1), #financial_services_series .mod-advisory-board .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #financial_services_series .mod-speakers .single-speaker-img, #financial_services_series .mod-advisory-board .single-speaker-img { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 20px; } #financial_services_series .mod-speakers .single-speaker-img img, #financial_services_series .mod-advisory-board .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #financial_services_series .mod-speakers .single-speaker-img, #financial_services_series .mod-advisory-board .single-speaker-img { margin-bottom: 10px; } } #financial_services_series .mod-speakers .company-logo, #financial_services_series .mod-advisory-board .company-logo { margin: 0; } #financial_services_series .mod-speakers .company-logo img, #financial_services_series .mod-advisory-board .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #financial_services_series .mod-speakers .company-logo, #financial_services_series .mod-advisory-board .company-logo { margin-bottom: 5px; } } #financial_services_series .mod-speakers .single-speaker-list, #financial_services_series .mod-advisory-board .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #financial_services_series .mod-speakers .single-speaker-list .single-speaker-img, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #financial_services_series .mod-speakers .single-speaker-list .single-speaker-img, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #financial_services_series .mod-speakers .single-speaker-list .single-speaker-text, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #financial_services_series .mod-speakers .single-speaker-list .single-speaker-text, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-text { width: 100%; } } #financial_services_series .mod-speakers .single-speaker-list .single-speaker-text h3, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #financial_services_series .mod-speakers .single-speaker-list .single-speaker-text h4, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #financial_services_series .mod-speakers .single-speaker-list .single-speaker-text p, #financial_services_series .mod-advisory-board .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #financial_services_series .mod-speakers h3, #financial_services_series .mod-advisory-board h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #financial_services_series .mod-speakers h3, #financial_services_series .mod-advisory-board h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #financial_services_series .mod-speakers h3, #financial_services_series .mod-advisory-board h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #financial_services_series .mod-speakers h3, #financial_services_series .mod-advisory-board h3 { font-size: 14px; } } #financial_services_series .mod-speakers h4, #financial_services_series .mod-advisory-board h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #financial_services_series .mod-speakers h4, #financial_services_series .mod-advisory-board h4 { font-size: 13px; } } #financial_services_series .mod-speakers .btn-wrapper, #financial_services_series .mod-advisory-board .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #financial_services_series .mod-speakers .load-speakers, #financial_services_series .mod-speakers .load-advisory-board, #financial_services_series .mod-advisory-board .load-speakers, #financial_services_series .mod-advisory-board .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #5D6877; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #financial_services_series .mod-speakers .load-speakers:hover, #financial_services_series .mod-speakers .load-advisory-board:hover, #financial_services_series .mod-advisory-board .load-speakers:hover, #financial_services_series .mod-advisory-board .load-advisory-board:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .mod-speakers .load-speakers, #financial_services_series .mod-speakers .load-advisory-board, #financial_services_series .mod-advisory-board .load-speakers, #financial_services_series .mod-advisory-board .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #financial_services_series .mod-speakers .loading-spinner, #financial_services_series .mod-advisory-board .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #financial_services_series .mod-speakers .loading-spinner .load, #financial_services_series .mod-speakers .loading-spinner .load:after, #financial_services_series .mod-advisory-board .loading-spinner .load, #financial_services_series .mod-advisory-board .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #financial_services_series .mod-speakers .loading-spinner .load, #financial_services_series .mod-advisory-board .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #5D6877; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #financial_services_series .mod-speakers:before, #financial_services_series .mod-advisory-board:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #financial_services_series .mod-speakers.loading:before, #financial_services_series .mod-advisory-board.loading:before { opacity: .8; transition: all ease-in .2s; } #financial_services_series .mod-speakers.loading .loading-spinner, #financial_services_series .mod-advisory-board.loading .loading-spinner { display: block; } #financial_services_series .people-fullwidth { width: 100% !important; } #financial_services_series #speakers { position: relative; z-index: 99; } #financial_services_series .mod-speakers-global { margin: 0; width: 100%; position: relative; } #financial_services_series .mod-speakers-global h2 { text-align: center; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-speakers-global { padding: 0; } } #financial_services_series .mod-speakers-global:after { content: ''; display: block; clear: both; height: 0; } #financial_services_series .mod-speakers-global .single-speaker-grid { background: #fff; width: calc(50% - 0px); float: left; position: relative; display: inline-flex; } #financial_services_series .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: both; } @media (max-width: 1199px) { #financial_services_series .mod-speakers-global .single-speaker-grid { padding-top: 0; padding-bottom: 0; } } @media (max-width: 991px) { #financial_services_series .mod-speakers-global .single-speaker-grid { width: calc(100% - 20px); margin: 0; } #financial_services_series .mod-speakers-global .single-speaker-grid:nth-child(4n + 1) { clear: none; } #financial_services_series .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: both; } } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-grid { width: calc(100% - 0px); } #financial_services_series .mod-speakers-global .single-speaker-grid:nth-child(3n + 1) { clear: none; } #financial_services_series .mod-speakers-global .single-speaker-grid:nth-child(2n + 1) { clear: both; } } #financial_services_series .mod-speakers-global .reverse-container { flex-direction: row-reverse; } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .reverse-container { flex-direction: row; } } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .reverse-container-mobile { flex-direction: row-reverse; } } #financial_services_series .mod-speakers-global .single-speaker-container { display: flex; cursor: pointer; width: 100%; z-index: 10; } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-container { z-index: 1; } } #financial_services_series .mod-speakers-global .single-speaker-container .single-speaker-title { display: flex; flex: 1; position: relative; justify-content: center; flex-direction: column; width: 100%; background-color: #32c8d5; color: #fff; max-height: 300px; } #financial_services_series .mod-speakers-global .single-speaker-container .single-speaker-title h3 { color: #fff; } #financial_services_series .mod-speakers-global .single-speaker-container .single-speaker-title h4 { color: #fff; } @media (min-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-container .left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #financial_services_series .mod-speakers-global .single-speaker-container .left-arrow::before { content: ""; position: absolute; left: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (min-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-container .right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #financial_services_series .mod-speakers-global .single-speaker-container .right-arrow::before { content: ""; position: absolute; right: -17px; border-top: 17px solid currentColor; border-right: 17px solid currentColor; border-left: 17px solid currentColor; border-bottom: 17px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-container .mb-left-arrow { box-shadow: -3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #financial_services_series .mod-speakers-global .single-speaker-container .mb-left-arrow::before { content: ""; position: absolute; left: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.74); transform: rotate(-45deg); } } @media (max-width: 699px) { #financial_services_series .mod-speakers-global .single-speaker-container .mb-right-arrow { box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.74); } #financial_services_series .mod-speakers-global .single-speaker-container .mb-right-arrow::before { content: ""; position: absolute; right: -10px; border-top: 10px solid currentColor; border-right: 10px solid currentColor; border-left: 10px solid currentColor; border-bottom: 10px solid currentColor; transform: rotate(-45deg); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.74); } } #financial_services_series .mod-speakers-global .speaker-overlay { opacity: 0.4; z-index: 1; } #financial_services_series .mod-speakers-global .single-speaker-img { width: 100%; flex: 1; max-height: 300px; overflow: hidden; background-size: cover; background-position: center; width: 50vw; height: 50vw; } #financial_services_series .mod-speakers-global .single-speaker-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: none; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .single-speaker-img { overflow: initial; } } #financial_services_series .mod-speakers-global .speaker-desc { padding-left: 50px; padding-right: 22px; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-desc { padding-left: 23px; padding-right: 5px; } } #financial_services_series .mod-speakers-global .speaker-desc h3 { color: inherit !important; text-transform: uppercase; font-weight: bold; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-desc h3 { font-size: 15px; } } #financial_services_series .mod-speakers-global .speaker-desc h4 { color: inherit !important; font-size: 18px; line-height: 1.06; letter-spacing: normal; padding-right: 15px; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-desc h4 { font-size: 13px; } } #financial_services_series .mod-speakers-global .speaker-desc h4 strong { padding-top: 13px; display: block; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-desc h4 strong { padding-top: 6px; } } #financial_services_series .mod-speakers-global .speaker-read-more { display: inline-flex; padding-right: 20px; font-size: 14px; font-weight: bold; position: absolute; bottom: 20px; right: 0px; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-read-more { font-size: 12px; bottom: 17px; } } #financial_services_series .mod-speakers-global .company-logo { margin: 0; } #financial_services_series .mod-speakers-global .company-logo img { max-height: 70px; width: auto; max-width: 100%; display: block; margin: 10px 0; } @media (max-width: 767px) { #financial_services_series .mod-speakers-global .company-logo { margin-bottom: 5px; } } #financial_services_series .mod-speakers-global .single-speaker-details { width: 100%; opacity: 0; visibility: hidden; position: absolute; z-index: 9; transition: all 1s ease; top: 0; min-height: 300px; height: auto; background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .single-speaker-details { transition: none; } } #financial_services_series .mod-speakers-global .single-speaker-details-active { visibility: visible; opacity: 1; transition: all 1s ease; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .single-speaker-details-active { position: fixed; top: 0; left: 0 !important; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 0px; } } #financial_services_series .mod-speakers-global .details-active-right { left: 100% !important; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .details-active-right { left: 0 !important; } } #financial_services_series .mod-speakers-global .details-active-left { right: 100% !important; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .details-active-left { left: 0 !important; } } #financial_services_series .mod-speakers-global .close-detail { float: right; cursor: pointer; padding-top: 20px; padding-right: 5px; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .close-detail { position: sticky; position: -webkit-sticky; top: calc(100vh - 80px); right: 9px; background: #7d7d7d; color: #fff; border-radius: 14px; padding: 0px; } } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .close-detail-label { display: none; } } #financial_services_series .mod-speakers-global .speaker-mb-img { display: none; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-mb-img { display: inherit; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; width: 100vw; height: 100vw; } } #financial_services_series .mod-speakers-global .speaker-mb-img img { width: 100%; } #financial_services_series .mod-speakers-global .speaker-extra-details { padding-top: 55px; padding-bottom: 55px; padding-left: 120px; padding-right: 40px; } @media (max-width: 757px) { #financial_services_series .mod-speakers-global .speaker-extra-details { padding: 24px; } } #financial_services_series .mod-speakers-global .speaker-extra-details .title { margin-bottom: 3px; font-size: 30px; font-weight: bold; text-align: left; color: #212121; } #financial_services_series .mod-speakers-global .speaker-extra-details .bio { margin-top: 20px; margin-bottom: 40px; } #financial_services_series .mod-speakers-global .single-speaker-list { width: 100%; margin: 0 0 40px; float: left; clear: both; } #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-img { width: 150px; height: 150px; border-radius: 100%; padding: 0; float: left; margin: 20px 30px 0 0; } @media only screen and (max-width: 900px) { #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-img { margin: 0 0 20px; } } #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-text { float: left; width: calc(75% - 180px); } @media only screen and (max-width: 900px) { #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-text { width: 100%; } } #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-text h3 { font-size: 24px; margin-bottom: 0; } #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-text h4 { color: #8A9299; font-size: 16px; margin-bottom: 15px; } #financial_services_series .mod-speakers-global .single-speaker-list .single-speaker-text p { color: #000000; font-size: 16px; line-height: 170%; } #financial_services_series .mod-speakers-global h3 { font-size: 20px; font-weight: 400; margin: 10px 0 0; line-height: 150%; padding: 0; } @media (max-width: 1199px) { #financial_services_series .mod-speakers-global h3 { font-size: 18px; margin-top: 10px; } } @media (max-width: 767px) { #financial_services_series .mod-speakers-global h3 { font-size: 16px; margin-top: 0; } } @media (max-width: 400px) { #financial_services_series .mod-speakers-global h3 { font-size: 14px; } } #financial_services_series .mod-speakers-global h4 { font-size: 14px; line-height: 150%; font-weight: 300; margin: 0; padding: 0; } @media (max-width: 400px) { #financial_services_series .mod-speakers-global h4 { font-size: 13px; } } #financial_services_series .mod-speakers-global .btn-wrapper { text-align: center; display: block; width: 100%; clear: both; } #financial_services_series .mod-speakers-global .load-speakers, #financial_services_series .mod-speakers-global .load-advisory-board { display: inline-block; clear: both; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #5D6877; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 10px; transition: background 0.3s linear; cursor: pointer; } #financial_services_series .mod-speakers-global .load-speakers:hover, #financial_services_series .mod-speakers-global .load-advisory-board:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .mod-speakers-global .load-speakers, #financial_services_series .mod-speakers-global .load-advisory-board { letter-spacing: 0; padding: 12px 20px; } } #financial_services_series .mod-speakers-global .loading-spinner { display: none; position: absolute; z-index: 12; width: 100%; top: 10%; text-align: center; overflow: hidden; } #financial_services_series .mod-speakers-global .loading-spinner .load, #financial_services_series .mod-speakers-global .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #financial_services_series .mod-speakers-global .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #5D6877; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #financial_services_series .mod-speakers-global:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #financial_services_series .mod-speakers-global.loading:before { opacity: .8; transition: all ease-in .2s; z-index: 12; } #financial_services_series .mod-speakers-global.loading .loading-spinner { display: block; } #financial_services_series .hide-scroll-top { opacity: 0; } #financial_services_series .mod-sponsors { text-align: center; padding: 0 30px; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-sponsors { padding: 0; } } #financial_services_series .mod-sponsors .tooltip { float: right; font-size: 12px; font-weight: 600; display: none; } #financial_services_series .mod-sponsors .tooltip i { vertical-align: top; margin-left: 5px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sponsors .tooltip { display: block; } } #financial_services_series .mod-sponsors h2 { text-align: center; margin-bottom: 20px; } #financial_services_series .mod-sponsors .sponsor-group { margin-bottom: 40px; font-size: 0; text-align: left; position: relative; } #financial_services_series .mod-sponsors .sponsor-group .single-sponsor { display: inline-block; font-size: 14px; vertical-align: middle; position: relative; z-index: 1; padding-right: 5%; } #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.large { width: 33.33%; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.large { width: 200px; } } #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.medium { width: 20%; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.medium { width: 150px; } } #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.small { width: 16.66%; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sponsors .sponsor-group .single-sponsor.small { width: 100px; } } #financial_services_series .mod-sponsors .sponsor-group .single-sponsor img { width: 100%; height: auto; } @media only screen and (max-width: 900px) { #financial_services_series .mod-sponsors .sponsor-group .secondary-title-with-bottom-line { position: relative; z-index: 3; } #financial_services_series .mod-sponsors .sponsor-group .sponsor-wrapper { white-space: nowrap; position: relative; overflow: scroll; } } #financial_services_series .mod-sponsors .sponsor-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #5D6877; padding: 12px 30px; cursor: pointer; font-weight: 400; margin-top: 30px; transition: background 0.3s linear; } #financial_services_series .mod-sponsors .sponsor-btn:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .mod-sponsors .sponsor-btn { letter-spacing: 0; padding: 12px 20px; } } #financial_services_series .mod-attending { padding: 0 30px; text-align: center; } #financial_services_series .mod-attending .attendees-slider { max-height: 350px; } #financial_services_series .mod-attending .attendees-slider .attendee { width: 16%; height: 150px; background: #fff; margin-right: 20px; padding: 40px; overflow: hidden; } @media only screen and (max-width: 900px) { #financial_services_series .mod-attending .attendees-slider .attendee { width: 25%; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-attending .attendees-slider .attendee { width: 50%; } } #financial_services_series .mod-attending .attendees-slider .attendee img { width: calc(100% - 60px); position: absolute; top: 50%; transform: translateY(-50%); left: 30px; max-width: 200px; } @media only screen and (max-width: 900px) { #financial_services_series .mod-attending .attendees-slider .flickity-prev-next-button { display: none; } } #financial_services_series .mod-attending .attendees-slider .flickity-prev-next-button.previous { left: -70px; } #financial_services_series .mod-attending .attendees-slider .flickity-prev-next-button.next { right: -70px; } #financial_services_series .mod-attending .attendees-slider .flickity-page-dots { bottom: -80px; } #financial_services_series .mod-attending .attendees-slider .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; opacity: .1; } #financial_services_series .mod-attending .attendees-slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #5D6877; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-attending { padding: 0; } } #financial_services_series .mod-attending h2 { text-align: center; padding: 0 0 60px; } #financial_services_series .mod-attending .attendee-btn { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #5D6877; padding: 12px 50px; cursor: pointer; font-weight: 400; transition: background 0.3s linear; text-align: center; margin-top: 50px; } #financial_services_series .mod-attending .attendee-btn:hover { background: #5D6877; } #financial_services_series .mod-schedule { float: left; width: 100%; padding: 0 20px; margin: 50px 0 0; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule { padding: 0; margin-top: 30px; } } @media (min-width: 601px) and (max-width: 1200px) { #financial_services_series .mod-schedule { margin-right: -20px; width: calc(100% + 20px); } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule { margin-left: -13.00%; margin-right: -13.00%; width: 100vw; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-tabs-wrapper { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 70px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #financial_services_series .mod-schedule .day-tabs-wrapper:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #financial_services_series .mod-schedule .schedule-controls { clear: both; float: left; width: 100%; margin-bottom: 40px; padding: 0 10px; position: relative; display: flex; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .schedule-controls { flex-flow: column; padding: 0 20px !important; } } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .schedule-controls { padding: 0; } } #financial_services_series .mod-schedule .schedule-controls .selected-category-label { float: left; padding: 10px 25px 10px 0px; text-transform: uppercase; font-weight: bold; color: #7e7e7e; font-size: 18px; } #financial_services_series .mod-schedule .schedule-controls .selected-category { float: left; width: 220px; border: solid 1px #dbdbdb; background-color: #ffffff; padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; } #financial_services_series .mod-schedule .schedule-controls .selected-category .material-icons { float: right; color: #5D6877; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .schedule-controls .selected-category { width: 100%; } } #financial_services_series .mod-schedule .schedule-controls .categories { list-style: none; padding: 0 0 0 !important; float: left; position: absolute; width: 220px; top: 46px; background: white; border: solid 1px #dbdbdb; opacity: 0; display: none; left: 164px; } #financial_services_series .mod-schedule .schedule-controls .categories.expanded { opacity: 1; display: initial; z-index: 1; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .schedule-controls .categories { left: 154px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .schedule-controls .categories { width: 100%; margin-bottom: 10px !important; position: initial; } } #financial_services_series .mod-schedule .schedule-controls .categories li { padding: 10px; cursor: pointer; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #818181; border-bottom: solid 1px #dbdbdb; } #financial_services_series .mod-schedule .schedule-controls .categories li12 { cursor: pointer; display: inline-block; text-transform: uppercase; padding: 5px 25px 5px 20px; border: 2px solid #fff; border-radius: 2px; color: #000000; font-size: 14px; transition: all ease-in .2s; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .schedule-controls .categories li12 { margin-bottom: 10px; padding: 5px 10px; font-size: 13px; } } #financial_services_series .mod-schedule .schedule-controls .categories li12.active { font-weight: bold; border: 2px solid #000000; transition: all ease-in .2s; } #financial_services_series .mod-schedule .schedule-controls .agenda-actions { display: flex; margin-left: auto; line-height: 30px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .schedule-controls .agenda-actions { line-height: inherit; margin-top: 10px; justify-content: space-around; } } #financial_services_series .mod-schedule .schedule-controls .expand, #financial_services_series .mod-schedule .schedule-controls .collapse, #financial_services_series .mod-schedule .schedule-controls .print-btn { float: right; cursor: pointer; margin: 0; display: none; text-transform: uppercase; font-weight: 800; color: #fff; background: #5D6877; padding: 8px 20px; border-radius: 30px; margin-left: 20px; } #financial_services_series .mod-schedule .schedule-controls .expand span, #financial_services_series .mod-schedule .schedule-controls .collapse span, #financial_services_series .mod-schedule .schedule-controls .print-btn span { vertical-align: middle; } #financial_services_series .mod-schedule .schedule-controls .expand.active, #financial_services_series .mod-schedule .schedule-controls .collapse.active, #financial_services_series .mod-schedule .schedule-controls .print-btn.active { display: block; } #financial_services_series .mod-schedule .schedule-controls .print-btn { display: block; margin-left: 20px; background: #000000; } #financial_services_series .mod-schedule .day-tab { float: left; margin: 0 10px 0px; background: #fff; border-bottom: 2px solid #9d9d9d3b; padding: 10px 0px; cursor: pointer; width: calc(33.33% - 20px); transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-tab .d-day-dates { display: initial; } #financial_services_series .mod-schedule .day-tab .m-day-dates { display: none; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-tab { padding: 20px; width: calc(33.33% - 20px) !important; } #financial_services_series .mod-schedule .day-tab .d-day-dates { display: none; } #financial_services_series .mod-schedule .day-tab .m-day-dates { display: initial; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-tab { width: calc(50% - 20px); margin: 0 10px 10px 0px; padding: 10px 0px; } #financial_services_series .mod-schedule .day-tab .d-day-dates { display: none; } #financial_services_series .mod-schedule .day-tab .m-day-dates { display: initial; } } #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(1) { width: calc(100% - 20px) !important; } #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #financial_services_series .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(2), #financial_services_series .mod-schedule .day-tab:nth-child(2):nth-last-child(1) { width: calc(50% - 20px) !important; } } #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #financial_services_series .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #financial_services_series .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(33.33% - 20px); } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(3), #financial_services_series .mod-schedule .day-tab:nth-child(2):nth-last-child(2), #financial_services_series .mod-schedule .day-tab:nth-child(3):nth-last-child(1) { width: calc(50% - 20px) !important; } } #financial_services_series .mod-schedule .day-tab:nth-child(1):nth-last-child(4), #financial_services_series .mod-schedule .day-tab:nth-child(2):nth-last-child(3), #financial_services_series .mod-schedule .day-tab:nth-child(3):nth-last-child(2), #financial_services_series .mod-schedule .day-tab:nth-child(4):nth-last-child(1) { width: calc(50% - 20px); } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-tab:first-child { margin-left: 0; } #financial_services_series .mod-schedule .day-tab:last-child { margin-right: 0; } } #financial_services_series .mod-schedule .day-tab h3 { font-size: 18px; font-weight: 900; margin: 0; padding: 0; color: #7e7e7e; text-transform: uppercase; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-tab h3 span { font-size: 16px; font-weight: 600; color: #7e7e7e; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-tab h3 { font-size: 18px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-tab h3 { font-size: 18px; } } #financial_services_series .mod-schedule .day-tab.active { border-bottom: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-tab.active h3 { color: #5D6877; } #financial_services_series .mod-schedule .day-main { width: calc(100% - 20px); clear: both; margin: 0 10px 20px; display: none; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main { margin: 0 0 20px 0; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main { width: 100%; } } #financial_services_series .mod-schedule .day-main.active { display: block; } #financial_services_series .mod-schedule .day-main .explore-next-btn { display: block; float: right; margin-top: 20px; background: #5D6877; text-transform: uppercase; font-weight: 800; color: #fff; border-radius: 2px; padding: 10px; } #financial_services_series .mod-schedule .day-main .explore-next-btn a { color: #fff; } #financial_services_series .mod-schedule .day-main .day-entry { width: 100%; clear: both; } #financial_services_series .mod-schedule .day-main .day-entry:last-child .day-entry-sessions:last-child, #financial_services_series .mod-schedule .day-main .day-entry:last-child .day-entry-streams:last-child { border-bottom: 0 !important; } #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day { background-color: #ffffff !important; } #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 30px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title { padding: 20px; } } #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 60px; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry.firstlast-in-day .day-entry-title .time { margin-right: 0px; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title { border-bottom: 1px solid #a7a7a7; padding: 30px; display: flex; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title { padding: 20px 20px; flex-flow: column; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .time { width: 180px; float: left; margin-right: 110px; font-size: 18px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .time { width: 100% !important; margin-right: 0px !important; margin-bottom: 10px; } } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .time { width: 24%; margin-right: 0px; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .session.count { color: #000000; text-transform: uppercase; font-size: 18px; font-weight: bold; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .session.count .streams-counter { color: #5D6877; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .session.count { margin-top: 25px; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .title { color: #7e7e7e; font-weight: 600; padding: 0; padding-right: 120px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-title .title { padding-right: 100px; padding-left: 10px; } } #financial_services_series .mod-schedule .day-main .day-entry.type-entry { background: #f9fafa; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry.type-entry { background: initial; } } #financial_services_series .mod-schedule .day-main .day-entry.type-entry .title { font-weight: bold; color: #9d9d9d; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry.type-entry .title { padding-right: 0px; padding-left: 10px; background: #f9fafa; text-align: center; padding: 6px; } } #financial_services_series .mod-schedule .day-main .day-entry.type-entry .time { font-weight: bold; text-align: left; color: #9d9d9d; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { cursor: pointer; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 320px; display: block; position: relative; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title:hover { background: #f7f7f7; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-less { display: none; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #000000; font-weight: bold; font-size: 14px; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more span { font-size: 25px; color: #5D6877; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .read-more { right: 15px; top: 15px; } } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 60px; width: 40px; height: 30px; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:before { content: ''; position: absolute; width: 50%; height: 2px; top: 7px; left: 0; background: #000000; transform: rotate(45deg); transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title i:after { content: ''; position: absolute; width: 50%; height: 2px; top: 21px; left: 0; background: #000000; transform: rotate(-45deg); transition: all ease-in .2s; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding-left: 25%; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title { padding: 15px 20px; } #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title h4, #financial_services_series .mod-schedule .day-main .day-entry:not(.type-entry) .day-entry-title .title { font-size: 15px; } } #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-more { display: none; } #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { position: absolute; display: flex; align-items: center; text-transform: uppercase; right: 10px; top: 30%; color: #fff; font-weight: bold; font-size: 14px; } #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less span { font-size: 25px; color: #fff; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title .read-less { right: 15px; top: 15px; } } #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:before { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #financial_services_series .mod-schedule .day-main .day-entry.active:not(.type-entry) .day-entry-title i:after { background: #fff; width: 100%; transition: all ease-in .2s; top: 14px; left: -3px; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-sessions { float: left; width: 100%; overflow: hidden; max-height: 0; height: auto; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams { float: left; width: 100%; margin: 0; padding: 0 0px; overflow: hidden; max-height: 0; height: auto; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams { padding: 0; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { display: flex; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { padding: 0 20px; overflow-x: auto; overflow-y: hidden; height: 55px; white-space: nowrap; display: flex; flex-direction: column; flex-wrap: wrap; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs:after { position: absolute; content: " "; width: 100px; height: 70px; right: -45px; background-image: linear-gradient(to right, #ffffff00, white); pointer-events: none; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: none; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: none; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .mobile-stream { display: initial; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: initial; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .desktop-stream { display: none; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs { width: 100%; padding-left: 20px; padding-right: 20px; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .streams-mb-title { display: initial; padding: 15px 10px 5px 0px; font-size: 18px; font-weight: bold; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 30px 25px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; opacity: 1; color: #000000; border-bottom: 2px solid #9d9d9d3b; margin-right: 15px; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab.active { border-bottom: 2px solid; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 20px; font-size: 13px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-tabs .stream-tab { padding: 15px 10px 5px 10px; font-size: 14px; text-align: center; width: 96px !important; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { float: left; width: 100%; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: calc(100% - 0px); } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains { width: 100%; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream { float: left; width: 100%; border-top: 0; display: none; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream.active { display: block; } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { border-bottom: 0; width: 100%; margin: 0; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream .session-entry { padding-left: 20px; padding-right: 20px; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding: 30px 25px 30px 320px; display: block; border-bottom: 1px solid #c0c5c9; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 20px !important; padding-right: 20px; } } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title { padding-left: 25%; } } #financial_services_series .mod-schedule .day-main .day-entry .day-entry-streams .stream-mains .stream-title h4 { font-weight: bold; color: #5D6877; padding-bottom: 0px; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-title { background: #000000; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-title:hover { background: #000000; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-title .title { color: #fff; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-title .session.count { color: #fff; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-title .session.count .streams-counter { color: #fff; } #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-sessions, #financial_services_series .mod-schedule .day-main .day-entry.active .day-entry-streams { max-height: 9000px; border-bottom: 1px solid #c0c5c9; transition: all ease-in .2s; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry { float: left; width: calc(100% - 0px); margin: 0 0px; clear: both; background: #F6F6F6; display: flex; border-bottom: 1px solid #c0c5c9 !important; position: relative; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry { width: calc(100% - 0px); margin: 0 10px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry { width: 100%; margin: 0; padding: 0px; flex-flow: column; padding-left: 20px; padding-right: 20px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .time { float: left; width: 320px; min-height: 1px; color: #000000; font-size: 18px; font-weight: bold; padding-top: 35px; padding-left: 20px; background: #fff; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .time .stage { font-size: 16px; font-style: italic; color: #b5b5b5; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .time { width: 25%; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .time { width: 100%; padding-top: 20px; padding-left: 0px; background: initial; color: #7e7e7e; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta { float: left; width: calc(100% - 290px); padding-bottom: 25px; padding-top: 35px; padding-left: 70px; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta { width: calc(100% - 25%); } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta { width: 100%; padding-bottom: 0px; padding-top: 10px; padding-left: 10px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description { float: left; width: 100%; padding-right: 40px; color: #000000; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description { padding-right: 15px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 18px; font-weight: 600; line-height: 25px; color: #000000; } @media only screen and (max-width: 1200px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description h4 { font-size: 16px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description h5 { color: #5D6877; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description p, #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description ul li { color: #000000; font-size: 14px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description p { margin-bottom: 10px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list { padding: 0 !important; list-style: none; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list:empty { display: none; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .description .cat-list li { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #8A9299; text-transform: uppercase; font-weight: 600; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers { float: left; width: 100%; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker-role { float: left; width: 100%; margin-bottom: 10px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4 { color: #5D6877; font-size: 16px; padding: 0 0 5px; text-transform: uppercase; border-bottom: 1px solid #c0c5c9; margin-bottom: 20px; font-size: 15px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers h4:empty { display: none; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { float: left; width: calc(43.33% - 10px); margin: 10px 10px 20px 0; padding-right: 10px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker strong { word-break: keep-all; word-wrap: normal; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker:nth-of-type(3) { clear: left; } @media only screen and (max-width: 900px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker { width: 100%; margin: 0 0 20px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker img { border-radius: 100%; width: 50px; height: auto; float: left; margin-right: 15px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5, #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker p { width: calc(100% - 70px); float: left; color: #000000; font-size: 13px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .meta .speakers .speaker h5 { padding: 0; margin-bottom: 5px; font-size: 15px; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry .read-less { display: none; } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less { cursor: pointer; position: absolute; top: 15px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry:nth-child(2) .read-less span { font-size: 25px; color: #5D6877; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-schedule .day-main .day-entry .session-entry:last-child { padding-bottom: 20px; } } #financial_services_series .mod-schedule .day-main .day-entry .session-entry:last-child .meta { border-bottom: 0; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry:last-child .read-less { cursor: pointer; position: absolute; bottom: 24px; right: 10px; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; } #financial_services_series .mod-schedule .day-main .day-entry .session-entry:last-child .read-less span { font-size: 25px; color: #5D6877; } #financial_services_series .mod-webinar .webinar-btn { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all 0.3s linear; text-transform: uppercase; } #financial_services_series .mod-webinar .webinar-btn:hover { background-color: rgba(255, 255, 255, 0.2); } #financial_services_series .mod-webinar .modal .modal-content { background-color: transparent; border: 0; box-shadow: none; } #financial_services_series .mod-webinar .modal .modal-body { padding: 0; } #financial_services_series .mod-webinar .modal .video { float: left; width: calc(100% - 400px); } #financial_services_series .mod-webinar .modal .video iframe { width: 100%; height: 75vh; } #financial_services_series .mod-webinar .modal .chat { float: left; width: 400px; } #financial_services_series .mod-webinar .modal .chat iframe { width: 100%; height: 75vh; } #financial_services_series .mod-tickets { float: left; width: 100%; } #financial_services_series .mod-tickets .tickets { float: left; width: 64.833%; font-size: 0; } @media (max-width: 980px) { #financial_services_series .mod-tickets .tickets { width: 100%; } } #financial_services_series .mod-tickets .tickets .ticket { float: left; border: 3px solid #000000; width: calc(50% - 15px); margin-right: 15px; margin-bottom: 20px; min-height: 385px; } #financial_services_series .mod-tickets .tickets .ticket:nth-child(even) { margin-right: 0; margin-left: 15px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket { min-height: 320px; } } @media (max-width: 669px) { #financial_services_series .mod-tickets .tickets .ticket { min-height: 1px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-tickets .tickets .ticket { width: 100%; margin: 0 0 20px !important; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-title { background: #000000; color: #fff; font-weight: 700; font-size: 26px; line-height: 100%; text-align: center; padding: 15px 0 20px 0; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-title { font-size: 22px; padding: 10px 0 15px 0; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { text-transform: uppercase; font-size: 0; min-height: 62px; padding: 0; margin: 0; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 50px; } } @media (max-width: 669px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name { min-height: 1px; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { display: inline-block; width: 32%; vertical-align: top; font-weight: 600; text-align: center; padding: 13px 0; font-size: 16px; background: #5D6877; color: #fff; line-height: 100%; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span { width: 31%; font-size: 14px; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { color: #5D6877; background: none; padding: 8px 10px 0 10px; width: 35%; } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { color: #000000; display: block; font-weight: 300; font-size: 12px; line-height: 150%; text-transform: none; } @media (max-width: 330px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span small, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span small { font-size: 11px; } } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-name span + span, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-name span + span { width: 40%; padding: 8px 5px 0 5px; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { text-align: center; font-weight: 600; font-size: 36px; margin: 40px 0 0 0; position: relative; padding: 0; min-height: 65px; } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { color: #8A9299; font-size: 16px; display: block; line-height: 100%; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { font-size: 30px; margin-top: 20px; min-height: 45px; } #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-full-price .tax { font-size: 14px; } } @media (max-width: 669px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket .ticket-full .ticket-full-price { min-height: 1px; } } #financial_services_series .mod-tickets .tickets .ticket .price-text { text-align: center; font-size: 14px; font-weight: 300; color: #000000; margin: 15px 0 30px 0; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .price-text { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #financial_services_series .mod-tickets .tickets .ticket .price-text { margin-bottom: 0; } #financial_services_series .mod-tickets .tickets .ticket .price-text.price-text-hidden { display: none; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty { margin: 20px 0 30px 0; clear: both; text-align: center; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-qty { margin: 10px 0 20px 0; } } @media (max-width: 669px) { #financial_services_series .mod-tickets .tickets .ticket .ticket-qty { margin-top: 20px; } } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty-btn { color: #fff; height: 40px; width: 35px; text-align: center; font-size: 28px; cursor: pointer; padding-top: 5px; transition: background 0.3s linear; display: inline-block; vertical-align: middle; user-select: none; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty-btn.minus { background: #5D6877; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty-btn.plus { background: #5D6877; padding-top: 8px; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty-btn:hover { background: #5D6877; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty { background: #eeeeee; color: #000000; height: 42px; width: 42px; text-align: center; font-size: 22px; margin: 0 10px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-inner-spin-button, #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::-webkit-outer-spin-button, #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-inner-spin-button, #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::-moz-outer-spin-button, #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::inner-spin-button, #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty::outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; width: 0; opacity: 0; } #financial_services_series .mod-tickets .tickets .ticket .ticket-qty .qty-txt { text-align: center; padding-top: 10px; font-size: 16px; display: block; color: #000000; } #financial_services_series .mod-tickets .tickets .ticket.single-ticket { width: 100%; margin-right: 0; position: relative; min-height: 0; } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: left; padding: 15px 40px 20px; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-title { text-align: center; padding: 15px 0 20px; } } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: left; padding: 13px 40px; width: inherit; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-name span, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-name span { text-align: center; padding: 13px 20px; } } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { margin-top: -40px; } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: left; padding: 0 40px; margin-top: 20px; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price { text-align: center; padding: 0 20px; margin-top: 30px; } } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: inline; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-sale .ticket-full-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-sale-price .tax, #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-full .ticket-full-price .tax { display: block; } } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: left; padding: 0 40px; margin-top: 0; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .price-text { text-align: center; padding: 0 20px; margin-top: 20px; } } #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-qty { text-align: right; padding: 0 40px; float: right; position: absolute; right: 20px; bottom: 3%; } @media only screen and (max-width: 900px) { #financial_services_series .mod-tickets .tickets .ticket.single-ticket .ticket-qty { right: inherit; bottom: inherit; position: relative; width: 100%; text-align: center; } } #financial_services_series .mod-tickets .ticket-order { float: right; width: 29.666%; } @media (max-width: 980px) { #financial_services_series .mod-tickets .ticket-order { width: 100%; } } #financial_services_series .mod-tickets .ticket-order .cart { background: #eee; text-align: center; } #financial_services_series .mod-tickets .ticket-order .cart .no-tickets { text-align: center; padding-top: 20px; font-weight: 600; font-size: 20px; color: #5D6877; } #financial_services_series .mod-tickets .ticket-order .cart p { text-align: left; } #financial_services_series .mod-tickets .ticket-order .cart h3 { background: #5D6877; color: #fff; text-align: center; font-weight: 600; padding: 25px 0; font-size: 22px; line-height: 100%; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart h3 { padding: 15px 0; font-size: 20px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets { padding: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets { padding: 10px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { padding: 0 15px 15px 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket { font-size: 14px; padding: 0 5px 15px 10px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { border-bottom: 2px solid #fff; padding-bottom: 60px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket:last-of-type { padding-bottom: 25px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket span { display: inline-block; vertical-align: top; } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-weight: 300; font-style: italic; font-size: 14px; display: block; line-height: 100%; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket small { font-size: 13px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-qty { margin-left: 5px; } } #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { float: right; font-size: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .cart-tickets .cart-ticket .ticket-total { font-size: 16px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals { clear: both; width: 100%; float: left; padding: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .totals { padding: 10px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals .discounts { padding: 0 15px; float: left; width: 100%; font-size: 16px; font-weight: 600; text-transform: capitalize; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .totals .discounts { font-size: 14px; padding: 0 5px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals .discounts .discount-value { float: right; font-size: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .totals .discounts .discount-value { font-size: 16px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals .taxes { clear: both; float: left; width: 100%; padding: 10px 15px 0 15px; font-size: 16px; font-weight: 600; color: #8A9299; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .totals .taxes { padding: 7px 5px 0 5px; font-size: 14px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals .taxes .tax-value { float: right; } #financial_services_series .mod-tickets .ticket-order .cart .totals .total { clear: both; float: left; width: 100%; padding: 15px; background: #fff; font-size: 20px; margin: 0; line-height: 100%; font-weight: 600; margin-top: 20px; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .totals .total { padding: 10px; font-size: 16px; } } @media (max-width: 991px) { #financial_services_series .mod-tickets .ticket-order .cart .totals .total { padding: 10px 5px; } } #financial_services_series .mod-tickets .ticket-order .cart .totals .total .total-value { float: right; } #financial_services_series .mod-tickets .ticket-order .cart .buy-tickets { display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #5D6877; padding: 12px 50px; cursor: pointer; font-weight: 400; margin: 10px 0 20px 0; transition: all 0.3s linear; } #financial_services_series .mod-tickets .ticket-order .cart .buy-tickets.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.2; filter: grayscale(1); transition: all 0.3s linear; } #financial_services_series .mod-tickets .ticket-order .cart .buy-tickets:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .mod-tickets .ticket-order .cart .buy-tickets { letter-spacing: 0; padding: 12px 20px; } } #financial_services_series .mod-tickets .loading-spinner { display: none; position: absolute; z-index: 2; width: 100%; top: 10%; text-align: center; overflow: hidden; } #financial_services_series .mod-tickets .loading-spinner .load, #financial_services_series .mod-tickets .loading-spinner .load:after { border-radius: 50%; width: 10em; height: 10em; } #financial_services_series .mod-tickets .loading-spinner .load { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(1, 168, 158, 0.2); border-right: 1.1em solid rgba(1, 168, 158, 0.2); border-bottom: 1.1em solid rgba(1, 168, 158, 0.2); border-left: 1.1em solid #5D6877; transform: translateZ(0); animation: load8 1.1s infinite linear; } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #financial_services_series .mod-tickets:before { content: ''; pointer-events: none; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease-in .2s; } #financial_services_series .mod-tickets.loading { pointer-events: none; } #financial_services_series .mod-tickets.loading:before { opacity: .8; transition: all ease-in .2s; } #financial_services_series .mod-tickets.loading .loading-spinner { display: block; } #financial_services_series #insurerConfirmModal .modal-content { border: 3px solid #5D6877; box-shadow: none; padding: 20px; max-width: 500px; } #financial_services_series #insurerConfirmModal .modal-content h3 { font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 20px; color: #000000; } #financial_services_series #insurerConfirmModal .modal-content p { margin-bottom: 30px; color: #000000; } #financial_services_series #insurerConfirmModal .modal-content .confirmation { margin-bottom: 30px; } #financial_services_series #insurerConfirmModal .modal-content .confirmation label { margin-left: 15px; color: #000000; } #financial_services_series #insurerConfirmModal .modal-content .confirm-btns { float: left; width: calc(100% + 20px); margin-left: -10px; clear: both; } #financial_services_series #insurerConfirmModal .modal-content .confirm-btns .btn { width: calc(50% - 20px); margin: 0 10px; float: left; text-align: center; color: white; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; padding: 10px 0; transition: all ease-in .2s; } #financial_services_series #insurerConfirmModal .modal-content .confirm-btns .btn.confirm { background-color: #5D6877; } #financial_services_series #insurerConfirmModal .modal-content .confirm-btns .btn.cancel { background-color: #000000; } #financial_services_series #insurerConfirmModal .modal-content .confirm-btns .btn.disabled { opacity: 0.3; pointer-events: none; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all ease-in .2s; } #financial_services_series .mod-related-content .related-article { width: calc(33.33% - 20px); margin: 0 10px 20px 10px; float: left; font-size: 22px; font-weight: 700; color: #000000; line-height: 130%; } @media (max-width: 1199px) { #financial_services_series .mod-related-content .related-article { font-size: 18px; } } @media (max-width: 767px) { #financial_services_series .mod-related-content .related-article { width: 100%; margin: 0 0 20px 0; } } #financial_services_series .mod-related-content .related-article:nth-child(3n + 1) { clear: both; } #financial_services_series .mod-related-content .related-article .event-img { width: 100%; height: 0; padding-bottom: 65%; background: #000000; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 15px; } @media (max-width: 1199px) { #financial_services_series .mod-related-content .related-article .event-img { margin-bottom: 10px; } } #financial_services_series .mod-related-content .related-article .event-img * { position: relative; z-index: 1; } #financial_services_series .mod-related-content .related-article .event-img img { width: auto; max-width: 100%; max-height: none; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #financial_services_series .mod-related-content .related-article .event-img:before { content: 'read more'; display: block; width: 200px; text-align: center; border: 2px solid #fff; padding: 12px 0; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; transition: all 0.3s linear; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; margin: 0 auto; } @media (max-width: 1199px) { #financial_services_series .mod-related-content .related-article .event-img:before { letter-spacing: 0; } } #financial_services_series .mod-related-content .related-article .event-img:before:hover { background: #fff; color: #000000; } #financial_services_series .mod-related-content .related-article .event-img:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 2; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #financial_services_series .mod-related-content .related-article .event-img:hover:before { opacity: 1; visibility: visible; } #financial_services_series .mod-related-content .related-article .event-img:hover:after { top: 0; } #financial_services_series .mod-related-content .related-article .event-tag { text-transform: uppercase; display: block; color: #8A9299; font-size: 16px; line-height: 100%; padding: 25px 0; } @media (max-width: 1199px) { #financial_services_series .mod-related-content .related-article .event-tag { font-size: 14px; padding: 15px 0; } } #financial_services_series .mod-related-content .related-article .event-text { max-height: 88px; overflow: hidden; } #financial_services_series .mod-related-content .related-article .event-text * { font-size: 14px; line-height: 150%; margin: 0; padding: 0; font-weight: 300; } #financial_services_series .mod-related-content.vertical .single-entry { width: 100%; margin: 0 0 30px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type { padding: 4px 15px 10px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type .type-text { font-size: 10px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type .entry-post-date { padding: 10px 15px 3px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type .entry-post-date .day { font-size: 16px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type .entry-post-date .month { font-size: 15px; line-height: 11px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-type .entry-post-date .year { font-size: 10px; } #financial_services_series .mod-related-content.vertical .single-entry .feat-image { height: 120px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-text { padding: 15px 15px 10px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-text h3 { font-size: 18px; padding-bottom: 2px; } #financial_services_series .mod-related-content.vertical .single-entry .entry-text h4 { font-size: 12px; padding-bottom: 5px; } #financial_services_series .mod-map-marker { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-530px); } @media only screen and (max-width: 900px) { #financial_services_series .mod-map-marker { position: relative; bottom: inherit; transform: none; } } #financial_services_series .mod-map-marker .et_pb_row { position: relative; height: 100%; } #financial_services_series .mod-map-marker .marker { position: absolute; top: 140px; right: 0; background: white; padding: 73px 63px; width: 530px; } @media only screen and (max-width: 900px) { #financial_services_series .mod-map-marker .marker { position: relative; width: 100%; top: 0; transform: none; padding: 40px 20px 40px; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-map-marker .marker { padding: 20px 20px 0; } } #financial_services_series .mod-map-marker .marker h3 { font-weight: 700; margin-bottom: 7px; padding: 0; } #financial_services_series .mod-map-marker .marker h4 { font-size: 19px; width: 100%; max-width: 330px; line-height: 30px; padding: 0; margin: 0 0 40px; } #financial_services_series .mod-map-marker .marker a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 183px; text-align: center; margin: 0 17px 0 0; padding: 10px 0; border: 2px solid #5D6877; font-size: 14px; letter-spacing: 1px; color: #5D6877; transition: all 0.3s linear; text-transform: uppercase; font-weight: 600; } @media only screen and (max-width: 900px) { #financial_services_series .mod-map-marker .marker a { margin-left: 0; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-map-marker .marker a { margin: 0 0 20px; width: 100%; max-width: none; } } #financial_services_series .mod-map-marker .marker a:hover { border: 2px solid #5D6877; transition: all ease-in .2s; } #financial_services_series .et_pb_map { height: 600px; } #financial_services_series .contact-map .et_pb_map { height: 300px; } #financial_services_series .gmnoprint { display: none; } #financial_services_series .mod-sign-up { width: 100%; margin: 0; background: #5D6877; padding: 20px 10px 0; text-align: center; float: left; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sign-up { width: 100%; margin: 0; } } #financial_services_series .mod-sign-up h3 { font-weight: 800; font-size: 24px; color: #000000; } #financial_services_series .mod-sign-up p { color: #fff; padding: 0; margin: 0; } #financial_services_series .mod-sign-up .elq-form { float: left; width: 100%; } #financial_services_series .mod-sign-up .elq-form label { display: none; } #financial_services_series .mod-sign-up .elq-form .form-design-field { float: left; width: 25%; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sign-up .elq-form .form-design-field { width: 100%; } } #financial_services_series .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { display: block; width: calc(100% - 20px); color: #000000; font-size: 14px; appearance: none; line-height: 100%; background: #fff; padding: 15px; border-radius: 3px; margin: 0px 0px 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sign-up .elq-form .form-design-field input:not([type=submit]) { width: 100%; } } #financial_services_series .mod-sign-up .elq-form .form-design-field input[type=submit] { border-radius: 0; color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 13px 0; width: 100%; } #financial_services_series .mod-sponsorship-form { width: 100%; max-width: 800px; margin: 0 auto; } #financial_services_series .mod-sponsorship-form label { display: none; } #financial_services_series .mod-sponsorship-form .col-1, #financial_services_series .mod-sponsorship-form .col-2 { float: left; width: calc(50% - 20px); margin: 0 10px; } @media only screen and (max-width: 600px) { #financial_services_series .mod-sponsorship-form .col-1, #financial_services_series .mod-sponsorship-form .col-2 { width: 100%; float: none !important; margin: 0; } } #financial_services_series .mod-sponsorship-form .col-2 { float: right; } #financial_services_series .mod-sponsorship-form input:not([type=submit]), #financial_services_series .mod-sponsorship-form textarea { background: #fff; width: 100%; margin: 0 0 10px; padding: 15px; border: 0; border-radius: 3px; font-size: 14px; appearance: none; } #financial_services_series .mod-sponsorship-form textarea { min-height: 160px; } #financial_services_series .mod-sponsorship-form input[type=submit] { appearance: none; background: transparent; border: 2px solid #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 0; width: 100%; color: #fff; text-transform: uppercase; } #financial_services_series .mod-homepage-index .index-entry-filters { padding: 0; margin: 0 auto; list-style: none; width: 100%; max-width: 900px; } #financial_services_series .mod-homepage-index .index-entry-filters li { text-transform: uppercase; border: 1px solid #000000; color: #000000; background-color: transparent; cursor: pointer; width: calc(33.33% - 16px); margin: 0 8px 16px; float: left; text-align: center; padding: 12px 20px; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition: all ease-in-out .3s; } @media only screen and (max-width: 900px) { #financial_services_series .mod-homepage-index .index-entry-filters li { width: 100%; margin: 0 0 15px; font-size: 14px; padding: 8px 20px; } } #financial_services_series .mod-homepage-index .index-entry-filters li:hover { background-color: #000000; transition: all ease-in-out .3s; } #financial_services_series .mod-homepage-index .index-entry-filters li.active { background-color: #000000; color: #fff; transition: all ease-in-out .3s; } #financial_services_series .mod-homepage-index .index-entry { width: 100%; display: none; clear: both; padding-top: 30px; text-align: center; } #financial_services_series .mod-homepage-index .index-entry .single-entry { display: inline-block !important; float: none !important; width: calc(33.33% - 33px) !important; vertical-align: top; } @media only screen and (max-width: 900px) { #financial_services_series .mod-homepage-index .index-entry .single-entry { width: calc(50% - 33px) !important; } } @media only screen and (max-width: 600px) { #financial_services_series .mod-homepage-index .index-entry .single-entry { width: 100% !important; margin: 0 0 20px !important; } } #financial_services_series .mod-homepage-index .index-entry.active { display: block; } #financial_services_series .masonry-grid .grid-item { width: 33.33%; padding: 10px; } #financial_services_series .masonry-grid .grid-item img { width: 100%; height: auto; } #financial_services_series.et-fb .et_pb_masonry_grid { width: 100%; height: 100px; background-color: #dddddd; position: relative; } #financial_services_series.et-fb .et_pb_masonry_grid > div { display: none; } #financial_services_series.et-fb .et_pb_masonry_grid::before { content: 'Grid will render here'; position: absolute; top: 50%; left: 0; width: 100%; color: #aaaaaa; font-weight: 600; transform: translateY(-50%); text-align: center; } #financial_services_series #event-menu { z-index: 20; width: 100%; position: fixed; top: 30px; left: 0; } #financial_services_series #event-menu .fullwidth-menu { padding-top: 15px !important; } #financial_services_series #event-menu .fullwidth-menu li a { padding-bottom: 20px; } #financial_services_series .admin-bar #event-menu { top: 62px; } #financial_services_series .single-product #main-header.et-fixed-header { transform: translateY(-120%); transition: all ease-in .2s; } #financial_services_series .homepage-event-section .divider-strip { position: relative; } #financial_services_series .homepage-event-section .divider-strip:after { content: ''; display: block; max-width: 260px; height: 4px; background: #5D6877; margin-top: 30px; } #financial_services_series .homepage-events-preview { margin-top: 80px; } #financial_services_series .homepage-events-preview ~ .homepage-events-preview { margin-top: 0; margin-bottom: 50px; } #financial_services_series .homepage-events-preview .et_pb_column { width: calc(33.3% - 10px); margin: 0 0 15px 0; padding: 0; } #financial_services_series .homepage-events-preview .et_pb_column:nth-child(2) { margin-left: 16px; margin-right: 0; } #financial_services_series .homepage-events-preview .et_pb_column:nth-child(3) { float: right; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text { padding: 35px 35px 5px 35px; display: table-cell; vertical-align: bottom; height: 350px; cursor: pointer; position: relative; transition: all 0.3s linear; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text * { z-index: 1; position: relative; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.85; transition: all 0.3s linear; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 220%; margin: 0; padding: 0; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text h6 + p { font-size: 32px; line-height: 100%; margin: 0 0 25px 0; padding: 0; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { line-height: 150%; margin: 0 0 30px 0; transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text a { display: block; max-width: 190px; background: #5D6877; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 15px; text-align: center; line-height: 100%; transition: all 0.3s linear; opacity: 0; max-height: 0; height: auto; visibility: hidden; overflow: hidden; cursor: pointer; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text a:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text { height: 285px; padding: 20px; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text:before { top: 0; background: #000000; opacity: 0.95; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text h6 { font-size: 18px; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text h6 + p + p { max-height: none; overflow: visible; opacity: 1; visibility: visible; } #financial_services_series .homepage-events-preview .et_pb_column .et_pb_text a { max-height: none; overflow: visible; opacity: 1; visibility: visible; } } #financial_services_series .homepage-events-preview .et_pb_column:hover .et_pb_text { padding-bottom: 35px; } #financial_services_series .homepage-events-preview .et_pb_column:hover .et_pb_text:before { top: 0; } #financial_services_series .homepage-events-preview .et_pb_column:hover .et_pb_text h6 + p + p, #financial_services_series .homepage-events-preview .et_pb_column:hover .et_pb_text a { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #financial_services_series .homepage-events-preview { padding-left: 15px !important; padding-right: 15px !important; } #financial_services_series .homepage-events-preview:hover .et_pb_column .et_pb_text { padding-bottom: 20px; } } @media (max-width: 1059px) { #financial_services_series .homepage-events-preview:after { display: none; } #financial_services_series .homepage-events-preview .et_pb_column { width: calc(50% - 7.5px); margin-bottom: 15px; } #financial_services_series .homepage-events-preview .et_pb_column:nth-child(2) { float: right; margin: 0 0 15px 0; } #financial_services_series .homepage-events-preview .et_pb_column:nth-child(3) { float: left; margin-right: 15px !important; } #financial_services_series .homepage-events-preview ~ .homepage-events-preview:after { display: block; } #financial_services_series .homepage-events-preview ~ .homepage-events-preview .et_pb_column:nth-child(2) { float: left; } } #financial_services_series .topic-header { position: relative; background-position: center; background-size: cover; } #financial_services_series .topic-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #financial_services_series .topic-header * { position: relative; z-index: 1; } #financial_services_series .featured-event { max-width: 1200px; margin: 0 auto; padding: 70px; position: relative; background-position: center; background-size: cover; } #financial_services_series .featured-event:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.95; } #financial_services_series .featured-event * { position: relative; z-index: 1; } @media (max-width: 991px) { #financial_services_series .featured-event { padding: 70px 50px 30px 20px; } } @media (max-width: 991px) { #financial_services_series .featured-event { padding-right: 20px; } } #financial_services_series .featured-event > p { position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: #5D6877; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; padding: 8px; line-height: 100%; margin: 0; } #financial_services_series .featured-event .close { position: absolute; right: 10px; top: 38px; font-size: 50px; color: #8A9299; cursor: pointer; z-index: 1; font-weight: 100; } #financial_services_series .featured-event .close:hover { color: #5D6877; } #financial_services_series .featured-event .dates-of-event { position: absolute; right: -10px; top: 128px; z-index: 1; display: block; padding: 15px; background: #5D6877; color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 120%; } #financial_services_series .featured-event .dates-of-event strong { display: block; font-weight: 800; } #financial_services_series .featured-event .dates-of-event:after { content: ''; border-top: 10px solid #5D6877; border-right: 10px solid transparent; position: absolute; bottom: -10px; right: 0; } @media (max-width: 991px) { #financial_services_series .featured-event .dates-of-event { top: 95px; padding: 10px; font-size: 20px; } } @media (max-width: 699px) { #financial_services_series .featured-event .dates-of-event { top: 45%; } } #financial_services_series .featured-event .col-6 { position: relative; font-size: 0; display: table-cell; vertical-align: middle; float: none; width: 50%; padding: 0 90px 0 0; } @media (max-width: 991px) { #financial_services_series .featured-event .col-6 { padding-right: 20px; } } @media (max-width: 767px) { #financial_services_series .featured-event .col-6 { width: 100%; display: block; padding-right: 0; } } #financial_services_series .featured-event .col-6 > img { width: auto; max-width: 100%; } @media (max-width: 767px) { #financial_services_series .featured-event .col-6 > img { max-height: 130px; } } #financial_services_series .featured-event .col-6.right { padding: 0 50px 0 0; } @media (max-width: 1199px) { #financial_services_series .featured-event .col-6.right { padding-right: 10px; } } @media (max-width: 699px) { #financial_services_series .featured-event .col-6.right { padding-right: 0; } } #financial_services_series .featured-event .col-6 .countdown-to-event { margin: 30px 0 0 0; } @media (max-width: 767px) { #financial_services_series .featured-event .col-6 .countdown-to-event { margin-bottom: 20px; } } #financial_services_series .featured-event .col-6 .countdown-to-event p { font-size: 24px; color: #fff; font-weight: 300; margin: 0 0 20px 0; } #financial_services_series .featured-event .col-6 .countdown-to-event span { display: inline-block; border: 2px solid #fff; padding: 5px 5px 10px 5px; font-size: 14px; color: #fff; font-weight: 300; line-height: 100%; margin: 0 5px; width: 66px; } #financial_services_series .featured-event .col-6 .countdown-to-event span:first-of-type { background: #fff; color: #000000; } #financial_services_series .featured-event .col-6 .countdown-to-event strong { font-size: 30px; font-weight: 600; color: #5D6877; display: block; line-height: 120%; } @media (max-width: 699px) { #financial_services_series .featured-event .col-6 .countdown-to-event span { width: 50px; } #financial_services_series .featured-event .col-6 .countdown-to-event span strong { font-size: 20px; } } #financial_services_series .featured-event .col-6 .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; } #financial_services_series .featured-event .col-6 .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #financial_services_series .featured-event .col-6 .event-type span:after { font-family: 'ETmodules'; } #financial_services_series .featured-event .col-6 .event-type.event { color: #5D6877; } #financial_services_series .featured-event .col-6 .event-type.event span:after { content: "\e108"; } #financial_services_series .featured-event .col-6 .event-type.article { color: #366893; } #financial_services_series .featured-event .col-6 .event-type.article span:after { content: "\e059"; } #financial_services_series .featured-event .col-6 .event-type.webinar { color: #5D6877; } #financial_services_series .featured-event .col-6 .event-type.webinar span:after { content: '\e00e'; } #financial_services_series .featured-event .col-6 .event-type.course { color: #8A9299; } #financial_services_series .featured-event .col-6 .event-type.course span:after { content: '\e012'; } #financial_services_series .featured-event .col-6 h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 120%; margin: 0 0 15px 0; padding: 0; } @media (max-width: 699px) { #financial_services_series .featured-event .col-6 h2 { padding-right: 40px; } } #financial_services_series .featured-event .col-6 h3 { font-size: 16px; text-transform: uppercase; color: #5D6877; display: block; line-height: 150%; margin: 0 0 20px 0; } #financial_services_series .featured-event .col-6 p { font-weight: 300; color: #fff; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } #financial_services_series .featured-event .col-6 .white-btn, #financial_services_series .featured-event .col-6 .colored-btn { display: inline-block; vertical-align: bottom; color: #fff; cursor: pointer; transition: all 0.3s linear; margin: 13px 15px 0 0; font-size: 16px; text-transform: uppercase; font-weight: 400; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid; padding: 10px 0; width: 180px; text-align: center; } #financial_services_series .featured-event .col-6 .white-btn:hover, #financial_services_series .featured-event .col-6 .colored-btn:hover { background: #8A9299; border-color: transparent; } #financial_services_series .featured-event .col-6 .white-btn { border-color: #fff; background: transparent; } #financial_services_series .featured-event .col-6 .colored-btn { background: #5D6877; border-color: #5D6877; margin-right: 0; } #financial_services_series .events-filter { margin: 50px 0 20px 0; } #financial_services_series .events-filter ul { float: left; } #financial_services_series .events-filter ul li { display: inline-block; margin: 0 20px; cursor: pointer; } #financial_services_series .events-filter ul li p { font-size: 16px; } #financial_services_series .events-filter ul li.active p { color: green; } #financial_services_series .events-filter p { font-size: 22px; color: #000000; text-transform: uppercase; line-height: 100%; margin: 0; } #financial_services_series .events-filter p span { font-size: 24px; margin: 0 0 0 5px; } #financial_services_series .events-filter p span:after { content: '\35'; font-family: 'ETmodules'; } #financial_services_series .events-filter > span { font-size: 30px; margin: 0 0 0 20px; cursor: pointer; } #financial_services_series .events-filter > span.icon_grid-2x2 { color: #000000; } #financial_services_series .events-filter > span.icon_grid-2x2:after { content: '\e08c'; font-family: 'ETmodules'; } #financial_services_series .events-filter > span.icon_menu { font-size: 35px; color: #ddd; } #financial_services_series .events-filter > span.icon_menu:after { content: '\61'; font-family: 'ETmodules'; } #financial_services_series .events-filter > span:hover, #financial_services_series .events-filter > span.icon-active { color: #5D6877; } @media (max-width: 767px) { #financial_services_series .events-filter > span.icon_grid-2x2, #financial_services_series .events-filter > span.icon_menu { display: none; } } #financial_services_series .inner-events-boxes { font-size: 0; } #financial_services_series .inner-events-boxes .event-box { background-position: center; background-size: cover; background-repeat: no-repeat; text-align: left; display: none; width: 100%; margin: 0 0 15px 0; transition: all 1s ease-in; } #financial_services_series .inner-events-boxes .event-box.active { display: inline-block; } #financial_services_series .inner-events-boxes .event-box > div { padding: 20px; display: block; vertical-align: bottom; height: auto; cursor: pointer; position: relative; } #financial_services_series .inner-events-boxes .event-box > div * { z-index: 1; position: relative; } #financial_services_series .inner-events-boxes .event-box > div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: #000000; opacity: 0.9; } #financial_services_series .inner-events-boxes .event-box > div h3 { font-size: 24px; color: #fff; line-height: 130%; font-weight: 400; margin: 0 0 15px 0; padding: 0; } #financial_services_series .inner-events-boxes .event-box > div > strong { font-size: 16px; color: #8A9299; display: block; line-height: 120%; font-weight: 400; margin: 0 0 10px 0; } #financial_services_series .inner-events-boxes .event-box > div p { font-size: 14px; color: #fff; line-height: 130%; margin: 0 0 25px 0; } #financial_services_series .inner-events-boxes .event-box > div p .location { text-transform: uppercase; display: block; padding-bottom: 5px; } #financial_services_series .inner-events-boxes .event-box > div .event-type { display: block; font-size: 14px; text-transform: uppercase; margin: 0; } #financial_services_series .inner-events-boxes .event-box > div .event-type span { font-size: 18px; margin: 0 5px 0 0; vertical-align: bottom; } #financial_services_series .inner-events-boxes .event-box > div .event-type span:after { font-family: 'ETmodules'; } #financial_services_series .inner-events-boxes .event-box > div .event-type.event { color: #5D6877; } #financial_services_series .inner-events-boxes .event-box > div .event-type.event span:after { content: "\e108"; } #financial_services_series .inner-events-boxes .event-box > div .event-type.article { color: #366893; } #financial_services_series .inner-events-boxes .event-box > div .event-type.article span:after { content: "\e059"; } #financial_services_series .inner-events-boxes .event-box > div .event-type.webinar { color: #5D6877; } #financial_services_series .inner-events-boxes .event-box > div .event-type.webinar span:after { content: '\e00e'; } #financial_services_series .inner-events-boxes .event-box > div .event-type.course { color: #8A9299; } #financial_services_series .inner-events-boxes .event-box > div .event-type.course span:after { content: '\e012'; } #financial_services_series .inner-events-boxes .event-box > div .event-btn { display: block; position: absolute; bottom: 10px; right: 0; z-index: 1; width: 48%; max-width: 250px; text-align: center; color: #fff; background: #5D6877; padding: 10px 0; text-transform: uppercase; font-size: 16px; cursor: pointer; } #financial_services_series .inner-events-boxes .event-box > div .event-btn:hover { background: #5D6877; } #financial_services_series .inner-events-boxes .event-box.col-4 { width: 31.3%; margin: 0 1% 15px 1%; } #financial_services_series .inner-events-boxes .event-box.col-4 > div { height: 320px; display: table-cell; } #financial_services_series .inner-events-boxes .event-box.col-4 > div p { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #financial_services_series .inner-events-boxes .event-box.col-4 > div .event-btn { transition: all 0.3s linear; height: auto; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; } #financial_services_series .inner-events-boxes .event-box.col-4 > div:hover p, #financial_services_series .inner-events-boxes .event-box.col-4 > div:hover .event-btn { max-height: 200px; visibility: visible; opacity: 1; } @media (max-width: 1199px) { #financial_services_series .inner-events-boxes .event-box > div h3 { font-size: 20px; } #financial_services_series .inner-events-boxes .event-box > div p, #financial_services_series .inner-events-boxes .event-box > div .event-btn { max-height: none; visibility: visible; opacity: 1; } #financial_services_series .inner-events-boxes .event-box.col-4 > div { height: 300px; display: block; } } @media (max-width: 991px) { #financial_services_series .inner-events-boxes .event-box.col-4 { width: 48%; } #financial_services_series .inner-events-boxes .event-box.col-4 > div { height: 260px; } } @media (max-width: 767px) { #financial_services_series .inner-events-boxes .event-box.col-4 { width: 100%; margin: 0 0 15px 0; } #financial_services_series .inner-events-boxes .event-box.col-4 > div { height: auto; } } #financial_services_series div.inner-event-header { position: relative; background-position: center; background-size: cover; font-size: 0; text-align: center; overflow: visible !important; } #financial_services_series div.inner-event-header .et_pb_row { z-index: 2; } #financial_services_series div.inner-event-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #financial_services_series div.inner-event-header:before { content: ''; position: absolute; bottom: -145px; left: -120px; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; height: 195px; z-index: 3; background: linear-gradient(to right, #5D6877 35px, transparent 35px); background: -moz-linear-gradient(right, #5D6877 35px, transparent 35px); background: -o-linear-gradient(right, #5D6877 35px, transparent 35px); background: -webkit-linear-gradient(left, #5D6877 35px, transparent 35px); pointer-events: none; } #financial_services_series div.inner-event-header img, #financial_services_series div.inner-event-header h1, #financial_services_series div.inner-event-header h2, #financial_services_series div.inner-event-header h3, #financial_services_series div.inner-event-header h4, #financial_services_series div.inner-event-header h5, #financial_services_series div.inner-event-header h6, #financial_services_series div.inner-event-header p { padding-left: 5px; padding-right: 5px; } #financial_services_series div.inner-event-header a { display: inline-block; line-height: 150%; cursor: pointer; width: 100%; max-width: 280px; text-align: center; margin: 0 10px 10px 10px; padding: 10px 0; border: 2px solid #fff; font-size: 16px; letter-spacing: 1px; color: #fff !important; transition: all 0.3s linear; text-transform: uppercase; } #financial_services_series div.inner-event-header a:hover { background: #8A9299; } #financial_services_series div.inner-event-header a.colored-btn { background: #5D6877; border-color: #5D6877; } #financial_services_series div.inner-event-header a.colored-btn:hover { background: #5D6877; border-color: #5D6877; } @media (max-width: 1199px) { #financial_services_series div.inner-event-header.et_pb_section_0.et_pb_section { padding: 100px 0; } } @media (max-width: 991px) { #financial_services_series div.inner-event-header.et_pb_section_0.et_pb_section { padding: 50px 0; } } @media (max-width: 980px) { #financial_services_series div.inner-event-header.et_pb_section_0.et_pb_section .et_pb_text_0 { max-width: none; } #financial_services_series div.inner-event-header.et_pb_section_0.et_pb_section h1 { text-align: center; } #financial_services_series div.inner-event-header .et_pb_column_1 { margin-bottom: 0; } } @media (max-width: 767px) { #financial_services_series div.inner-event-header.et_pb_section_0.et_pb_section { padding: 0 0 20px 0; } #financial_services_series div.inner-event-header img { padding: 20px 20px 5px 20px; } #financial_services_series div.inner-event-header h1 { padding: 0; } #financial_services_series div.inner-event-header a { margin: 0 0 10px 0; } } #financial_services_series .event-icons div { display: inline-block; } #financial_services_series .event-icons div > strong { display: block; } @media (max-width: 599px) { #financial_services_series .event-icons div img { max-width: 50px; max-height: 50px; } #financial_services_series .event-icons div > strong { font-size: 30px !important; } #financial_services_series .event-icons div > span { font-size: 16px !important; } } #financial_services_series .plus-number .percent-value:after { content: "+"; font-size: 40px; vertical-align: 2px; margin-left: 5px; } #financial_services_series .et_pb_number_counter { margin-top: -30px; } @media (max-width: 980px) { #financial_services_series .et_pb_number_counter { margin-top: 5px; } } @media (max-width: 980px) { #financial_services_series .et_pb_number_counter .percent { height: auto; } } #financial_services_series .et_pb_widget { width: 100%; } #financial_services_series .et_pb_widget .field-wrapper label { display: none; } #financial_services_series .et_pb_widget .field-wrapper input, #financial_services_series .et_pb_widget .field-wrapper textarea { display: block; width: 100%; background: #fff; color: #000000; padding: 15px; font-size: 14px; border-radius: 3px; margin: 0 0 12px 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 100%; } #financial_services_series .et_pb_widget .field-wrapper input[type=submit], #financial_services_series .et_pb_widget .field-wrapper textarea[type=submit] { border-radius: 0; color: #fff; background: #5D6877; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; transition: background 0.3s linear; margin-bottom: 0; text-align: center; padding: 15px 0; } #financial_services_series .et_pb_widget .field-wrapper input[type=submit]:hover, #financial_services_series .et_pb_widget .field-wrapper textarea[type=submit]:hover { background: #5D6877; } @media (max-width: 1199px) { #financial_services_series .et_pb_widget .field-wrapper input[type=submit], #financial_services_series .et_pb_widget .field-wrapper textarea[type=submit] { letter-spacing: 0; } } #financial_services_series .et_pb_widget .field-wrapper input:focus, #financial_services_series .et_pb_widget .field-wrapper textarea:focus { border-radius: 3px; } @media (max-width: 599px) { #financial_services_series .et_pb_widget .field-wrapper input, #financial_services_series .et_pb_widget .field-wrapper textarea { padding: 10px 5px; font-size: 12px; margin-bottom: 7px; } } #financial_services_series .sponsorship-header { background-position: center; background-size: cover; } #financial_services_series .sponsorship-header .et_pb_row { z-index: 2; } #financial_services_series .sponsorship-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 1; pointer-events: none; opacity: 0.8; } #financial_services_series .sponsorship-testimonials .et_pb_testimonial { background-repeat: no-repeat; background-position: 20px 35px; position: relative; } #financial_services_series .sponsorship-testimonials .et_pb_testimonial .et_pb_testimonial_author { font-style: italic; font-size: 14px; margin-top: 0; font-weight: 400; color: #000000; } #financial_services_series .sponsorship-testimonials .et_pb_testimonial:after { content: ''; width: 200px; } #financial_services_series .sponsorship-testimonials { float: left; width: 100%; } #financial_services_series .testimonials { position: relative; } #financial_services_series .testimonials .et_pb_column_2:after { content: ''; position: absolute; bottom: -90px; left: -183px; width: 218px; height: 107px; z-index: 9; background: #5D6877; } @media only screen and (max-width: 900px) { #financial_services_series .testimonials .et_pb_column_2:after { display: none; } } #financial_services_series .testimonials .et_pb_column_3:after { content: ''; position: absolute; bottom: -33px; right: -113px; width: 173px; height: 107px; z-index: 9; background: #5D6877; } @media only screen and (max-width: 900px) { #financial_services_series .testimonials .et_pb_column_3:after { display: none; } } #financial_services_series .header-message { text-align: center; background-color: #5D6877; position: relative; z-index: 1; } #financial_services_series .header-message h3 { text-align: center; color: white; padding: 20px; margin: 0; font-size: 18px; } #financial_services_series .header-message a { color: #fff; text-decoration: underline; } #financial_services_series #catapult-cookie-bar { bottom: 0; top: inherit; background-color: #000000; } #financial_services_series #catapult-cookie-bar .ctcc-left-side { color: #fff; } #financial_services_series #catapult-cookie-bar .ctcc-left-side a { color: #fff; text-decoration: underline; } #financial_services_series #catapult-cookie-bar .ctcc-right-side #catapultCookie { background-color: #5D6877; color: #fff; } #financial_services_series .page-header { background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 80px; background-color: #000000; background-blend-mode: multiply; } @media only screen and (max-width: 900px) { #financial_services_series .page-header { padding: 60px 0 40px; } } #financial_services_series .page-header:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.8; } @supports (background-blend-mode: multiply) { #financial_services_series .page-header:after { opacity: 0.2; } } #financial_services_series .page-header .container { position: relative; z-index: 2; } #financial_services_series .page-header .container h1 { text-align: center; color: #fff; font-size: 50px; font-weight: 100; position: relative; } #financial_services_series .page-header .container h1 .sub-text { display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 14px; line-height: 40px; position: absolute; top: -40px; width: 100%; } @media only screen and (max-width: 900px) { #financial_services_series .page-header .container h1 { font-size: 35px; } } #financial_services_series .background-overlay { position: relative; background-color: #000000; background-blend-mode: multiply; } #financial_services_series .background-overlay .et_parallax_bg { background-color: #000000; background-blend-mode: multiply; } #financial_services_series .background-overlay:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000000; opacity: 0.8; z-index: 2; } @supports (background-blend-mode: multiply) { #financial_services_series .background-overlay:after { opacity: 0.2; } } #financial_services_series .background-overlay .et_pb_row { position: relative; z-index: 10; } #financial_services_series .topic-intro .container { padding: 0; } @media only screen and (max-width: 1200px) { #financial_services_series .topic-intro .container { padding-left: 15px; padding-right: 15px; } } #financial_services_series .topic-intro .container p { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; padding: 40px 0 50px; font-size: 14px; line-height: 200%; } #financial_services_series .topic-feat-event .container { padding: 0; } #financial_services_series .feat-event-inner { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: calc(100% - 30px); margin: 0 15px 40px; padding: 50px 120px 20px; float: left; } @media only screen and (max-width: 1800px) { #financial_services_series .feat-event-inner { padding: 50px 100px 20px; } } @media only screen and (max-width: 1200px) { #financial_services_series .feat-event-inner { padding: 50px 50px 20px; } } @media only screen and (max-width: 900px) { #financial_services_series .feat-event-inner { padding: 50px 20px 20px; } } #financial_services_series .feat-event-inner .featured { color: #5D6877; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: absolute; top: 15px; left: 20px; z-index: 2; font-weight: 600; margin-right: 8px; } #financial_services_series .feat-event-inner .featured span { color: #5D6877; } #financial_services_series .feat-event-inner .featured span:after { content: '\e033'; font-family: 'ETmodules'; } #financial_services_series .feat-event-inner .entry-date { position: absolute; background: #5D6877; color: #fff; top: 0; right: 15px; padding: 10px 20px 3px; text-align: center; z-index: 2; } #financial_services_series .feat-event-inner .entry-date .day { display: block; font-weight: 800; font-size: 18px; } #financial_services_series .feat-event-inner .entry-date .month { display: block; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; line-height: 17px; } #financial_services_series .feat-event-inner .entry-date .year { display: block; font-weight: 100; font-size: 12px; } #financial_services_series .feat-event-inner .col-1, #financial_services_series .feat-event-inner .col-2 { z-index: 2; position: relative; width: 50%; float: left; } @media only screen and (max-width: 1200px) { #financial_services_series .feat-event-inner .col-1, #financial_services_series .feat-event-inner .col-2 { width: 100%; float: none; } } #financial_services_series .feat-event-inner .col-1 img { max-width: 75%; } #financial_services_series .feat-event-inner .col-1 h4 { color: #fff; font-size: 18px; font-weight: 600; margin: 0; } #financial_services_series .feat-event-inner .col-1 h5 { color: #8A9299; text-transform: uppercase; font-size: 15px; font-weight: 600; } #financial_services_series .feat-event-inner .col-1 .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 600; padding: 5px 20px; margin: 20px 15px 0 0; width: calc(42% - 15px); display: block; float: left; text-align: center; } @media only screen and (max-width: 600px) { #financial_services_series .feat-event-inner .col-1 .btn { width: 100%; } } #financial_services_series .feat-event-inner .col-1 .btn.btn-hollow { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0); transition: all ease-in-out .3s; } #financial_services_series .feat-event-inner .col-1 .btn.btn-hollow:hover { background-color: rgba(255, 255, 255, 0.2); transition: all ease-in-out .3s; } #financial_services_series .feat-event-inner .col-1 .btn.btn-secondary { border: 2px solid #5D6877; background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series .feat-event-inner .col-1 .btn.btn-secondary:hover { border: 2px solid #5D6877; background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series .feat-event-inner .col-1 .count-down-timer { margin: 10px 0; } #financial_services_series .feat-event-inner .col-1 .count-down-timer .time-entry { color: #fff; display: inline-block; text-align: center; font-size: 22px; margin-right: 30px; position: relative; } #financial_services_series .feat-event-inner .col-1 .count-down-timer .time-entry:after { content: ":"; position: absolute; top: 0; right: -16px; } #financial_services_series .feat-event-inner .col-1 .count-down-timer .time-entry:last-child:after { display: none; } #financial_services_series .feat-event-inner .col-1 .count-down-timer .time-entry span { display: block; font-size: 10px; text-transform: uppercase; } @media only screen and (max-width: 900px) { #financial_services_series .feat-event-inner .col-2 { display: none; } } #financial_services_series .feat-event-inner .col-2 .event-stats { float: left; width: 100%; padding: 0 60px; } #financial_services_series .feat-event-inner .col-2 .event-stats .event-stat { float: left; width: 33.33%; text-align: center; padding: 0 16px; } #financial_services_series .feat-event-inner .col-2 .event-stats .event-stat .icon { max-width: 100%; height: 45px; } #financial_services_series .feat-event-inner .col-2 .event-stats .event-stat .number { color: #fff; font-size: 24px; display: block; font-weight: 700; margin-bottom: 5px; } #financial_services_series .feat-event-inner .col-2 .event-stats .event-stat .number-desc { color: #fff; font-size: 12px; margin-bottom: 20px; display: block; line-height: 130%; } #financial_services_series .feat-event-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: .7; z-index: 1; } #financial_services_series .topic-grid { background-color: #F6F6F6; position: relative; clear: both; } #financial_services_series .topic-grid:after { content: ''; background-color: #5D6877; position: absolute; top: 40px; right: 0; width: 35px; height: 250px; } @media only screen and (max-width: 1800px) { #financial_services_series .topic-grid:after { display: none; } } #financial_services_series .related-articles { padding: 50px 0 70px; float: left; width: 100%; } #financial_services_series .related-articles .title { width: calc(100% - 30px); margin: 0 15px 15px; } #financial_services_series .related-articles .other-related { float: left; width: 100%; } #financial_services_series .videoHolder { width: 100%; height: 0; position: relative; z-index: 1; padding-top: 56.25%; } #financial_services_series .videoHolder iframe { position: absolute; top: 0; left: 0; z-index: 2; width: 100% !important; height: 100% !important; } #financial_services_series body.woocommerce .woocommerce-tabs { margin: 0; } #financial_services_series body.woocommerce .woocommerce-Message { background: transparent; color: #000 !important; text-align: center; font-size: 22px !important; } #financial_services_series body.woocommerce .woocommerce-message { background: #5D6877 !important; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #financial_services_series body.woocommerce .woocommerce-error { background-color: #5D6877; width: 100%; float: left; margin: 0; z-index: 9; text-align: center; } #financial_services_series body.woocommerce .woocommerce-error li { color: #fff; font-size: 16px; margin-bottom: 0; clear: both; } #financial_services_series body.woocommerce .woocommerce-error li a { color: #fff; text-decoration: underline; } #financial_services_series #fep-wrapper { margin: 0; } #financial_services_series #fep-wrapper #fep-header, #financial_services_series #fep-wrapper #fep-footer { display: none; } #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form { float: right; width: 100%; max-width: 200px; } #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { border-radius: 2px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 9px 15px; font-size: 14px; margin: 0; width: 100%; float: right; } @media only screen and (max-width: 900px) { #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form { float: none; max-width: initial; position: relative; } #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"] { margin: 10px 0; } #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form input[type="search"]::placeholder { text-align: left; } #financial_services_series #fep-wrapper #fep-menu #fep-search-inbox-form:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 20px; right: 20px; font-size: 16px; color: #8A9299; } } #financial_services_series #fep-wrapper #fep-menu .fep-button, #financial_services_series #fep-wrapper #fep-menu .fep-button-active { margin: 0 4px 4px 0; border-radius: 0; background-color: #5D6877; border: 0; color: #fff !important; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-menu .fep-button:hover, #financial_services_series #fep-wrapper #fep-menu .fep-button-active:hover { background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-menu .fep-button .fep-font-red, #financial_services_series #fep-wrapper #fep-menu .fep-button-active .fep-font-red { color: #fff; font-weight: 900; } #financial_services_series #fep-wrapper #fep-menu .fep-button-active { background-color: #5D6877; } #financial_services_series #fep-wrapper #fep-menu #fep-menu-newmessage { display: none; } #financial_services_series #fep-wrapper #fep-content { padding: 0; border: 1px solid #8A9299; } #financial_services_series #fep-wrapper #fep-content > h2 { padding: 10px; color: #000000; font-weight: bold; } #financial_services_series #fep-wrapper #fep-content #wp-message_content-editor-tools { display: none; } #financial_services_series #fep-wrapper #fep-content .fep-message-table { margin: 0; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table { margin: 0; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table div { vertical-align: top; padding: 10px; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action, #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter { position: relative; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action:after, #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter:after { content: "▼"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #5D6877; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-bulk-action select, #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-filter select { border-radius: 3px; border: 1px solid #8A9299; -webkit-appearance: none; padding: 7px 15px; font-size: 14px; margin: 0; width: 100%; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button { margin: 0; border-radius: 0; background-color: #5D6877; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-content .fep-message-table .fep-action-table .fep-button:hover { background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form { padding: 10px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form { margin: 0; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form .fep-form-field:first-of-type { display: none; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form input.input-text { width: 100%; border: 1px solid #8A9299; font-size: 16px; padding: 8px 10px; margin: 10px 0 30px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form #wp-message_content-editor-container { margin-bottom: 20px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form #fep_upload div { margin: 10px 0; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form #fep-attachment-field-add { color: #5D6877; display: inline-block; margin: 20px 0; font-size: 16px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field { border-radius: 0; background-color: #5D6877; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 8px 20px; transition: all ease-in-out .3s; text-decoration: none; margin-bottom: 10px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form a.fep-attachment-field:hover { background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form button[type=submit] { background-color: #5D6877; border: 0; color: #fff !important; text-transform: uppercase; font-weight: 600; font-size: 18px !important; padding: 15px 40px; transition: all ease-in-out .3s; margin-bottom: 10px; border-radius: 0; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form button[type=submit][value="settings"] { margin-top: 30px; } #financial_services_series #fep-wrapper #fep-content .front-end-pm-form form button[type=submit]:hover { background-color: #5D6877; transition: all ease-in-out .3s; } #financial_services_series #fep-wrapper #fep-table { border-top: 1px solid #8A9299; } #financial_services_series #fep-wrapper #fep-table .fep-table-row { background-color: #fff; } #financial_services_series #fep-wrapper #fep-table .fep-table-row:nth-child(odd) { background-color: #F6F6F6; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column { padding: 10px; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { width: 37px; display: inline-block; padding: 0; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-avatar { display: none; padding-bottom: 0; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-author { width: calc(100% - 47px); display: inline-flex; justify-content: space-between; padding-bottom: 0; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title { display: block; padding-top: 0; padding-left: 47px; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-fep-cb { text-align: center; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column .fep-message-author, #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column.fep-column-title span a { font-size: 16px; font-weight: 600; text-decoration: none; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column .fep-unread-class { font-size: 0; width: 10px; height: 10px; top: 4px; right: -20px; background-color: #5D6877; box-shadow: none; } #financial_services_series #fep-wrapper #fep-table .fep-table-row .fep-column a { color: #5D6877; } #financial_services_series .fep-success, #financial_services_series .fep-error, #financial_services_series .fep-wp-error { background-color: #5D6877; border: 0; border-radius: 0; margin: 0; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: center; } #financial_services_series .fep-wp-error, #financial_services_series .fep-error { background-color: #5D6877; } #financial_services_series .fep-message { background-color: #F6F6F6; } #financial_services_series .fep-per-message { padding: 10px; margin: 0; border: 0; border-bottom: 1px solid #8A9299; } #financial_services_series .fep-per-message .fep-message-title-heading { padding: 0; background: transparent; border: 0; font-size: 22px; color: #000000; } #financial_services_series .fep-per-message .participants { background: transparent; border: 0; padding: 0; font-size: 15px; font-weight: 400; color: #000000; } #financial_services_series .fep-per-message .fep-message-toggle-all { color: #5D6877; margin-bottom: 5px; } #financial_services_series .fep-per-message .fep-message-title, #financial_services_series .fep-per-message .fep-message-content { background: #fff; border: 0; border-radius: 0px; padding: 8px 15px; } #financial_services_series .fep-per-message .fep-message-title .author, #financial_services_series .fep-per-message .fep-message-content .author { font-weight: 500; } #financial_services_series .fep-per-message .fep-message-title .date, #financial_services_series .fep-per-message .fep-message-content .date { float: right; display: inline-block; width: initial; } #financial_services_series .fep-per-message .fep-message-title p, #financial_services_series .fep-per-message .fep-message-content p { margin-left: 0; margin-right: 0; } #financial_services_series .fep-per-message .fep-message-title hr, #financial_services_series .fep-per-message .fep-message-content hr { border: 0; border-bottom: 1px solid #8A9299; } #financial_services_series #fep-notification-bar { position: fixed; top: 132px; border: 0; background-color: #5D6877; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; } #financial_services_series #fep-notification-bar a { color: #fff; } #financial_services_series .fep-custom-button { display: block; float: left; margin: 0 0 15px; background-color: #fff; border: 0; color: #5D6877 !important; text-transform: uppercase; font-weight: 600; font-size: 14px !important; padding: 0; } #financial_services_series .fep-custom-button:before { content: '◄ '; } #financial_services_series .event-attendee-links { position: relative; } @media only screen and (max-width: 900px) { #financial_services_series .event-attendee-links:after { content: "\55"; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; pointer-events: none; position: absolute; top: 57px; right: 10px; font-size: 16px; color: #8A9299; } } #financial_services_series .fep-search-inbox { border: 1px solid #8A9299; padding: 5px 15px; float: right; width: 100%; max-width: 200px; } #financial_services_series .fep-search-inbox::placeholder { text-transform: uppercase; text-align: center; } @media only screen and (max-width: 900px) { #financial_services_series .fep-search-inbox { float: none; max-width: initial; margin: 10px 0; padding: 10px 15px; } #financial_services_series .fep-search-inbox::placeholder { text-align: left; } } @media print { header nav, footer { display: none; } .mf-noprint, #mf-noprint, .et_pb_scroll_top { display: none; } } @font-face { font-family: 'icomoon'; src: url("fonts/podcast-icomoon.eot?iis0k3"); src: url("fonts/podcast-icomoon.eot?iis0k3#iefix") format("embedded-opentype"), url("fonts/podcast-icomoon.ttf?iis0k3") format("truetype"), url("fonts/podcast-icomoon.woff?iis0k3") format("woff"), url("fonts/podcast-icomoon.svg?iis0k3#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'icomoon'; src: url("fonts/webinar-icomoon.eot?6t795u"); src: url("fonts/webinar-icomoon.eot?6t795u#iefix") format("embedded-opentype"), url("fonts/webinar-icomoon.ttf?6t795u") format("truetype"), url("fonts/webinar-icomoon.woff?6t795u") format("woff"), url("fonts/webinar-icomoon.svg?6t795u#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }