/* Theme Name: Turknett 2023 Author: Sharp Hue Version: 2022 */ /*Visual Composer Styles*/ #content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 500; } #content .homepage-h1 { line-height: 1em; padding: 0 0 7px 0; font-size: 38px; font-weight: bold; } #content .contact-heading {font-size: 28px;} #content .social-media-heading {font-size: 32px;} #content .contact-text p {font-size: 18px;} #content .white-text { color:#fff !important; } #content .white-text a { color:#fff !important; } #content .content-btn a { text-decoration: none; font-size: 18px; white-space: nowrap; background: #c33a32; color: #fff; padding: 15px 40px; border-radius: 5px; font-weight: bold;} #content .content-btn-alt a { text-decoration: none; font-size: 18px; white-space: nowrap; background:#fff; color:#555; padding: 15px 25px; border-radius: 3px; border:2px solid #555;} /* #content .content-btn:hover a { background: #666; } */ /* #content .content-btn { display:inline-block;text-decoration: none; font-size: 18px; white-space: nowrap; background: #555; color: #fff; padding: 15px 25px; border-radius: 3px; } */ #content .content-btn p {padding-bottom:0!important;} #content .content-btn2 { display: inline-block; text-decoration: none; font-size: 18px; white-space: nowrap; background:#C33A32;; color:#fff; padding: 15px 25px; border-radius: 5px; font-weight: bold;} .white-text {color:#fff!important;} /* VC FAQ */ #content h4.vc_tta-panel-title { margin:0; padding:0; } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;} .vc_tta-controls-icon::before {border-color: #fff !important;} .vc_tta-controls-icon::after {border-color: #fff !important;} /*scrollbar*/ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #ccc; } ::-webkit-scrollbar-thumb:hover { background: #aaa; } /*Fonts*/ h1, h2, h3, h4, h5, h6 { font-family: 'Libre Baskerville', serif;} ul, ol, li, p, div, span { font-family: 'Lato', sans-serif; } /*Header*/ html, body { scroll-behavior: smooth; } body { position:relative; padding-top:120px; } body.admin-bar #header.fixed { top:32px !important; } @media(max-width: 782px) { body.admin-bar #header.fixed { top:46px !important; } } @media(max-width: 867px) { body { padding-top:60px; } } @media(max-width: 600px) { body.admin-bar { position:inherit; } body.admin-bar #header.fixed { top:0 !important; } body.admin-bar #header.absolute { top:46px !important; } body.admin-bar #header.absolute.fixed { top:0 !important; } } #header { min-height: 120px; background:#fff; z-index: 99999; box-shadow: 0 3px 5px rgb(57 63 72 / 20%);} .home #header {box-shadow: inherit;} #header.compact { min-height: 80px; box-shadow:0 3px 5px rgb(57 63 72 / 20%); } #header.transition, #header.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #header.absolute { position: absolute; top: 0; width: 100%; } #header.fixed { position: fixed; top: 0; width: 100%; } #header .container { max-width: 1400px; position: relative; padding: 0px 15px; } #header .logo { line-height: 120px; width:190px; } #header .logo2 {padding: 10px 0 0;} #header.compact .logo { line-height: 80px; width:140px; padding: 5px 0;} #header .logo img { vertical-align:middle; } #header .menu { display: none; cursor:pointer; } #header.slide { animation-name: slide; animation-duration: 300ms; } #header .logo2 {display: none;} @-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} } @keyframes slide { from {top: -200px;} to {top: 0px;} } #header.fade { animation-name: fade; animation-duration: 300ms; } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } /* Homepage Mods for Header */ .page-template-front-page #header { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);} .page-template-front-page #header.compact {background: #fff;} body.page-template-front-page {padding-top: 0;} .page-template-front-page #nav ul li > a {color: #fff;} .page-template-front-page #header.compact #nav ul li > a {color: #222;} .page-template-front-page #header .logo, .page-template-front-page #header.compact .logo2 {display: none;} .page-template-front-page #header .logo2, .page-template-front-page #header.compact .logo {display: block;} .page-template-front-page #header .logo2 {max-width: 110px;} .sticky {position: fixed; top: 0; width: 100%;} @media(max-width: 867px) { html.menu-on, html.menu-on body { overflow:hidden; } html.menu-on #header { overflow-y: scroll; height: 100%; } #header { min-height: auto; } /* #header .container { padding: 0; } */ #header .logo { line-height: 0; padding: 10px; } #header .logo img { width: auto; height: 40px !important; } #header .logo2 img { width: auto; height: 40px !important; } } /*Nav*/ #nav { position:absolute; top:40px; right: 10px; } #header.compact #nav { top:20px; } #nav nav {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;} #nav nav > ul { display:flex; list-style:none; flex-shrink: 0; } #nav ul > li { display:inline-block; } #nav ul li > a { display:block; height:40px; padding:0 30px; line-height:40px; font-size:18px; color:#222222; text-decoration:none; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a, #nav ul li.current_page_parent > a { } #nav ul li.menu-item-has-children > a { } #nav ul li > a i { font-size:15px; } @media (max-width:1400px) { #nav ul li > a {padding:0 10px;} } @media (max-width:1200px) { #nav ul li > a {padding:0 10px;} } /*Sub Nav*/ #nav ul li { position:relative; } #nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; z-index: 1; height:auto; background:#fff; list-style:none; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { display:block; margin:0; padding:0; } #nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:18px; color:#222222; text-decoration:none; white-space:nowrap; } #nav .sub-menu li a {color: #000 !important;} #nav .sub-menu li a:hover {color: #fff !important;} /* #nav .sub-menu li a:hover {color: #fff;} */ #nav ul li ul li:hover a { background:#c33a32; color:#ffffff; } #nav ul li ul li ul { display:none; } /*Nav Btns*/ #nav .btn { padding:0; margin:0; } #nav .btn a { padding: 15px 30px; margin-left: 10px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; border-radius: 5px; font-weight: 700; } #nav .btn a i { margin-right: 5px; } #nav .btn.primary a { margin-left:30px; } #nav .btn.primary a { background-color: #C33A32; color: #fff !important; } #nav .btn.primary a:hover { transition: .8s; } #nav .btn.secondary a { background-color: #222; } #nav .btn.secondary a:hover { transition: .8s; } @media(max-width: 1000px) { #nav .btn a { padding:12px; } #nav .btn.primary a { margin-left:10px; } } /*Nav Mobile Btns*/ #mobile-nav .btn { padding:0; margin:0; } #mobile-nav .btn a { padding: 14px 18px; margin-left: 0px; margin-bottom:15px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; text-align:center; } #mobile-nav .btn a i { margin-right: 5px; } #mobile-nav .btn.primary a { margin-left:0px; } #mobile-nav .btn.primary a { background-color: #555; } #mobile-nav .btn.primary a:hover { transition: .8s; } #mobile-nav .btn.secondary a { background-color: #222; } #mobile-nav .btn.secondary a:hover { transition: .8s; } @media(max-width: 1000px) { #mobile-nav .btn a { padding:14px; } #mobile-nav .btn.primary a { margin-left:0px; } } @media(max-width: 1200px) { #nav #menu-header { display:none; } #header.compact { min-height: 60px; } #header.compact .logo { line-height: 40px; } #header.compact #nav { top:0px; } #header.compact #nav .menu { top:-60px; color: #000;} .page-template-front-page #header .menu {color: #fff;} #header .menu { display: block; color:#000; position: absolute; text-align: center; font-size: 30px; line-height: 60px; right:0; top:30px; width:60px; height:60px; } #header.compact .menu {color: #000; top: 0;} } @media(max-width: 867px){ #header .menu {top:0px;} } /*mobile nav*/ #mobile-nav { display:none; } @media(max-width: 1200px) { #mobile-nav { position:fixed; top:0; left:0; display:block; } #mobile-nav .menus { transition:left 100ms; z-index:9999; position:fixed; left:-451px; top:0; bottom:0; width:400px; max-width:100%; background:#fff; box-shadow:20px 0px 30px rgba(0,0,0,0.15); overflow:auto; } #mobile-nav .menus.right { transition:right 100ms; right:-451px; box-shadow:-20px 0px 30px rgba(0,0,0,0.15); } .show-nav { overflow:hidden; } .show-nav #mobile-nav .menus.show { left:0; z-index:99999999; } .show-nav #mobile-nav .menus.right.show { left:auto; right:0; } .show-nav #mobile-nav { z-index:99999999; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); content:""; } #mobile-nav ul { padding:40px 40px 20px 40px; list-style:none; } #mobile-nav ul li { margin-bottom:30px; } #mobile-nav ul li a { display:block; font-size:22px; font-weight:600; color:#222; text-decoration:none; } #mobile-nav ul li a i.fa-chevron-right { margin-left:15px; font-size:18px; } #mobile-nav .menus .top { z-index:3; position:relative; width:100%; height:60px; background:#fff; } #mobile-nav .menus .top span { line-height:60px; display:block; font-size:22px; font-weight:600; color:#222; text-align:center; } #mobile-nav .menus .top .fa-times { position:absolute; top:0; right:0; font-size:30px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; } #mobile-nav .menus .top .fa-arrow-left { position:absolute; top:0; left:0; font-size:26px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; } #mobile-nav .menus .top img { max-height:30px; margin:15px; } #mobile-nav .menus > div { z-index:2; transition:opacity 200ms; opacity:0; display:none; } #mobile-nav .menus > div.show { opacity:1; display:block; } #mobile-nav .menus .user .me { text-align:center; margin-bottom:60px; } #mobile-nav .menus .user .me b { display:block; line-height:20px; } #mobile-nav .menus .user .me small { font-size:16px; display:inline-block; line-height:20px; } #mobile-nav .menus .user .me .fa-user-circle { margin-bottom:20px; display:block; width:auto; text-align:center; font-size:80px; } #mobile-nav .menus .connect { padding:0 40px 40px 40px; } #mobile-nav .menus .connect .title { padding:40px 0 20px 0; border-top:1px solid #ddd; font-size:22px; font-weight:600; color:#222; margin-top: 50px; } #mobile-nav .menus .connect ul { padding:0; } #mobile-nav .menus .connect ul li { margin:0 0 20px 0; } #mobile-nav .menus .connect ul li a { font-weight:400; font-size:18px; } #mobile-nav .menus .connect ul li a i { width:30px; } #mobile-nav .menus .social { margin-bottom:40px; } #mobile-nav .menus .social a { display:inline-block; margin-right:15px; font-size:20px; color:#000; } #mobile-nav a.btn { border-radius: 5px; margin:0; display:block; padding: 15px; line-height:24px; font-size:22px; font-weight:bold; color: #fff; background:#c33a32; text-decoration: none; text-align:center; } } @media all and (min-height: 650px) { #mobile-nav .menus .connect { position:relative; left:0; right:0; bottom:0; } } /*Promo*/ #promo { position:relative; } #promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .wrapper { position:relative; width:100%; } #promo .container { padding:26% 50px 15%;} #promo .video { position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto;overflow: hidden; padding-top: 56.25%; } #promo .video iframe, #promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #promo .video iframe { border:none; height:100% !important; } #promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; background: rgba(0,0,0,0.4) } #promo h2 { margin:0 0 20px 0; padding:0; font-size:65px; line-height:75px; color:#fff; text-align:left; max-width: 700px; text-shadow: 0px 2px 7px rgba(0,0,0,.39); } #promo h2:before { display:none; } #promo p { margin:0; padding:0; font-size:26px; line-height:24px; color:#fff; text-align:center; margin-bottom:50px; font-weight:200; display: none;} #promo .slider-btn {background: none; color: #fff; font-size: 24px; padding: 0; font-weight: bold; text-decoration: none;} #promo .slider-btn i {padding-left: 10px; font-size: 30px; position: relative; top: 3px;} #promo .slider-btn-holder {text-align: center;} #promo .alt-layout {display: inline-block; padding: 5% 0;} #promo .alt-layout .container {padding: 0;} #promo .alt-layout .col-holder {display: flex; align-items: center;} #promo .alt-layout h2 {color:#C33A32; text-align: left; font-size: 65px; line-height: 75px;} #promo .slider-btn-holder {text-align: left; text-shadow: 0px 2px 7px rgba(0,0,0,.39);} #promo .alt-layout .slider-btn {background: none; color: #000; font-size: 24px; padding: 0; font-weight: bold;} #promo .alt-layout .slider-btn i {padding-left: 10px; font-size: 30px; position: relative; top: 3px;} #promo .alt-layout .message {padding: 0 40px;} @media(max-width:1100px){ #promo h2 {font-size: 45px; line-height: 55px;} #promo .container {padding: 30% 20px 15%;} } @media(max-width:767px){ #promo h2 { font-size:35px; line-height:45px; max-width: 100%;} } @media(max-width:550px){ #promo h2 {font-size: 25px; line-height: 35px; margin-bottom: 0;} #promo .video-message-container {position:relative;top:-15%;} #promo .slider-btn {font-size: 20px;} } @media(max-width:450px){ #promo .video-message-container {position:relative;top:-18%;} #promo h2 {font-size: 20px; line-height: 30px; margin-bottom: 0;} #promo .slider-btn {font-size: 18px;} } @media(min-width:414px) and (max-width:500px){ #promo .video-message-container {position:relative;top:-25%;} } /*Footer*/ #footer .wrapper { background-color: #222222; } #footer .wrapper.copyright { background-color: #666; } #footer .container { max-width: 1400px; padding: 90px 15px 20px 15px; } #footer .copyright {padding-top: 6%;} #footer .copyright p { padding: 20px 0; margin:0; color: #fff; font-size: 15px; text-align:left; display: inline-block; } #footer .copyright p br { display:none; } #footer .copyright a { color: #fff; text-decoration: underline; } #footer .copyright .privacy {float: right;} /* #footer .contact-info { background:none; padding-left: 80px; } */ #footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; } #footer .contact-info .contact .contact-body { font-size: 18px; } #footer .contact-info .contact .contact-body a { color:#fff; text-decoration: none; } #footer .contact-info .contact .contact-icon { position: absolute; top: 0px; left: 0; font-size: 21px; color: #fff; line-height: 18px; } #footer .contact-info .footer-btn {margin-bottom: 5px; width: 100%; max-width: 290px; text-align: center; padding: 13px 0px; font-weight:700; color:#ffffff; background-color: #C33A32; font-size: 18px; display: inline-block; text-decoration: none; border:none; cursor:pointer; border-radius: 5px; } #footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;} #footer .contact-info .footer-contact-btn {width: 100%; max-width: 290px; text-align: center; padding: 13px 0px; color:#ffffff; font-weight:700; font-size: 18px; background-color: #C33A32; display: inline-block; text-decoration: none; border-radius: 5px;} #footer .contact-info .footer-contact-btn:hover { color: #fff; transition: .4s; } #footer .social { width:100%; margin:25px 0; text-align: center;} #footer .social a { display:inline-block; margin-right:20px; line-height:30px; } #footer .social a:last-child {margin-right: 0;} #footer .social a i { font-size: 27px; line-height:30px; text-align:center; color:#fff; } #footer .logo {text-align: center; margin-bottom: 20px;} #footer .footer-logo {max-width: 160px; } #footer .footer-content {display: flex; gap: 30px;} #footer #menu-footer {display: flex; gap: 20px;} #footer #menu-footer > li {width: 25%; margin-bottom: 20px;} #footer #menu-footer > li > a {font-weight: bold; padding-bottom: 10px; display: inline-block; font-size:18px;} #footer #menu-footer li {list-style: none;} #footer #menu-footer li a {text-decoration: none; color: #fff;} #footer #menu-footer .sub-menu li {padding-bottom: 10px;} @media( max-width: 970px ) { #footer .container { padding: 60px 30px;} #footer .contact-info .footer-btn { margin-bottom: 10px;} #footer .footer-content, #footer #menu-footer {flex-wrap: wrap;} #footer .col-80, #footer .col-20 {width: 100%;} #footer #menu-footer > li {width: calc(50% - 10px);} #footer .col-20 {text-align: center;} } @media( max-width: 800px ) { #footer nav > ul > li { width: 100%; } } @media( max-width: 500px ) { #footer #menu-footer > li {width: 100%;} #footer .contact-info.cta-social, #footer .social {text-align: left;} #footer .contact-info { padding: 0;} #footer .copyright p br { display:block; } #footer .copyright p {padding: 0;} #footer .footer-logo {margin-bottom: 50px;} } /*404*/ .error404 {background: url(/wp-content/uploads/2023/04/404-background2-e1681323046299.jpg) no-repeat center center; background-size: cover;} .error404 #primary #main {padding: 15% 40px;} .error-404 { text-align:center; } #primary .error-404 h1 { text-align:center; font-size:40px; color: #fff;} .error-404 i { font-size:100px; } #primary .error-404 p {color: #fff; font-size: 22px; margin-bottom: 3%;} .error-404 .screen-reader-text { display:none; } .error404 .content-btn { text-decoration: none; font-size: 18px; white-space: nowrap; background: #c33a32; color: #fff; padding: 15px 40px; border-radius: 5px; font-weight: bold;} /* Blog */ .blog-back-link {display:none!important;} #blog-search .cat-item-877 {display: none;} #search-2 .search-form .search-submit { border: none; font-size: 18px; background: #c33a32; color: #fff; padding: 15px 40px; border-radius: 5px; font-weight: bold; font-family:'Lato', sans-serif; position: relative; top: 2px;} .entry-title span {font-family: 'Libre Baskerville', serif;} #primary.blog .grid {display: flex; flex-wrap: wrap;} /* Video Modal */ .modal-thumbnail {cursor: pointer;} .global-video-modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0,0,0,.85);} .global-video-modal .global-video-modal-frame {z-index:999999;transform: translate(-50%); top: 50%; left: 50%; right: 50%; bottom: 50%; position: absolute; overflow: hidden; width: 60%; margin: auto; padding-top: 34%;} .global-video-modal .global-video-modal-frame iframe {z-index:9999999;position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;} .video-modal, .video-modal .overlay { position: absolute;top: 0;right: 0; bottom: 0;left: 0;z-index: 99999;} .video-modal {overflow: hidden;position: fixed;opacity: 0.0;-webkit-transform: translate(500%,0%);transform: translate(500%,0%);-webkit-transition: -webkit-transform 0s linear 0s;transition: transform 0s linear 0s; /* using flexbox for vertical centering */ /* Flexbox display */ display: -webkit-box;display: -webkit-flex; display: flex; /* Vertical alignment */ -webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .video-modal .overlay {z-index: 0;background: rgba(0,0,0,0.85); /* overlay color */opacity: 0.0;-webkit-transition: opacity 0.2s ease-out 0.05s;transition: opacity 0.2s ease-out 0.05s;} .video-modal-content {position: relative;top: 50px;right: auto;bottom: auto;left: auto;z-index: 1;margin: 0 auto;overflow-y: visible;background: #000;width: calc(50% - 12em);height: 0; padding-top: calc((50% - 12em) * 0.5625); /* 16:9 calc */} /* Scaling to fit within the current Viewport size: When viewport aspect ratio is greater than 16:9 work off the height instead of the width for calc */ @media (min-aspect-ratio: 16/9) { .video-modal-content { width: 0;height: calc(100vh - 10em); padding-top: 0;padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */ } } /* Mobile Layout Tweaks - side margins reduced */ @media (max-width: 640px) { .video-modal-content {width: calc(100% - 1em);padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */} } /* modal close button */ .close-video-modal {display: none;position: absolute; left: 0;top: -40px;text-decoration: none;font-size: 20px;font-weight: bold; color: #fff;} /* set the iframe element to stretch to fit its parent element */ iframe#youtube {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #000;box-shadow: 0px 2px 16px rgba(0,0,0,0.5);} /* show the modal: add class to the body to reveal */ .show-video-modal .video-modal {opacity: 1.0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);} .show-video-modal .video-modal .overlay {opacity: 1.0;} .show-video-modal .video-modal-content {transform: translate(0%,0%);-webkit-transform: translate(0%,0%);} /* Contact */ #contact-page .contact-cta {background: #222; padding: 2% 0 1%;} #contact-page .contact-cta .wpb_raw_html {margin-bottom: 0;} #contact-page .contact-cta .vc_column-inner {padding-top: 0;} #contact-page h2 {color: #c33a32;} #contact-page #frm_form_7_container .frm_submit .frm_button_submit {background:#c33a32 !important; color: #fff !important; font-family: 'Lato', sans-serif !important; font-weight: bold !important; font-size: 18px !important; border-color: inherit !important;} #contact-page #frm_form_7_container h3 {font-family: 'Libre Baskerville', serif !important;} #contact-page #frm_form_7_container label {font-family: 'Lato', sans-serif !important;} #contact-page .frm_forms.frm_style_formidable-style-2.with_frm_style {max-width: 1400px !important;} /* Homepage */ #homepage {} #homepage .container.mid {max-width: 1400px;} #homepage p, #homepage li {font-size: 22px; line-height: 32px;} #homepage h1, #homepage h2, #homepage h3 {font-size: 40px; line-height: 50px; color: #C33A32;} #homepage .content-btn {background: none; font-size: 22px; color: #c33a32; padding: 0; font-weight: bold; text-decoration: none;} #homepage .content-btn i {padding-left: 10px;} #homepage .intro {max-width: 1200px; margin: 0px auto; text-align: center; padding: 10% 0 15%;} #homepage .leadership-character {margin-bottom: 22%;} #homepage .leadership-character .text-box {max-width: 650px; background: #222; padding: 50px; position: absolute; bottom: -50px; right: 50px;} #homepage .leadership-character .text-box h3, #homepage .leadership-character .text-box p, #homepage .leadership-character .text-box a {color: #fff;} #homepage .leadership-character .bg-img {padding: 350px 0; position: relative;} #homepage .client-callout {text-align: center; margin-bottom: 18%;} #homepage .client-callout h3 {margin-bottom: 3%;} #homepage .slick-track {display: flex; align-items: center;} #homepage .slick-slide img {display: inline-block; } #homepage .logos-row.slick-initialized img {width: 100% !important; max-width: 140px; height: auto; margin: 0 50px;} #homepage .logos-row .slick-arrow {display: none !important;} #homepage .solutions .grid, #homepage .challenges .grid, #homepage .wil .grid {display: flex; align-items: center;} #homepage .solutions, #homepage .challenges, #homepage .wil {margin-bottom: 10%;} #homepage .solutions .col-50:first-child {margin-right: 50px;} #homepage .challenges .col-50:last-child, #homepage .wil .col-50:last-child {margin-left: 50px;} #homepage .differentiators {margin-bottom:22%;} #homepage .differentiators h3 {font-size: 27px; line-height: 37px; color: #fff;} #homepage .differentiators p {font-size: 16px; line-height: 26px; color: #fff;} #homepage .differentiators .overlay {background: rgba(0,0,0, .5);} #homepage .differentiators .diff-block {margin: 0 15px;} #homepage .differentiators .text-content {padding: 40% 20px 0;} #homepage .differentiators .cta {text-align: center; padding-top: 5%;} #homepage .differentiators .cta .content-btn2 {width: 190px; text-align: center;} #homepage .differentiators .cta .content-btn2 i {padding-left: 10px;} #homepage .testimonials {margin-bottom: 26%;} #homepage .testimonials .text-content {background: #222; color: #fff; padding: 50px;} #homepage .testimonials .text-content h3, #homepage .testimonials .text-content a {color: #fff;} #homepage .testimonials .grid {position: relative; display: flex; align-items: center;} #homepage .testimonials .col-40 {z-index: 1;} #homepage .testimonials .col-65 {position: absolute; right: 0;} #homepage .testimonials .video-thumbnail {padding: 25%; text-align: center;} #homepage .testimonials .video-thumbnail i {color: #fff; font-size: 50px; background: rgba(195,58,50, .85); width: 130px; height: 130px; line-height: 130px; border-radius: 50%; cursor: pointer;} #homepage .testimonials .caption {text-align: center; background: #c33a32;} #homepage .testimonials .caption p {font-size: 18px; color: #fff; padding: 30px;} #homepage .leadership-insights {margin-bottom: 12%; } #homepage .leadership-insights a {text-decoration: none;} #homepage .leadership-insights .grid {margin-top: 3%;} #homepage .leadership-insights .insight-block {padding: 20px; background: #333; height: 30vw; max-height: 400px; position: relative;} #homepage .leadership-insights .insight-block h4, #homepage .leadership-insights .insight-block p {text-decoration: none; color: #fff; font-size: 20px;} #homepage .leadership-insights .insight-block p i {padding-left:10px;} #homepage .leadership-insights .insight-block .text-content {position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 25px 0; background: rgba(0,0,0, .5); } #homepage .leadership-insights .col-50 {width: calc(50% - 20px);} #homepage .leadership-insights .col-50:first-child {margin-right: 40px;} #homepage .slick-prev, #homepage .slick-next {display: none;} #homepage .events {margin: 7% 0 12%;} #homepage .events h3 {text-align: center; margin-bottom: 3%;} #homepage .events h4 {margin-top: 5%;} #homepage .events p, #homepage .events a {font-size: 18px; line-height: 28px;} #homepage .events .date {color: #c33a32;} #homepage .events .grid {display: flex; justify-content: space-between;} #homepage .events .col-333 {margin: 0 25px;} #homepage .events .col-333:first-child, #homepage .events .col-333:last-child {margin: 0;} @media(max-width: 1000px){ #homepage .leadership-character .bg-img {padding: 200px 0;} #homepage .leadership-character .text-box {position: relative; max-width: none; bottom: 0; right: 0;} #homepage .differentiators .overlay {min-height: 370px;} #homepage .testimonials .col-40, #homepage .testimonials .col-65 {width: 100%;} #homepage .testimonials .col-65 {position: relative;} #homepage .testimonials .grid {align-items: center; flex-wrap: wrap; flex-direction: column-reverse;} #homepage .testimonials .text-content {margin-top: 10px;} } @media(max-width: 770px){ #homepage p, #homepage li, #homepage .content-btn {font-size: 18px; line-height: 28px;} #homepage h1, #homepage h2, #homepage h3 {font-size: 30px; line-height: 40px;} #homepage .differentiators .col-333 {width: 100%;} #homepage .differentiators .diff-block {margin: 0 0 15px;} #homepage .testimonials {margin-bottom: 15%;} } @media(max-width: 500px){ #homepage .leadership-character .bg-img {padding: 120px 0;} #homepage .leadership-character .text-box {padding: 30px;} #homepage .client-callout .logos-row {flex-wrap: wrap;} #homepage .client-callout .col-25 {width: 50%;} #homepage .client-callout .logos-row img {max-width: 90px; margin-bottom: 30px;} #homepage .solutions .grid, #homepage .challenges .grid, #homepage .wil .grid {flex-wrap: wrap;} #homepage .solutions .grid {flex-direction: column-reverse;} #homepage .solutions .col-50:first-child {margin-right: 0px; margin-top: 30px;} #homepage .challenges .col-50:last-child, #homepage .wil .col-50:last-child {margin-left: 0px; margin-top: 30px;} #homepage .differentiators .overlay {min-height: inherit;} #homepage .testimonials .video-thumbnail {padding: 18% 0;} #homepage .testimonials .video-thumbnail i {width: 70px; height: 70px; line-height: 70px; font-size: 30px;} #homepage .leadership-insights .col-50 {width: 100%;} #homepage .leadership-insights .col-50:first-child {margin-right: 0; margin-bottom: 30px;} #homepage .leadership-insights .insight-block {height: 50vw;} #homepage .slick-prev, #homepage .slick-next {display: none !important;} #homepage #content {padding: 0px 20px !important;} #homepage .events .grid {flex-wrap: wrap;} #homepage .events .col-333 {width: 100%; margin: 0; margin-bottom: 13% !important;} #homepage .events .col-333:last-child {margin-bottom: 5% !important;} } /* Generic */ .video-thumbnail .bg {background-size: cover !important; text-align: center; max-width: 650px; padding: 24% 10px;} .video-thumbnail .bg i {color: #fff; background: #c33a32; width: 130px; height: 130px; line-height: 130px; font-size: 50px; border-radius: 50%; } /* Program Page, Solutions, and Buckets*/ #program-page {} #program-page h2, #program-page h3 {font-size: 40px; line-height: 50px; color: #c33a32;} #program-page .intro-section {margin: 8% 0 7%;} #program-page .content-section, #program-page .benefits-section, #program-page .program-testimonials, #program-page .program-cta {margin-bottom: 7%;} #program-page .benefits-section ul {column-count: 2;} #program-page .benefits-section ul li {break-inside: avoid; margin: 0 5px;} #program-page .program-testimonials .testimonial-block {background: #f4f4f4; border-radius: 10px; padding: 20px; margin-right: 20px;} #program-page .program-testimonials .testimonial-block:last-child {margin-right: 0;} #program-page .program-testimonials .testimonial-block.vc_col-sm-4 {width: calc(33.333% - 20px);} #program-page .program-testimonials .testimonial-block.vc_col-sm-6 {width: calc(50% - 20px);} #program-page .program-testimonials i {font-size: 58px; margin-top: -50px; background: #c33a32; color: #fff; width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%;} #program-page .program-testimonials h3 {margin-bottom: 5% !important;} #program-page .program-testimonials h4 em {color: #c33a32; font-size: 20px;} #program-page .related-programs {margin-bottom: 4%;} #program-page.solutions-landing .class-row h4 { font-size: 23px; line-height: 33px; color: #c33a32;} #program-page.solutions-landing .class-row h4 a {text-decoration: none; color: #c33a32;} #program-page.solutions-landing .class-row {margin-bottom: 3%;} #program-page.solutions-landing .class-row .content-btn {background: none; font-size: 18px; color: #c33a32; padding: 0; font-weight: bold; text-decoration: none;} #program-page.solutions-landing .class-row .content-btn i {padding-left: 10px;} #program-page.solutions-landing .class-row .wpb_text_column {margin-bottom: 10px;} #program-page.solutions-landing .program-cta.solutions {background: #f4f4f4; margin-bottom: 0; padding: 5% 0; margin-top: 3%;} #program-page .divider {padding-bottom: 5%; } #program-page .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {border: none;} #program-page .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {border-bottom: 2px solid #c33a32; background-color: #fff; border-radius: 0;} #program-page .vc_tta-tab span {font-family: 'Lato', sans-serif; color: #222;} #program-page .program-cta .wpb_text_column {margin-bottom: 15px;} #program-page .speaker-section {padding: 7% 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 7%;} #program-page .speaker-section .wpb_single_image.vc_align_left {text-align: center;} #program-page .speaker-section img {border-radius: 100%; max-width: 270px;} #program-page .speaker-section .image-container {max-width:270px;margin:0 auto;} #program-page .speaker-section .overlay {margin:0 auto; position: absolute; top: 0; left: 0px;bottom: 0;right: 0px; background-color: rgba(0, 0, 0, 0.5);color: white; display: flex;justify-content: center; align-items: center;opacity: 0;transition: opacity 0.3s ease; max-height:270px;border-radius:100%; width:270px;} #program-page .speaker-section .overlay:hover {opacity: 1;cursor:pointer;} #program-page .speaker-section .text { font-size: 20px;font-weight: bold;text-align: center; } #program-page .speaker-section .text a { color:#fff;text-decoration:none; } #program-page .speaker-section .text a:hover {text-decoration:underline; } #program-page .speaker-section .speaker-details {margin-bottom: 5%; text-align: center;} #program-page .speaker-section .speaker-details:last-child {margin-bottom: 0%;} #program-page .speaker-section .speaker-details .name-section {margin-bottom: 10px;} #program-page .speaker-section .speaker-details .name-section h3 {font-size: 27px; line-height: 37px;} #program-page .speaker-section .speaker-details .name-section h4 {font-size: 22px; line-height: 32px;} #program-page .speaker-section .speaker-details .vc_toggle_title h4 {font-size: 18px; line-height: 28px; font-family: 'Lato', sans-serif;} #program-page .frm_button_submit {margin-bottom: 10px !important;} #program-page .schedule-section { background: #c33a32; padding: 15px 0;} #program-page .schedule-section h3 {color: #fff; font-size: 28px; padding: 0;} #program-page .schedule-section .wpb_raw_html .wpb_wrapper {display: flex; justify-content: center; gap: 30px;} #program-page .schedule-section .content-btn a {background: #333;} #program-page .wil-archives-section {padding: 5% 0; margin-bottom: 8%;} #program-page .wil-archives-section h3, #program-page .wil-archives-section p {color: #fff;} #program-page .frm_forms h3 {font-family: 'Libre Baskerville', serif !important; font-size: 30px;} #program-page .frm_forms label {font-family: 'Lato', sans-serif !important;} #program-page .frm_forms .frm_submit .frm_button_submit { background: #c33a32 !important; color: #fff !important; font-family: 'Lato', sans-serif !important; font-weight: bold !important; font-size: 18px !important; border-color: inherit !important;} @media(max-width: 768px){ #program-page .content-section:nth-child(odd), #program-page.reverse-odd .content-section:nth-child(even) {flex-direction: column-reverse;} #program-page.reverse-odd .content-section:nth-child(odd) {flex-direction: inherit;} #program-page.solutions-landing .class-row .wpb_single_image.vc_align_center {text-align: left;} #program-page.solutions-landing .class-row .vc_col-sm-4 {margin-bottom: 10%;} #program-page .benefits-section ul {column-count: 1;} #program-page .program-testimonials .testimonial-block.vc_col-sm-4 {width: 100%; margin-bottom: 50px;} } @media(max-width: 650px){ #program-page .program-testimonials .testimonial-block.vc_col-sm-4, #program-page .program-testimonials .testimonial-block.vc_col-sm-6 {width: 100%; margin-bottom: 10%;} } @media(max-width: 500px){ #program-page h2, #program-page h3 {font-size: 25px; line-height: 35px;} #program-page .content-btn a {font-size: 16px;} #program-page .program-testimonials i {width: 90px; height: 90px; line-height: 90px; font-size: 38px;} #program-page .benefits-section ul {column-count:1;} #program-page .content-section {margin-bottom: 17%;} } /* Our Story */ #our-story-page .mission-vision-section {margin-top: 10%;} #our-story-page .mission-vision-section h2, #our-story-page .why-tlg-section h3, #our-story-page .lc-section h3 {font-size: 40px; line-height: 50px; color: #c33a32;} #our-story-page .mission-vision-section h3 {color: #c33a32;} #our-story-page .why-tlg-section, #our-story-page .lc-section {padding-top: 10%; border-top: 1px solid #f4f4f4; margin-top: 10%;} #our-story-page .lc-section {margin-bottom: 7%;} @media(max-width: 500px){ #our-story-page .mission-vision-section h2, #our-story-page .why-tlg-section h3, #our-story-page .lc-section h3 {font-size: 30px; line-height: 40px;} } /* Our History */ #our-history .cool_timeline h2 {color: #fff;} #our-history .cool_timeline .timeline-main-title {color: #c33a32; font-size: 40px; line-height: 50px; } #our-history .cool-timeline.white-timeline .timeline-post .timeline-content .content-title { padding: 5% !important; border-radius: 10px; font-size: 25px; line-height: 35px; color: #fff;} @media(max-width: 770px){ #our-history .cool_timeline h2 {font-size: 30px; line-height: 40px;} } @media(max-width: 500px){ #our-history .cool_timeline h2 {font-size: 20px; line-height: 30px;} } /* Leadership Character Model */ #leadership-character h2 {font-size: 40px; line-height: 50px; color: #c33a32;} #leadership-character h3 {font-size: 30px; line-height: 40px; color: #c33a32;} #leadership-character .content-section, #leadership-character .leadership-character-intro {margin-bottom: 7%;} #leadership-character .leadership-character-intro img {max-width: 450px;} #leadership-character .value-row {margin-bottom: 3%;} #leadership-character .value-row h4 {color: #000;} @media(max-width: 770px){ #leadership-character .value-row .vc_col-sm-3 {width: 50%;} } @media(max-width: 500px){ #leadership-character .value-row .vc_col-sm-3 {width: 100%;} } /* FAQs */ #faqs h3 {color: #c33a32; font-size: 30px; line-height: 40px;} #faqs h4 {color: #000;} #faqs .vc_toggle {padding-bottom: 2%; border-bottom: 1px solid #ededed;} #faqs .faq-block .vc_toggle:last-child {border-bottom: none;} #faqs .faq-block {margin-bottom: 5%;} #faqs .vc_toggle_default .vc_toggle_icon, #faqs .vc_toggle_default .vc_toggle_icon::before {background: #c33a32; border: 1px solid #c33a32;} #faqs .vc_toggle_default .vc_toggle_icon::after {background: #c33a32;} /* Testimonials */ #testimonials h2 {color: #c33a32;} #testimonials .vc_row-o-content-middle {margin-bottom: 7%;} #testimonials .testimonial .vc_column-inner {background: #f4f4f4; border-radius: 10px; padding: 25px;} #testimonials .testimonial i {font-size: 38px; margin-top: -50px; background: #c33a32; color: #fff; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%;} @media(max-width: 767px){ #testimonials .reverse {display:flex; flex-direction: column-reverse;} } /* Newsletters */ #newsletters-page {padding: 5% 0;} #newsletters-page h3, #newsletters-page h2 {font-size: 40px; line-height: 50px; color: #c33a32;} #newsletters-page .newsletter-archive-item a {text-decoration: none;} #newsletters-page .newsletter-archive-item p {font-family: 'Libre Baskerville', serif; color: #222;} #newsletters-page .newsletter-archive-item i {padding-right: 10px; color: #c33a32;} #newsletters-page .featured {margin-bottom: 7%;} #newsletters-page .featured h2 {color: #222; font-size: 22px; line-height: 32px;} #newsletters-page .current-year a {color: #222; text-decoration: none;} #newsletters-page .current-year h4 {font-size: 22px; line-height: 32px;} #newsletters-page .current-year h4 i {color: #c33a32; padding-left: 10px;} #newsletters-page .current-year {margin-bottom: 7%;} #newsletters-page .archive-section {padding-top: 7%;} #newsletters-page .archive-section .archive-row {margin-bottom: 5%; border-bottom: 1px solid #ededed;} /* Press Room */ #press-room .downloads {margin-bottom: 7%; padding-bottom: 7%; border-bottom: 1px solid #ededed;} #press-room .downloads h4 a {text-decoration: none; color: #222;} #press-room .form {margin-top: 7%; padding-top: 7%; border-top: 1px solid #ededed;} #press-room .press-grid h4 {font-size: 18px;} #press-room .vc_btn3.vc_btn3-size-md {background: #c33a32; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 16px;} #press-room .vc_btn3.vc_btn3-color-blue {background: #222;} #press-room #frm_form_13_container .frm_submit .frm_button_submit {padding: 12px 48px !important; background:#c33a32 !important; color: #fff !important; font-family: 'Lato', sans-serif !important; font-weight: bold !important; font-size: 18px !important; border-color: inherit !important;} #press-room #frm_form_13_container .frm_primary_label {font-family: 'Lato', sans-serif !important; font-weight: bold;} #press-room #frm_form_13_container {max-width: none !important; width: 100%;} #press-room .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {border: none;} #press-room .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {border-bottom: 2px solid #c33a32; background-color: #fff; border-radius: 0;} #press-room .vc_tta-tab span {font-family: 'Lato', sans-serif; color: #222;} #press-room .vc_gitem-zone-a {max-height: 150px;} /* WIL Portal */ #program-page.wil-portal .video-links {border-bottom: 1px solid #ededed; margin-bottom: 4%; padding-bottom: 2%;} #program-page.wil-portal .video-links:first-child {margin-top: 3%;} #program-page.wil-portal .video-links:last-child {border-bottom: none;} #program-page.wil-portal .video-links a {text-decoration: none; font-size: 20px; color: #222; font-family: 'Libre Baskerville', serif;} #program-page.wil-portal .video-links a i {color: #c33a32; padding-right: 10px;} #program-page.wil-portal .vc_btn3.vc_btn3-size-md {background: #c33a32; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 16px;} #program-page.wil-portal .vc_btn3.vc_btn3-color-blue {background: #222;} #program-page.wil-portal .feeds {margin: 7% 0 9%;} /*search box*/ .search-box { position: relative;display: flex;flex-direction:row;margin-left:20px;padding-top:3px;margin-top:1px;} .search-form {width: 0;margin-top:3px;opacity: 0;visibility: hidden;overflow: hidden;transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;} .search-form .search_btns {display:flex;flex-direction:row;justify-content:space-between;gap:15px;} .search-form input {width:69% !important;font-size:16px; font-family: 'Lato', sans-serif;border:1px solid #ededed; } .search-form button.search-submit {width:30%; font-size:16px; font-family: 'Lato', sans-serif;background:transparent;border:2px solid #fff;color:#fff;} #header.compact .search-form button.search-submit {background: #c33a32; border: none; color: #fff;} .search-form .popular-links { padding:10px 0px; display:flex;flex-direction:column;width:99%;background-color:#fff;border-radius:3px;position:absolute;top:50px;right:0; box-shadow: 0 0px 5px rgb(57 63 72 / 20%);} .search-form .popular-links a {text-decoration:underline;color:#000;padding:10px 10px 5px 15px;line-height:1.2em;} .search-form .popular-links a:hover {text-decoration:none;} .search-form.active {width: 260px;opacity: 1;visibility: visible;} .search-form.active .search-field { width: 100%; opacity: 1; } .search-icon { background: none;border: none;cursor: pointer;color:#fff;font-size:30px;width:50px;display:flex;margin-top:5px; } #header.compact .search-icon {color: #c33a32;} .search-form .popular-links p {font-size:16px;padding:0 15px;font-weight:600;font-family: 'Libre Baskerville', serif;} #nav.search-active #menu-header {opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;} #nav nav {transition: opacity 0.3s ease, visibility 0.3s ease;} #mobile-nav .search-box {display: none;} #mobile-nav .search-form {} #mobile-nav .search-icon {color:#000;margin-right:10px;} #mobile-nav .search-box {padding-left:0px;margin-left:0;} #mobile-nav .search-form {opacity: 1;visibility: visible;max-height: none;} #mobile-nav .search-form input { border: 1px solid #ededed; } #mobile-nav .search-form .popular-links {background: #ededed;position: relative;top:10px;} #mobile-nav .search-form button.search-submit {background: #c33a32; color: #fff; border: none;} #mobile-nav .search-icon {width: 100%;} body:not(.home) .search-icon {color: #c33a32; } body:not(.home) .search-form button.search-submit { background: #c33a32; color: #fff; border: none;} @media(max-width: 1200px){ #header .search-box {right: 45px; top: -4px;} #header .search-icon {font-size: 27px;} #header.compact .search-box {top: 6px;} } @media(max-width: 867px){ #header .search-box {top: -32px;} } @media(max-width: 450px){ #header .search-box {display: none;} #mobile-nav .search-box {display: none; padding: 0 40px; flex-wrap: wrap;} #mobile-nav .search-icon {font-size: 24px;} #mobile-nav .search-icon span {font-size: 22px; padding-left: 10px; font-weight: 600;} #mobile-nav .search-form {width: 100%; padding-top: 10px;} } /* Signature Series */ #signature-series p a {color: #c33a32; font-weight: bold;} #signature-series .content {display: inline-block; padding: 5% 0; width: 100%;} #signature-series .white-text {color: #fff;} #signature-series .btn {display: inline-block; text-decoration: none; font-size: 18px; white-space: nowrap; background: #C33A32; color: #fff; padding: 15px 25px; border-radius: 5px; font-weight: bold; width: 100%; max-width: 170px; text-align: center; margin-top: 20px;} #signature-series .btn.black {background: #222;} #signature-series .banner .container {padding: 150px 20px; text-align: center; color: #fff;} #signature-series .banner h1 {font-size: 45px; line-height: 55px; max-width: 700px; margin: 0 auto;} #signature-series .banner .overlay {background: rgba(0,0,0,0.5);} #signature-series .container {max-width: 1400px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap;} #signature-series h2, #signature-series h3 {font-size: 40px; line-height: 50px; color: #C33A32; margin-bottom: 15px;} #signature-series p, #signature-series li {font-size: 18px; line-height: 30px;} #signature-series li {margin-left: 20px; padding-bottom: 5px;} #signature-series .col-50 {width: 50%;} #signature-series .intro-section {text-align: center;} #signature-series .intro-section h2 {width: 100%;} #signature-series .first-content-section {align-items: center; position: relative; padding: 10% 20px;} #signature-series .first-content-section a {text-decoration: none;} #signature-series .first-content-section .text-box {width: 55%; background: #c33a32; padding: 40px; color: #fff; z-index: 1;} #signature-series .first-content-section .video-section {height: 60vw; max-height: 450px; display: flex; align-items: center; justify-content: center; background-size: cover !important; position: absolute; right: 20px;} #signature-series .first-content-section .video-section i {color: #fff; background: #C33A32; width: 120px; height: 120px; display: flex; align-items: center;justify-content: center; margin: 0 auto; font-size: 50px; border-radius: 50%;} #signature-series .second-content-section {display: flex; align-items: center; margin-bottom: 9%;} #signature-series .second-content-section .cropped-img {height: 60vw; max-height: 570px; background-size: cover !important; clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);} #signature-series .second-content-section .text-section {max-width: 700px; margin: 0 auto; padding: 0 30px;} #signature-series .featured-speaker {background: #222; display: flex;} #signature-series .featured-speaker h3, #signature-series .featured-speaker p, #signature-series .featured-speaker span {color: #fff;} #signature-series .featured-speaker .featured-content {width: 70%; justify-content:center; display: flex; padding: 50px; flex-direction: column; box-sizing: border-box;} #signature-series .featured-speaker .featured-content .text-section {max-width: 1000px; margin: 0 auto;} #signature-series .featured-speaker .speaker-img { width: 30%; background-size: cover !important;} #signature-series .featured-speaker span {font-size: 26px; line-height: 30px; display: flex; align-items: center; margin-bottom: 15px; } #signature-series .featured-speaker span i {background: #c33a32; padding: 10px; border-radius: 50%; text-align: center; margin-right: 10px; font-size: 16px;} #signature-series .speakers-section {background: #ededed; padding: 7% 20px;} #signature-series .speakers-section h3 {text-align: center; margin-bottom: 4%;} #signature-series .speakers-section .col-25 {text-align: center;} #signature-series .speakers-section .col-25 h4 {color: #c33a32; margin: 10px 0;} #signature-series .speakers-section .col-25 button {width: 100%; background: none; border: none; font-family: 'Lato', sans-serif; font-size: 17px; font-weight: bold; cursor: pointer; } #signature-series .speakers-section .col-25 button i {padding-left: 10px;} #signature-series .speakers-section .speaker-slides {max-width: 1200px; margin:0 auto;} #signature-series .speakers-section .slick-track {display: flex; gap: 20px; justify-content: space-between;} #signature-series .speakers-section .slick-track .col-25 img {border-radius: 50%; max-width: 250px; margin: 0 auto; margin-bottom: 20px;} #signature-series .archive-cta {background: #c33a32; display: flex; justify-content: center; align-items:center; padding: 20px; gap: 20px;} #signature-series .archive-cta h3 {font-size: 27px; line-height: 37px; margin-bottom: 0;} #signature-series .archive-cta .btn {margin-top: 0;} #signature-series .testimonials {margin-top: 6%;} #signature-series .testimonials .container {gap: 40px;} #signature-series .testimonials .col-333 {width: calc(33.333% - 27px);} #signature-series .testimonials h3 {text-align: center; padding: 0 20px 5%;} #signature-series .testimonials .card {background: #f4f4f4; border-radius: 10px; padding: 40px; position: relative;} #signature-series .testimonials .card i {font-size: 60px; border-radius: 50%; background: #c33a32; color: #fff; width: 120px; height: 120px; text-align: center; line-height: 120px; margin-top: -70px; margin-bottom: 30px;} #signature-series .testimonials .card .testimon {padding-bottom: 20px;} /* Speaker Modal */ #signature-series .modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} #signature-series .modal .modal-content { position: relative; background-color: #fff; margin: 15% auto; padding: 40px; border: 1px solid #888; width: 80%; max-width: 850px; } #signature-series .modal .close { position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer;} #signature-series .modal .content-mod {display: flex; gap: 30px;} #signature-series .modal .content-mod img {border-radius: 50%; max-width: 200px;} #signature-series .modal .content-mod h4 {font-size: 23px; margin-bottom: 15px; color: #c33a32;} /* Speaker Registration */ #signature-series.registration hr {margin: 25px 0; border:0.5px solid #ddd;} #signature-series.registration .first-content-section .text-box.black {background: #222;} #signature-series.registration .first-content-section.right .video-section {position: relative; right: inherit;} #signature-series.registration .first-content-section.right .text-box {position: absolute; right: 20px;} #signature-series.registration .first-content-section {padding: 6% 20px;} #signature-series.registration .second-content-section {margin-bottom: 5%; margin-top: 7%;} #signature-series.registration .form {max-width: 1400px; margin: 0 auto; padding: 0 20px; } #signature-series.registration .form .section-heading {text-align: center;} #signature-series.registration .frm_form_fields {margin: 0 auto; max-width: 1000px;} #signature-series.registration .frm_form_fields h3 {font-size: 35px; font-family: 'Libre Baskerville', serif;} @media(max-width: 1260px){ #signature-series .slick-dots {display: flex; justify-content: center; margin-top: 60px;} #signature-series .slick-dots button {display: none;} #signature-series .slick-dots .slick-active {opacity: 0.3;} } @media(max-width: 1200px){ #signature-series .first-content-section {gap: 30px;} #signature-series .first-content-section .text-box, #signature-series .first-content-section .video-section {width: calc(50% - 15px);} #signature-series .first-content-section .video-section {position: inherit; right: inherit;} #signature-series .featured-speaker .featured-content, #signature-series .featured-speaker .speaker-img {width: 50%;} } @media(max-width: 950px){ #signature-series .first-content-section, #signature-series .featured-speaker {flex-direction: column-reverse;} #signature-series .first-content-section .text-box, #signature-series .first-content-section .video-section, #signature-series .featured-speaker .speaker-img, #signature-series .featured-speaker .featured-content, #signature-series .second-content-section .cropped-img, #signature-series .second-content-section .text-section {width: 100%;} #signature-series .first-content-section .video-section {height: 80vw; max-height: 590px;} #signature-series .featured-speaker, #signature-series .second-content-section {flex-wrap: wrap;} #signature-series .featured-speaker .speaker-img {height: 70vw;} #signature-series .second-content-section .cropped-img {clip-path: none; margin-bottom: 50px;} #signature-series .second-content-section .text-section {max-width: none;} #signature-series.registration .first-content-section.right .text-box {position: inherit; right: inherit;} #signature-series.registration .first-content-section.right {flex-direction: column;} } @media(max-width: 850px){ #signature-series .testimonials .col-333 {width: 100%;} } @media(max-width: 700px){ #signature-series .modal .content-mod {flex-wrap: wrap; justify-content: center; text-align: center;} } .posts-teams.service-cta {display: flex; align-items: stretch;} .posts-teams.service-cta .service-img {width: 40%;} .posts-teams.service-cta .service-content {width: 60%; background-color: #c33a32; padding: 30px} .posts-teams.service-cta .service-content a {text-decoration: none;} .posts-teams.service-cta .service-content a i {padding-left: 5px;} .posts-teams.service-cta .service-content .cta {font-weight: bold;} .posts-teams.service-cta .service-content h3 {margin-top: 0; margin-bottom: 10px;} .posts-teams.service-cta .service-content p {margin-bottom: 10px;} #single-team .posts-teams.service-cta h3 {font-size: 25px;} #single-team .posts-teams.service-cta {margin-top: 20px;} @media(max-width: 700px){ .posts-teams.service-cta {flex-wrap: wrap;} .posts-teams.service-cta .service-content, #primary.single .service-cta .service-img {width: 100%;} .posts-teams.service-cta .service-img {height: 50vw; max-height: 350px;} }