/* call Fonts */ @font-face { font-family: 'BigJohnPRO-Regular'; src: url('./fonts/BigJohnPRO-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'BigJohnPRO-Light'; src: url('./fonts/BigJohnPRO-Light.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'BigJohnPRO-Bold'; src: url('./fonts/BigJohnPRO-Bold.otf') format('opentype'); font-weight: bold; font-style: normal; font-display: swap; } /*Variables*/ :root { /*Font Family*/ --font-family-primary: "Lato", sans-serif; --font-family-secondary: "BigJohnPRO-Regular", sans-serif; --font-family-secondary-light: "BigJohnPRO-Light", sans-serif; --font-family-secondary-bold: "BigJohnPRO-Bold", sans-serif; /*Colors*/ --color-primary:#333333; --color-secondary: #930000; --color-tertiary:#00b3bc; --color-tertiary-dark:#05949b ; --color-fourth:#eae4ce; --color-dark-red:#570000; --color-medium-red :#7a0000; --color-white: #ffffff; --color-black: #000; --color-off-white:#f0f0ef; } main { /* min-height: 100vh; */ display: flex; flex-direction: column; padding-top:111px; } .home main{ padding-top:0 !important; } @media(max-width:768px){ main{ padding-top:80px; } } main footer:last-of-type { margin-top: auto; } /* ADA */ .skip-to-main-content-link { position: absolute; left: -9999px; z-index: 999; padding: 1em; background-color: black; color: white; opacity: 0; } .skip-to-main-content-link:focus { left: 50%; transform: translateX(-50%); opacity: 1; } .sr.hide { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; display: block; } /* Base */ /******* Formatting *******/ body { color: var(--color-primary); font-family: var(--font-family-primary); font-size: 18px; font-weight: 400; letter-spacing: normal; line-height: 1.67; overflow-wrap: break-word; overflow-x: hidden; } p { font-size: 18px !important; letter-spacing: normal; line-height: 1.67; } hr{ background-image: repeating-linear-gradient(to right, #00b3bc, #00b3bc 2px, transparent 3px, transparent 7px); height: 2.5px; border-top: 0; margin-bottom: 32px; max-width: 444px; width: 100%; border: 0; } /* Paragraph Anchor Design */ p a { color: var(--color-secondary); text-decoration: underline; } p a:hover { color: var(--color-tertiary-dark); text-decoration: none; } h2, .h2,h3, .h3{ font-weight: 900; font-family:var(--font-family-secondary-bold)!important; } h1, .h1 { font-size: 38px !important; font-family:var(--font-family-secondary)!important; line-height: normal; letter-spacing: normal; text-transform: uppercase; color: var(--color-primary); } @media (max-width: 480px) { h1, .h1 { font-size: 30px !important; } } /* For all H tags global settings */ h2, h3, h4, h5, h6{ color: var(--color-secondary); } h2,h6,.h2,.h6{ text-transform:uppercase; } h2, .h2 { font-size: 30px !important; line-height: normal; letter-spacing: 1.5px; } h2 a, .h2 a { color: var(--color-secondary) !important; text-decoration: underline !important; } h2 a:hover, .h2 a:hover { color: var(--color-tertiary-dark) !important; } h3, .h3 { font-size: 25px !important; line-height: normal; letter-spacing: normal; } h4, .h4,h5, .h5,h6, .h6{ font-family:var(--font-family-primary)!important; } h4, .h4 { font-size: 22px !important; font-weight: 900; letter-spacing:normal; line-height:normal; } h5, .h5 { font-size: 20px !important; font-weight: bold; letter-spacing:normal; line-height:normal; } h6, .h6 { font-size: 18px !important; font-weight: bold; line-height: normal; letter-spacing: 1.8px; } /****** Rich Text: Color and Text decorations and hovers ******/ /* Spacings */ .fl-rich-text p:last-child, ul:last-child, ol:last-child { margin: 0; } /* Rich Text - Paragraph */ .fl-rich-text p { margin: 0 0 30px; } /* @media(max-width:768px){ .fl-rich-text p { margin-bottom:20px; } } */ @media(max-width:480px){ .fl-rich-text p,p { font-size:16px !important; } } /* Rich Text - Headings */ .fl-rich-text h2 { text-transform: uppercase; } .fl-rich-text h2, h2.with-line{ position: relative; display: table; margin: 0 auto 22px !important; padding: 0 1em; /* background: white; */ text-align:center; } .fl-rich-text h2:after, h2.with-line:after,.fl-rich-text h2:before, h2.with-line:before{ content: ""; position: absolute; top: 50%; height: 2px; width: 100vw; background-image: repeating-linear-gradient(to right, #00b3bc, #00b3bc 2px, transparent 3px, transparent 8px); } .fl-rich-text h2:before, h2.with-line:before { right: 100%; margin-right: 0.5em; transform: translateY(-50%); } .fl-rich-text h2:after, h2.with-line:after{ left: 100%; margin-left: 0.5em; transform: translateY(-50%); } @media(max-width:768px){ .fl-rich-text h2, h2.with-line{ padding:0 10px; font-size:25px !important; } .fl-rich-text h2:before, h2.with-line:before { margin-right:10px; } .fl-rich-text h2:after, h2.with-line:after{ margin-left: 10px; } } @media(max-width:480px){ .fl-rich-text h2, h2.with-line{ padding:0 0px; } } .fl-rich-text h2, .fl-rich-text h3 { margin: 0 0 20px; word-break: break-word; } .fl-rich-text h4 { margin-bottom: 20px; } .fl-rich-text h6 { margin-bottom: 20px; } .fl-rich-text h5 { margin-bottom: 20px; } /* Rich Text - Anchors */ /* .fl-rich-text h1 , .fl-rich-text h2 , .fl-rich-text h3 , .fl-rich-text h4 , .fl-rich-text h5 , .fl-rich-text h6{ text-align:center; } */ .fl-rich-text h1 a, .fl-rich-text h2 a, .fl-rich-text h3 a, .fl-rich-text h4 a, .fl-rich-text h5 a, .fl-rich-text h6 a { color: var(--color-secondary); text-decoration: underline; } .fl-rich-text p a, .fl-rich-text ul a, .fl-rich-text ol a, p a, ul a, ol a{ color:var(--color-secondary); text-decoration:underline !important; } /* Rich Text - Hovers */ .fl-rich-text h1 a:hover, .fl-rich-text h2 a:hover, .fl-rich-text h3 a:hover, .fl-rich-text h4 a:hover, .fl-rich-text h5 a:hover, .fl-rich-text h6 a:hover,h2 a:hover , h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,.fl-rich-text p a:hover, p a:hover, .fl-rich-text ul a:hover, ul li a:hover, .fl-rich-text ol a:hover, ol li a:hover { color: var(--color-tertiary-dark); text-decoration:underline !important; } /* Rich Text - LISTING */ .fl-rich-text ul { margin-top: 35px; } .fl-rich-text ul, .fl-rich-text ol { padding-left: 35px; margin-bottom: 35px; margin-top: 35px; } .fl-rich-text ul li ul, .fl-rich-text ol li ul,.fl-rich-text ul li ol, .fl-rich-text ol li ol{ margin-top:20px; margin-bottom:20px; } @media (max-width: 480px) { .fl-rich-text ul, .fl-rich-text ol { padding-left: 30px; } } .fl-rich-text li { margin-bottom: 32px; position: relative; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; } @media (max-width: 480px) { .fl-rich-text li { font-size:16px; } } .fl-rich-text li:last-child { margin-bottom: 0; } .fl-rich-text ul li:before { background-color: var(--color-tertiary); border-radius:0; content: ""; width: 13px; height: 13px; left: -35px; position: absolute; top: 9px; } .fl-rich-text ul li ol li:before{ content: counter(list-item) "." !important; top: 0 !important; background: transparent; width: auto; height: auto; } .fl-rich-text ol li:before { color: var(--color-tertiary-dark); content: counter(list-item) "."; font-weight: 700; left: -35px; position: absolute; top: 0; } .fl-rich-text ol li ul li:before{ content:"" !important; top: 9px !important; } .fl-rich-text ol li ul li, .fl-rich-text ol li ol li,.fl-rich-text ul li ul li,.fl-rich-text ul li ol li{ margin-bottom:20px; } @media(max-width:768px){ .fl-rich-text li{ margin-bottom: 20px; } } /* Rich Text - BLOCKQUOTE */ .fl-rich-text blockquote { position: relative; max-width:720px; width:100%; margin-left:auto; margin-right:auto; padding-top:57px; padding-bottom:57px; } .fl-rich-text blockquote:before{ top:28px; } .fl-rich-text blockquote:after{ bottom:18px; } .fl-rich-text blockquote:after,.fl-rich-text blockquote:before{ position:absolute; content:'"'; font-family: var(--font-family-primary); font-size: 30px; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 1; letter-spacing: normal; text-align: center; color: #333; margin:0 auto; left:0; right:0; } .fl-rich-text blockquote, .fl-rich-text blockquote p { font-family: var(--font-family-primary); font-size: 20px !important; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 1.5; letter-spacing: normal; text-align: center; color: #333; } @media (max-width: 480px) { .fl-rich-text blockquote { font-size: 18px !important; padding-top:35px; padding-bottom:40px; } .fl-rich-text blockquote:before{ top:7px; } .fl-rich-text blockquote:after{ bottom:-7px; } } /****** Media Queries for H Tags ******/ @media (max-width: 480px) { .fl-rich-text ol { margin-bottom: 40px; } h1 { font-size: 30px !important; } h2 { font-size: 25px !important; } h3 { font-size: 25px !important; } h4 { font-size: 20px !important; } h5 { font-size: 18px !important; } } /* Generic Classes */ .flex { display: flex; } .fl-rich-text img, .fl-rich-text img, .fl-rich-text img { border: 4px solid var(--color-dark-red); } .alignleft { /* width:628px !important; */ /* width:auto; */ margin-left:-64px; float: left; margin-bottom: 25px; margin-right:30px; margin-top: 10px; } .alignleft img,.alignright img{ width:100%; } .alignright { margin-right:-64px; /* width:628px !important; */ /* width:auto; */ float: right; margin-bottom: 25px; margin-left: 30px; position: relative; margin-top: 10px; } p .aligncenter{ margin-left:0; } .aligncenter { margin-left:-92px; margin-right:-92px; width:calc(100% + 184px) !important; margin-top: 10px; } @media (max-width: 1000px) { .alignleft{ margin-left:-60px;!important; } .alignright{ margin-right:-60px;!important; } } @media (max-width: 768px) { .alignleft img, .alignright img { margin-bottom: 10px; } /* .alignleft{ margin-left:-30px;!important; } .alignright{ margin-right:-30px;!important; } */ .alignleft, .alignright, .aligncenter { display: block; float: none; height: auto; margin: 0 0 25px; width: 100% !important; } } /****** Captions for images ******/ .wp-caption-text, .fl-photo-caption { color: var(--color-dark-red); display: inline-block; font-size: 16px !important; font-weight: normal !important; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: normal; font-family: var(--font-family-primary); padding: 0 !important; } .wp-caption.alignright { text-align: right; } .wp-caption.aligncenter { text-align: center; margin-bottom:60px; } .wp-caption-text, .fl-photo-caption{ margin-top:16px !important; margin-left:10px !important; margin-right:10px !important; } /* HERO SECTIONS */ .generic-hero-section { background: var(--color-tertiary); padding-left: 100px; padding-right: 100px; padding-top:16px; padding-bottom:16px; } .generic-hero-section .container-900 { max-width: 900px; width: 100%; margin: 0 auto; } .generic-hero-section .container-900 h1 { /* font-size: 58px; */ font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--color-white); font-family:var(--font-family-secondary) !important; } @media (max-width: 992px) { .generic-hero-section { padding-left: 60px; padding-right: 60px; } } @media (max-width: 768px) { .generic-hero-section { padding-left: 30px; padding-right: 30px; padding-top:12px; padding-bottom:12px; } } /* PAGINATION */ .navigation.pagination .page-numbers, .fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers { border: 1px solid var(--color-secondary); background: var(--color-secondary); display: inline-block; font-size: 16px; line-height: 1; margin: 5px; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out; color: var(--color-white) !important; height: auto !important; font-weight: bold !important; padding: 10px 25px 10px 25px !important; } .fl-builder-pagination li span.page-numbers.current, .fl-builder-pagination li a.page-numbers:hover { background: var(--color-tertiary); color: var(--color-white) !important; } .navigation.pagination .next.page-numbers, .navigation.pagination .prev { padding: 7px 25px 4px 10px; position: relative; } .navigation.pagination .prev { padding: 7px 10px 4px 25px; } .navigation.pagination .nav-links { margin: 0 auto; max-width: max-content; width: 100%; } /* Blog details */ .blog-container { padding: 39px 100px 0; overflow:hidden; } @media (max-width: 992px) { .blog-container { padding: 15px 60px 0; } } @media (max-width: 768px) { .blog-container { padding: 15px 30px 0; } } .blog-container .entry-content { max-width: 900px; margin: 0 auto; width: 100%; } .blog-container .image-section { max-width: 900px; width: 100%; height:auto; /* max-height: 382px; */ margin: 0px auto 30px; } .blog-container .image-section img{ width:100%; height:100%; } .single .generic-hero-section .fl-row-content .inner-hero-wapper .entry-meta .entry-date { font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.8px; text-align: center; color: white; margin-top:10px; display: block; text-transform: uppercase; font-family: var(--font-family-secondary-bold); } .blog-container .entry-footer { display: none; } .single .comment-respond { display: none; } .single .post-navigation { padding: 80px 100px 0px; } .single .post-navigation .nav-links { display: flex; width: 100%; max-width: 900px; margin: 0 auto; justify-content: space-between; } .single .post-navigation .nav-links .nav-previous span.disable, .single .post-navigation .nav-links .nav-next span.disable { display: none; } .single .post-navigation .nav-links .nav-previous span a, .single .post-navigation .nav-links .nav-next span a { display: block; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; color: var(--color-secondary); text-decoration: underline; letter-spacing: normal; } .single .post-navigation .nav-links .nav-previous span a:hover, .single .post-navigation .nav-links .nav-next span a:hover { color: var(--color-tertiary-dark); } @media (max-width: 992px) { .single .post-navigation { padding: 60px 60px 0px; } } @media (max-width: 768px) { .single .post-navigation { padding: 60px 30px 0px; } } /* Category Blog */ .fl-builder-pagination { padding: 60px 0 0 !important; } /* Load more Button */ .fl-builder-pagination-load-more { overflow: hidden; margin-top: 55px; } .fl-builder-pagination-load-more .fl-button { background: transparent !important; padding: 0px 83px !important; border: none !important; text-transform: uppercase; position: relative; } .fl-builder-pagination-load-more a span { color: var(--color-black3) !important; padding: 0 16px 0 20px; display: inline-block; position: relative; font-size: 16px !important; font-stretch: normal; font-style: normal; font-weight: normal !important; line-height: 1.25 !important; letter-spacing: 4.8px; } .fl-builder-pagination-load-more a:before, .fl-builder-pagination-load-more a:after { position: absolute; width: 81px; height: 1px; content: ""; left: 0; top: 11px; background: var(--color-yellow); left: 0%; transition: all 0.3s ease; } .fl-builder-pagination-load-more a:after { left: auto; right: 0%; } .fl-builder-pagination-load-more a:hover span { color: var(--color-green) !important; } .fl-builder-pagination-load-more a:hover:before { width: 414px; left: -335px; } .fl-builder-pagination-load-more a:hover:after { width: 414px; right: -335px; } @media (max-width: 480px) { .fl-builder-pagination-load-more .fl-button { padding: 0 40px !important; } .fl-builder-pagination-load-more .fl-button:before, .fl-builder-pagination-load-more .fl-button:after { width: 40px !important; left: 0 !important; } .fl-builder-pagination-load-more .fl-button span { padding: 0 10px 0 15px; } .fl-builder-pagination-load-more .fl-button:after { left: auto !important; right: 0 !important; } } /* Component: Full Width Quote*/ .full-width-quotes p { font-size: 28px !important; line-height: 1.21; } /* backgrounds */ .fl-row:nth-of-type(even){ /*(background-color: #efefef !important;*/ } .section-heading {width:100%;margin:0 0 30px;} .scroll-to-next { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; text-align: center; } .scroll-to-next .fl-button { width: 50px; height: 50px; display: flex !important; align-items: center; justify-content: center; margin: 0 auto; } .scroll-to-next .fl-button-icon { font-weight: bold; } .people-template-default .blog-container .image-section{ max-height:500px; height:50vw; max-width:400px; width:100%; } .people-template-default .blog-container .image-section img{ object-fit:contain; } .js__open-team-popup{ cursor:pointer } /* Buttons */ .btn--secondary a, .btn--primary a, .btn--tertiary a, .btn--quaternary a{ background: var(--color-tertiary) !important; color: var(--color-white) !important; border: none !important; border-radius: 0 !important; padding: 16.9px 28px !important; position: relative; width: fit-content; text-align: center; position: relative; text-decoration: none; transition: 0.4s ease all; } /*.btn--secondary a, .btn--primary a, .btn--tertiary a{ border:1px solid !important; }*/ .btn--secondary a .fl-button-text, .btn--primary a .fl-button-text, .btn--tertiary a .fl-button-text, .btn--quaternary a .fl-button-text{ font-size: 16px !important; font-weight: bold !important; line-height: normal; letter-spacing: 0.8px; text-align: center; text-transform:uppercase; position:relative; z-index:2; color: var(--color-white) !important; font-family:var(--font-family-secondary-bold) !important; } .btn--primary a{ border-color:var(--color-tertiary); } .btn--primary a:hover{ border-color:var(--color-secondary); } .btn--secondary a{ background: var(--color-fourth) !important; border:1px solid var(--color-fourth) !important; padding: 16.1px 28px !important; } .btn--secondary a .fl-button-text{ color: var(--color-secondary) !important; } .btn--tertiary a{ background: var(--color-secondary) !important; border-color:var(--color-secondary) !important; } .btn--tertiary a:hover{ border-color:var(--color-tertiary) !important; } .btn--quaternary a{ border: solid 3px var(--color-white) !important; } .btn--primary a:hover:after { width: 0; transition: 0.4s ease all; overflow: hidden; } .btn--quaternary a:before,.btn--primary a:before,.btn--secondary a:before, .btn--tertiary a:before{ width:100%; height:0; position:absolute; content:''; left:0px; bottom:0px; transition: 0.4s ease all; background:var(--color-secondary); } .btn--secondary a:before{ background:var(--color-white) !important; } .btn--tertiary a:before{ background:var(--color-tertiary) !important; } .btn--quaternary a:hover:before, .btn--quaternary a:focus:before, .btn--primary a:hover:before, .btn--primary a:focus:before, .btn--secondary a:hover:before, .btn--secondary a:focus:before,.btn--tertiary a:hover:before,.btn--tertiary a:focus:before{ height:100%; } .btn--secondary a:hover,.btn--secondary a:focus{ border: solid 1px var(--color-secondary) !important; background:transparent !important; } /* .btn--secondary a:hover .fl-button-text, .btn--secondary a:focus .fl-button-text { color:var(--color-white) !important; } */ header { position: fixed; top:0; width:100%; z-index: 100; background: var(--color-fourth); border-bottom:26px solid var(--color-secondary) !important; } html.active {overflow-y:hidden;} .main-nav-header .header-wrapper { justify-content: space-between; margin: 0 auto; /* margin-right:0; */ padding: 0px 0px 0px 100px; width: 100%; /* align-items: center; */ /* max-width: 1780px; */ } @media(max-width:1920px){ .main-nav-header .header-wrapper { margin-right:0; } } @media(max-width:1700px){ .main-nav-header .header-wrapper { padding-left:60px; } } @media(max-width:992px) { .main-nav-header .header-wrapper::before, .main-nav-header .header-wrapper::after { display: none; } } /* Header - Logo */ .main-nav-header .header-logo { width: 100%; max-width: 207px; height:121px; line-height: 0; margin-bottom: -76px; } .main-nav-header .header-logo img { height: 100%; width: 100%; object-position: left; object-fit: contain; margin-top:30px; } @media (max-width: 992px) { .main-nav-header .header-wrapper { padding: 0px 0px 0px 60px !important; } } /* Keep in center the Menu links */ .main-nav-header .main-nav, .main-nav-menu { align-items: center; display: flex } .main-nav-header .ipad-block { display: none } .main-nav-header .ipad-none { display: none; display: block } .main-nav-header .main-nav-menu { display: flex; } /* Tiers */ .main-nav-menu.active { position: relative; } .main-nav-menu.active:before { width: 100%; height: 100%; background: transparent; position: absolute; content: ""; left: 0; z-index: 3; top: 0; } /* header font font { overflow-wrap: anywhere; } */ .main-nav-menu ul { display: flex; /* flex-wrap: wrap; */ justify-content: flex-end; align-items: center; /* margin-right: 45px; */ margin-right:0; } .header-button,.header-btn,#menu-header-button-menu-1,.button{ height:100%; } .main-nav-menu ul li { margin: 0 0px 0 0; height: fit-content; } .main-nav-menu ul#menu-main-menu > li>a{ white-space:nowrap; } .main-nav-menu ul li a{ position:relative; } .main-nav-menu ul li a:before{ position: absolute; content: ""; border-radius: 100%; background: var(--color-tertiary); height: 0%; z-index: -1; left: 0; top: 0; width:0; transition:0.4s ease all; margin:auto; bottom:0; right:0; } .main-nav-menu ul li a { color: var(--color-secondary); font-size: 17px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.85px; font-family: var(--font-family-primary); text-align: left; position: relative; text-transform: capitalize; display: block; width: fit-content; text-decoration: none !important; padding:30px 1vw 30px 1vw; } .main-nav-menu ul li a:hover,.main-nav-menu ul li.active>a{ color:var(--color-white) !important } .main-nav-menu ul li a:hover:before,.main-nav-menu ul li.active>a:before{ transition:0.4s ease all; width:100%; height:100%; } .main-nav-menu ul li.menu-item-has-children>button:after { position: absolute; left: 0; top: 6px; width: 7px; height: 13px; background:var(--color-secondary); clip-path: polygon(0 0, 100% 50%, 0 100%); transition: 300ms; content: ""; } .main-nav-menu ul li.menu-item-has-children>button { position: absolute; right: -10px; width: 20px; height: 20px; border: 0; background: transparent; padding: 0; cursor: pointer; top: calc(50% - 10px); } .main-nav-menu ul li.menu-item-has-children>a .submenu-toggle-icon{ display:none; } .main-nav-menu ul li.menu-item-has-children a .submenu-toggle-icon{ position: absolute; top: 4px; width: 7px; height: 13px; background: var(--color-secondary); clip-path: polygon(0 0, 100% 50%, 0 100%); transition: 300ms; bottom: 0; margin-top: auto; margin-bottom: auto; right: 5px; transition:0.2s ease all; } .main-nav-menu ul li.menu-item-has-children>a.active .submenu-toggle-icon{ transform:rotate(90deg); transition:0.2s ease all; } .main-nav-menu ul#menu-main-menu > li.menu-item-has-children ul li.menu-item-has-children>a{ padding-right:40px !important; } .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a{ color:var(--color-fourth); } .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a .submenu-toggle-icon{ background: var(--color-fourth); transform: none !important; } .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:hover .submenu-toggle-icon,.main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:focus .submenu-toggle-icon,.main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a.active .submenu-toggle-icon{ background: var(--color-secondary); } /* link Hover */ .main-nav-menu ul li a:hover, .main-nav-menu ul li a:focus { opacity: 1; } /* Menu Header Button */ .main-nav-menu ul li.button { margin-left: 12px; margin-right: 58px; } .main-nav-menu #menu-main-menu ul.sub-menu li ul.sub-menu:before{ display:none; } .main-nav-menu #menu-main-menu ul.sub-menu li ul.sub-menu { position: absolute; width: 160px; max-width: 160px; top: 0px; right: -160px; /* background: var(--color-fourth); border: 1px solid var(--color-fourth); */ /* padding: 8px 20px 23px; */ } /* .main-nav-menu #menu-main-menu ul.sub-menu li ul.sub-menu li a{ color:var(--color-secondary); } */ /* HAMBURGER MENU */ @media (max-width: 1440px) { .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a{ color:var(--color-dark-red); } .main-nav-header .right-menu .header-button ul .button a{ height:auto !important; width:fit-content !important; padding:14.5px 20px !important; font-size:16px !important; } header #hamburger:hover g, header #hamburger:focus g { stroke: #ffff; } header .hamburger.close-btn:hover g, header .hamburger.close-btn:focus g { fill:var(--color-tertiary); } header .mobile-hamburger{ background: var(--color-medium-red); padding: 20px; height: 84px; width: 84px; display: flex; align-items: center; justify-content: center; } .main-nav-menu ul li a:hover, .main-nav-menu ul li a:focus, .main-nav-menu ul li.menu-item-has-children button:hover, .main-nav-menu ul li.menu-item-has-children button:focus { cursor: pointer; } header #hamburger-close svg { width: 25px; } .home-hero-blog-slider .slide-container { height: calc(100vh - 120px); } .main-nav-header .header-logo { height: 100px; } .main-nav-header .main-nav-menu { margin-right: 0px; } .main-nav-menu ul{ margin-right:0 !important; } .main-nav-menu ul li a:before{ display:none; } .main-nav-menu ul li.menu-item-has-children>a{ width:100%; } .main-nav-menu ul li a:hover,.main-nav-menu ul li.menu-item-has-children>a.active,.main-nav-menu ul li.menu-item-has-children>a:hover,.main-nav-menu ul li.menu-item-has-children>a:focus{ color:var(--color-tertiary) !important; } .main-nav-menu ul li.menu-item-has-children>a.active .submenu-toggle-icon,.main-nav-menu ul li.menu-item-has-children>a:hover .submenu-toggle-icon{ background:var(--color-tertiary) !important; } .main-nav-menu ul li.menu-item-has-children>a .submenu-toggle-icon{ top:0; } .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a .submenu-toggle-icon{ background:var(--color-dark-red) !important; } .main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a.active .submenu-toggle-icon,.main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:hover .submenu-toggle-icon,.main-nav-menu ul li.menu-item-has-children ul li.menu-item-has-children>a:focus .submenu-toggle-icon{ background:var(--color-tertiary) !important; transform:rotate(90deg) !important; } /* .menu-item-has-children { padding-right: 25px !important; } .menu-item-has-children.active { padding-right: 30px !important; } */ .menu-item-has-children.active:after { transform: rotate(135deg); top: 9px } .main-nav-header .ipad-block { display: block } .main-nav-header .ipad-none { display: none } .main-nav-header .search-bar.ipad-none { display: none !important; } .navbar-collapse { background: var(--color-fourth); display: block; height: 100%; overflow-y: auto; padding: 80px 30px; position: fixed; right: 0; top: 0; transform: translate(100vw); transition: .3s; width: 0px; z-index: 10 } .main-nav-menu ul li.button { margin-left: 12px; margin-right: 0; } .main-nav-menu ul li a { color: var(--color-secondary); background: transparent; outline: 0 !important; opacity: 1; font-weight: bold; padding-left: 0; } .navbar-collapse.active { transform: translate(0); width: 600px; } .main-nav-menu ul { flex-direction: column; align-items: flex-start; margin-right: 0; } header .mobile-hamburger{ position:relative; } .main-nav-header .main-nav-menu #hamburger, .main-nav-header .main-nav-menu #hamburger-close { /* position: relative; */ top: 3px; background: transparent; border: none; cursor: pointer; padding: 0 } .main-nav-header .main-nav-menu #hamburger span{ display:block; position:relative; z-index:2; } .main-nav-header .main-nav-menu #hamburger:before{ height:0; width:100%; background:var(--color-tertiary); bottom:0; left:0; position:absolute; content:""; transition:0.4s all ease; } .main-nav-header .main-nav-menu #hamburger:hover:before,.main-nav-header .main-nav-menu #hamburger:focus:before{ height:100%; transition:0.4s all ease; } .overlay { background: #000; height: 100vh; left: calc(100% - 1750px); opacity: .5; position: fixed; right: 0; top: 0; transform: translate(100vw); width: 0; z-index: 1; } .overlay.active { transform: translate(0); width: calc(100% + 700px) } .close-btn { position: absolute !important; right: 30px; top: 30px !important; } .main-nav-menu ul li { margin: 0px 0; margin-bottom:10px; width: 100%; padding: 0; } .main-nav-menu ul li.btn--primary { margin: 20px 0; } } /* HAMBURGER MENU */ @media (max-width:992px) { .main-nav-header .header-logo { width: 160px; height: inherit; display: flex; } } @media (max-width: 768px) { .main-nav-header .header-wrapper { padding: 0px 0px 0px 30px !important; } .navbar-collapse.active { width: 100%; } .main-nav-header .main-nav-menu #hamburger svg, header .search-bar a svg { width: 25px; height: 25px; } } /* Tier 2 Sub Menu */ .main-nav-header .main-nav-menu #menu-main-menu>.menu-item-has-children>.sub-menu{ /* max-height:0; */ margin-top:60px; /* transition: max-height 0.9s ease, opacity 0.8s ease; */ transition:all .3s ease-in-out; overflow:hidden; } .main-nav-header .main-nav-menu #menu-main-menu>.menu-item-has-children.active>.sub-menu{ /* max-height:600px; */ margin-top:24px; } .main-nav-menu ul.sub-menu { background-color: var(--color-secondary); border: 1px solid var(--color-secondary); box-sizing: border-box; flex-direction: column; justify-content: center; opacity: 0; position: absolute; text-align: center; top: 56px; visibility: hidden; width: fit-content; min-width: 140px; margin-right: 0 !important; /* right: -14px; */ z-index: 1; } .main-nav-menu ul.sub-menu:before { border-bottom: 6px solid var(--color-secondary); border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; height: 0; right: 13px !important; margin: 0 auto; position: absolute; right: 0; top: -6px; width: 0; } /* .main-nav-menu ul li.menu-item-has-children:hover button:after, .main-nav-menu ul li.menu-item-has-children:focus button:after { transform: rotate(90deg); transform-origin: 100% 25%; top: 70%; } */ .menu-item-has-children, .menu li { align-items: center; display: flex; justify-content: center; position: relative } .menu-item-has-children .sub-menu li { margin-left: 0; margin-right: 0; width: 100%; border-bottom: 0; justify-content: flex-start; } .menu-item-has-children .sub-menu li a { color: var(--color-white); font-weight: bold; font-size: 16px; padding: 0; opacity: 1; width: 100%; padding-bottom: 7px; padding-top: 7px; padding-left: 20px; padding-right: 20px; } .menu-item-has-children .sub-menu li a:before{ display:none; } .menu-item-has-children .sub-menu li a:hover, .menu-item-has-children .sub-menu li a:focus { background:var(--color-fourth); color:var(--color-secondary) !important; } .menu-item-has-children .sub-menu li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } .menu-item-has-children .sub-menu li:first-child { padding-top: 0 } /* Responsive of Sub menu */ @media (max-width: 1440px) { .menu-item-has-children, .menu li { display: block; justify-content: flex-start } .main-nav-menu ul.sub-menu:before { display: none; } .main-nav-menu ul.sub-menu { align-items: flex-start; background-color: transparent; box-sizing: border-box; flex-direction: column; justify-content: center; min-width: none; display:none; padding: 5px 0 10px 10px; position: relative; text-align: center; top: 0; width: 100%; box-shadow: none; right: auto; border:0; } .main-nav-menu ul.sub-menu li:last-child { margin-bottom: 0 } .menu-item-has-children .sub-menu li a { opacity: 1 !important; padding: 0; } .menu-item-has-children .sub-menu li { border-bottom: 0; margin-bottom: 5px; margin-top: 10px; margin-left: 0; margin-right: 0; padding-bottom: 10px; padding-left: 10px; } .menu-item-has-children .sub-menu li .sub-menu{ margin-top:10px; } .menu-item-has-children .sub-menu li .sub-menu li{ margin-bottom:0; } .main-nav-menu ul li.menu-item-has-children>a:after { display: none; } } /* Component: Search toggle */ .search-bar { justify-content: center; align-items: center; display: flex; position: relative; background:var(--color-dark-red); width: 97px; /* height:84px; */ height:100%; padding:34px 37px 27px; } .search-bar:before{ width: 100%; height: 0; position: absolute; content: ''; left: 0px; bottom: 0px; transition: 0.4s ease all; background: var(--color-tertiary); z-index:0; } .search-bar:hover:before{ transition: 0.4s ease all; height:100%; } .main-nav-header .search-bar.ipad-none { display: flex; } /* Header Search */ header .search-bar a { z-index:2; cursor: pointer; display: flex } /* Hover Search, Hamburger, Close Hamburger */ header .search-bar svg:hover path, header .search-bar svg:focus path { fill: var(--color-mid-green); } header .search-toggle form { width: 100% } header .search-toggle input { background: transparent; height: 100%; border: 0; color:var(--color-white); font-size: 18px; font-weight: 500; text-align: left; text-decoration: none; width: 100%; border-radius: 0; outline: none !important; letter-spacing: 0.9px; font-family:var(--font-family-primary); padding-left:47px; padding-right:10px; } header .search-toggle input::placeholder { color:var(--color-white); font-size: 18px; font-weight: 500; padding: 0; text-align: left; text-decoration: none; letter-spacing: 0.9px; font-family:var(--font-family-primary); } /* Serach Active Toggle */ .search-toggle.active { z-index:100; width: 306px; transition: 0.4s ease all; opacity: 1; visibility: visible; } .search-toggle{ opacity: 0; visibility: hidden; width: 0px; display: block; top: 0; position: absolute; right: 97px; /* height: 84px; */ height:100%; background: var(--color-dark-red); transition: 0.4s ease all; } .search-toggle.active form{ width:100%; display:block !important; height:100%; } .search-toggle.active form input{ } /* Main menu - open sub menu on hover */ /* .menu-item-has-children:hover .sub-menu, .menu-item-has-children:focus .sub-menu { opacity: 1; visibility: visible; } */ .right-menu .search-toggle #search-form{ display:none; } .main-nav-header .right-menu{ display:flex; align-items:center; } #menu-header-button-menu-1{ display:flex; align-items:center; } .main-nav-header .right-menu .header-button ul .button.dark a{ background:var(--color-dark-red); } .main-nav-header .right-menu .header-button ul .button a{ /* padding:33px 48px; */ padding:33px 20px; font-family: var(--font-family-secondary-bold); font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; /* letter-spacing: 6.3px; */ letter-spacing:3px; text-align: left; color:var(--color-fourth); background:var(--color-medium-red); text-decoration:none !important; /* height:84px; */ height:100%; text-transform:uppercase; display:flex; align-items:center; position:relative; z-index:1; white-space:nowrap; } .main-nav-header .right-menu .header-button ul .button a:before{ position:absolute; content:""; height:0; bottom:0; background:var(--color-tertiary); width:100%; left:0; z-index:-1; transition:0.4s ease all; top:auto !important; border-radius:0 !important; } .main-nav-header .right-menu .header-button ul .button a:hover,.main-nav-header .right-menu .header-button ul .button a:focus{ text-decoration:none !important; } .main-nav-header .right-menu .header-button ul .button a:hover:before,.main-nav-header .right-menu .header-button ul .button a:focus:before{ height:100%; transition:0.4s ease all; } .gtranslate_wrapper{ background-color:var(--color-secondary); position:relative; height:100%; } .gtranslate_wrapper:before{ position:absolute; content:""; width:100%; height:0; transition:0.4s ease all; background:var(--color-fourth); left:0; bottom:0; } .gtranslate_wrapper:hover:before,.gtranslate_wrapper:focus:before{ height:100%; transition:0.4s ease all; } .gtranslate_wrapper:hover .gt_selector,.gtranslate_wrapper:focus .gt_selector{ background: url(./images/icon-red-translate.svg) no-repeat center / 25px; position: relative; } .gtranslate-btn{ height:100%; } .gt_selector { width: 97px; height: 100%; background: url(./images/icon-translate-white.svg) no-repeat center / 25px; padding: 32px; font-size: 0; appearance: none; cursor: pointer; border: 0; } .gt_selector option { display: block; text-decoration: none; padding: 10px 15px; transition: color .4s linear; border-bottom: solid 3px var(--color-secondary); font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: left; color: var(--color-secondary) !important; text-transform: capitalize; background: var(--color-fourth); } @media(max-width:1700px){ .main-nav-menu ul{ margin-right: 15px; } } @media(max-width:1600px){ .search-toggle{ right:84px; } .search-bar{ padding: 30px 25px 27px; width: 84px; } .gt_selector{ width: 84px; padding: 25px; } .main-nav-header .right-menu .header-button ul .button a{ padding: 30px 20px; } .main-nav-menu ul#menu-main-menu{ padding-right:20px; margin-right:0; } .main-nav-header .header-logo{ max-width: 180px; height: 90px; line-height: 0; margin-bottom: -82px; } } @media(max-width:1500px){ .search-toggle{ right:64px; } .search-bar{ padding: 27px 20px 27px; width: 64px; } .gt_selector{ width: 64px; padding: 25px; } .main-nav-header .right-menu .header-button ul .button a{ padding: 28px 20px; } .main-nav-menu ul#menu-main-menu{ padding-right:0px; margin-right:0; } .main-nav-header .header-logo{ max-width: 170px; height: 90px; line-height: 0; margin-bottom: -82px; } /* .main-nav-header .header-wrapper{ padding-left:80px; } */ } @media(max-width:1400px){ .main-nav-menu ul li.menu-item-has-children>button:after{ left:-5px; } .main-nav-menu ul li.menu-item-has-children>button{ right:-20px; } .gt_selector{ width: 64px; padding: 20px; } /* .search-bar{ padding: 27px 20px 27px; width: 64px; } */ .main-nav-header .header-logo{ max-width: 160px; height: 90px; line-height: 0; margin-bottom: -82px; } .main-nav-menu ul li a{ padding:30px 1vw 30px 1vw; } .main-nav-header .right-menu .header-button ul .button a{ font-size:17px; letter-spacing:4.3px; padding:28px 18px; } } @media(max-width:1440px){ /* .main-nav-header .main-nav{ align-items: flex-end; display: flex; justify-content: flex-end; width: 100%; } */ .search-bar,.gt_selector{ width:84px; } .search-toggle{ right:84px; } .main-nav-menu ul li a{ padding:10px 10px 10px 10px; } .main-nav-menu ul li.menu-item-has-children button { position: absolute; top:7px; width: 30px; height: 30px; display: flex; border: 0; background: transparent; padding: 0; cursor: pointer; right: 0px; align-items: center; justify-content: center; } .main-nav-menu ul li.menu-item-has-children button:after{ width: 13px; height: 14px; top: auto; left: auto; position: absolute; content: ''; clip-path: polygon(0 0, 0 100%, 100% 50%); transition: 0.3s all; background:var(--color-secondary); } .main-nav-menu ul li.menu-item-has-children>button.active:after { transform: rotate(90deg); } .menu-item-has-children .sub-menu li a{ color:var(--color-dark-red); } .header-button{ margin-top:20px; } } @media(max-width:1200px){ .main-nav-header .header-logo img{ margin-top:15px; } header .mobile-hamburger{ width:64px; height:64px; } .search-bar, .gt_selector{ width:64px; height:64px; } .search-toggle { right: 64px; } .search-bar { padding: 15px 15px 15px; } .main-nav-header .header-wrapper{ padding-left:60px; } } @media(max-width:768px){ .search-toggle{ right:54px; height:54px; } .search-bar, .gt_selector,header .mobile-hamburger{ padding:15px; height:54px; width:54px; } .search-toggle.active{ width:206px; } .main-nav-header .header-logo img{ margin-top:10px; } } .search-bar.mobile-block{ display:none; } @media(max-width:480px){ .main-nav-header .header-logo{ width:130px; height:80px; } .main-nav-header .header-logo img{ margin-top:15px; } .search-bar.mobile-none{ display:none; } .search-bar.mobile-block{ display:block; width:100%; margin-bottom:30px; } .search-bar.mobile-block:before{ display:none; } .search-bar.mobile-block .search-toggle{ opacity: 1; visibility: visible; position: relative; top: 0; right: 0; height: auto; width:100%; } header .search-bar a { z-index: 2; cursor: pointer; right: 10px; position: absolute; top: 0; display: flex; align-items: center; bottom: 0; margin: auto; } .right-menu .search-toggle #search-form{ display:block; } header .search-toggle input{ padding-left:0; } } @media(max-width:1440px){ .menu-item-has-children .sub-menu li a:hover,.menu-item-has-children .sub-menu li a:focus{ color:var(--color-tertiary) !important; } } /* Footer */ footer { margin-top: 100px; position: relative; } footer.active { margin-top: 0; } footer .main-footer { margin-top: 0; background:var(--color-fourth) ; padding: 34px 100px; position: relative; border-top:26px solid var(--color-secondary); } footer .main-footer:before{ width: 36px; height: 116px; position: absolute; content: ""; background: url(images/graphic-footer-red.svg) no-repeat center left / 70px; right: 0; top: -75px; } footer .footer-wrapper { margin: 0 auto; max-width: 1640px; width: 100%; justify-content: center; align-items: flex-start; } footer .footer-wrapper * { color: var(--color-secondary); } footer .footer-wrapper .copyright{ margin-right:84px; max-width: 412px; width: 30%; } footer .footer-wrapper .copyright p,footer .footer-wrapper .copyright span{ font-size: 16px !important; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; display:inline; } footer .footer-wrapper .copyright span{ margin-top:10px; display:block; text-align:left; } footer .footer-wrapper .wp-block-image{ width:100%; max-width:207px; margin-right:84px; height:121px; margin-top:-90px; } footer .footer-wrapper .wp-block-image img{ object-fit:contain; width:100%; height:100%; } footer #menu-footer-menu{ display:flex; align-items:center; } footer #menu-footer-menu li{ margin-right:35px; } footer #menu-footer-menu li:last-child{ margin-right:0; } footer #menu-footer-menu li a{ text-decoration:none; font-size: 16px !important; font-weight: bold !important; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; text-decoration:none !important; } footer #menu-footer-menu li a:focus,footer #menu-footer-menu li a:hover{ color: var(--color-tertiary-dark); } @media (max-width: 1285px) { footer .footer-wrapper{ justify-content:space-between; } footer .footer-wrapper .copyright{ margin-right:44px; } footer .footer-wrapper .wp-block-image{ margin-right:44px; } footer #menu-footer-menu li{ margin-right:20px; } /* footer .footer-wrapper .copyright span{ margin-left:10px; } */ } @media (max-width: 1165px) { footer .footer-wrapper .copyright{ margin-right:30px; } footer .footer-wrapper .wp-block-image{ margin-right:30px; } /* footer .footer-wrapper .copyright span{ margin-left:10px; } */ footer .footer-wrapper .wp-block-image{ max-width:170px; /* margin-top:-82px; */ } } @media (max-width: 1100px) { footer .main-footer{ padding-left:60px; padding-right:60px; } footer #menu-footer-menu li{ margin-right:15px; } footer #menu-footer-menu{ flex-wrap:wrap; } } @media (max-width: 992px) { footer { margin-top: 80px; } footer .footer-wrapper .copyright span{ text-align:center; } footer .main-footer { margin-top: 0; padding-left: 60px; padding-right: 60px; } footer .footer-wrapper{ flex-direction: column-reverse; align-items: center; } footer .footer-wrapper .center-logo{ order:1; } footer .footer-wrapper .copyright { margin-right: 0; margin-top: 15px; max-width: 100%; width: 100%; text-align: center; } footer .footer-wrapper .wp-block-image{ margin-right:0; height:100px; } footer #menu-footer-menu { margin-top:30px; justify-content:center; } footer #menu-footer-menu li{ margin-bottom:15px; } footer .footer-wrapper .wp-block-image{ margin-top:-85px; } } @media (max-width: 768px) { footer { margin-top: 60px; } footer .main-footer { padding: 30px 30px; } footer .footer-wrapper * { text-align: center; } } /* Theme Name: Native American and Indigenous Studies Association Author: Kompleks Creative Author URI: https://komplekscreative.com/ Description: A custom WordPress theme for Native American and Indigenous Studies Association. Version: 1.0 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* font:inherit; */ vertical-align: baseline; } html { scroll-behavior: smooth; } body { line-height: 1; } a { text-decoration-skip-ink: auto; } a[href^="tel"] { color: inherit; text-decoration: none; } button { outline: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } q { display: inline; font-style: italic; } q:before { content: '"'; font-style: normal; } q:after { content: '"'; font-style: normal; } textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] { -webkit-appearance: none; appearance: none; border-radius: 0; } input[type="search"] { -webkit-appearance: textfield; } table { border-collapse: collapse; border-spacing: 0; } th, td { padding: 2px; } big { font-size: 120%; } small, sup, sub { font-size: 80%; } sup { vertical-align: super; } sub { vertical-align: sub; } dd { margin-left: 20px; } kbd, tt { font-family: courier; font-size: 12px; } ins { text-decoration: underline; } del, strike, s { text-decoration: line-through; } dt { font-weight: bold; } address, cite, var { font-style: italic; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f7f7f7; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #007acc; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active) { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .none-768 { display: block; } .block-768 { display: none; } .text-center { text-align: center; } @media (max-width: 768px) { .none-768 { display: none; } .block-768 { display: block; } } .hide, .page-template-default article .header, #sidebar { display: none !important; } a { cursor: pointer; } @media (max-width: 768px) { .fl-col-small:not(.fl-col-small-full-width) { max-width: 100%; } } .search-box form { margin: 0 auto; position: relative; width: 100%; display: flex; justify-content: center; align-items: center; } .search-box .search-input { background: var(--color-secondary); border: none !important; color: var(--color-off-white) !important; font-size: 18px; font-stretch: normal; font-style: normal; font-weight: 500; height: 64px !important; letter-spacing: normal; line-height: normal; padding: 14px 23px 11px !important; text-align: left; text-decoration: none; width: 100%; max-width:686px; font-family:var(--font-family-primary); } @media(max-width:768px){ .search-box .search-input { padding-left:15px !important; padding-right:15px !important; } } .search-box .search-input::placeholder { color: var(--color-off-white) !important; font-size: 18px; font-stretch: normal; font-style: normal; font-weight:500; } /* .search-box .search-input:focus, .search-box .search-input:hover { background-color: #007199 !important; border: none !important; outline: none; } */ .search-box #form-submit { height:64px !important; width: 64px !important; background:var(--color-secondary); border: 0; border-radius: 0px !important; /* margin-left: -60px; */ top: 0px !important; position: relative !important; padding: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; } .search-box #form-submit svg{ z-index:2; } .search-box #form-submit:before{ position:absolute; z-index:0; content:""; background:var(--color-tertiary); width:100%; height:0; bottom:0; left:0; transition:0.4s ease all; } .search-box #form-submit:hover:before,.search-box #form-submit:focus:before{ transition:0.4s ease all; height:100%; } /* .search-box #form-submit:hover { background-color: white !important; border: 2px solid var(--color-black) !important; } */ .search-box #form-submit svg { height: 25px !important; width: 25px !important; } .error-page .search-input:focus::placeholder { opacity: 0 } .error-page .search-box { margin-bottom: 25px; } .error-page p { margin-bottom: 40px; } .error-page .inner-container { padding: 60px 100px 120px; } @media (max-width: 992px) { .error-page .inner-container { padding:60px 30px; } } @media (max-width: 768px) { .error-page .inner-container { padding: 70px 30px; } } .error-page .inner-container .hide { display: none } .error-page .container-745 { margin: 0 auto; max-width: 745px; text-align: center; width: 100% } .error-page .container-745 .entry-title { margin-bottom: 30px; padding-bottom: 32px; position: relative } /* Page: Search */ .search-result-page { padding: 50px 100px 0; } .search-result-page .search-box { margin-bottom: 100px; } .search-box form { max-width: 750px; margin: 0 auto; width: 100%; display: flex; position: relative; } .inner-hero-wapper { margin: 0 auto; position: relative; width: 100%; } .search-result-page .content-container-900 { margin: 0 auto; max-width: 900px; width: 100%; } .inner-hero-wapper #form-submit svg { height: 22px; width: 22px; } /* .inner-hero-wapper .search-form-box form { margin: 0 auto; max-width: 500px; position: relative; width: 100%; } */ .inner-hero-wapper .search-form-box form input { border: 2px solid #f75426; font-size: 18px; height: 50px; padding-left: 10px; width: 100%; } .inner-hero-wapper .search-form-box form input::placeholder { color: #f75426; } .inner-hero-wapper form #form-submit { background: transparent; border: 0; height: 50px; position: absolute; right: 0; top: 12px; width: 40px; } .search-result-page .search-result { border-bottom: 1px solid #f75426 !important; margin-bottom: 20px; /* padding-bottom: 30px; */ text-align: left; } .search-result-page .search-result h2 { margin-bottom: 20px; word-break: break-word; } .search-result-page .search-result a { display: block; text-decoration: underline !important; /* width:max-content; */ } .search-result-page .search-result a:hover { text-decoration: none !important; } .search-result-page .search-result a.read-more-link { width: max-content; padding: 8.3px 47px 10px 28.7px !important; } .search-result-excerpt { margin-bottom: 20px; } .search .search-page { padding: 0px 30px; } .search .search-content p { text-align: center; } .search .search-content h1 { text-align: center; text-transform: initial; padding: 44px 0px 20px; color: var(--color-black); } .search .search-content h1 span { font: inherit; color: var(--color-blue); } .search .search-content .page-title { display: none !important; } .search .search-result { border-bottom: 1px solid var(--color-tertiary) !important; margin-bottom: 30px; padding-bottom: 20px; } .search-result-excerpt *{ font-family:var(--font-family-primary) !important; font-weight:normal; } /* Search box */ .search .no_results { text-align: center; text-transform: capitalize; } .search .pagination { padding-top: 30px; } .search .page-numbers { color: var(--color-white) !important; border-color: var(--color-secondary) !important; background:var(--color-secondary); height: auto !important; font-weight: bold !important; padding: 10px 25px 10px 25px !important; } .search .page-numbers.next { color: var(--color-white) !important; border-color: var(--color-secondary) !important; background:var(--color-secondary); height: auto !important; padding: 10px 25px 10px 25px !important; } .search .page-numbers:hover { background-color: var(--color-tertiary) !important; border-color: var(--color-tertiary) !important; } .search .page-numbers.current { background-color: var(--color-tertiary) !important; color: var(--color-white) !important; border-color: var(--color-tertiary) !important; } @media (max-width: 992px) { .search-result-page { padding-top: 60px !important; } } @media (max-width: 768px) { .search-result-page { padding: 60px 30px 0 !important; } .search-result-page .search-box{ margin-bottom:60px; } } /* Generic - Hero Section - Full width Image with Content */ .inner-hero-section { position: relative; padding: 27px 27px 135px; position: relative; background: #f2f2f2; clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 91px), 0% 100%); } @media (max-width: 768px) { .inner-hero-section { padding: 0px 20px 135px; } } .inner-hero-section .image-section img { position: absolute; height: 100%; object-fit: cover; top: 0; left: 0; width: 100%; } .inner-hero-section .image-section { position: absolute; height: calc(100% - 164px); top: 31px; left: 27px; width: calc(100% - 54px); background: url(images/inner-hero-banner.jpg) no-repeat center/cover; } .inner-hero-section .entry-meta { font-size: 0px; } .inner-hero-section .content { padding: 365px 0 0; } @media (max-width: 768px) { .inner-hero-section .image-section { left: 20px; width: calc(100% - 40px); height: calc(100% - 133px); top: 0; } .inner-hero-section .content { padding: 250px 10px 0; } } .inner-hero-section:before { position: absolute; content: ""; top: 31px; height: 293px; width: calc(100% - 54px); z-index: 4; left: 27px; opacity: 0.88; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0)); } .inner-hero-section:after { position: absolute; content: ""; top: 16px; height: 15px; max-width: 599px; width: 31.25%; z-index: 4; left: 0px; right: 0; margin: 0 auto; background: #309a9a; ; } .inner-hero-section .fl-row-content-wrap { position: relative; display: flex; align-items: flex-end !important; } .inner-hero-section .fl-row-content { position: relative; z-index: 5; background: #001a29; padding: 56px 65px 67px; margin-bottom: -45px; max-width: 648px; text-align: center; margin-left: auto; margin-right: auto; } @media (max-width: 1280px) { .inner-hero-section .fl-row-content { margin-bottom: -25px; } } @media (max-width: 768px) { .inner-hero-section .fl-row-content { margin-bottom: -10px; padding: 40px 30px; } .inner-hero-section:before { width: calc(100% - 40px); left: 20px; top: 0; } .inner-hero-section .fl-row-content:before, .inner-hero-section .fl-row-content:after { display: none; } .inner-hero-section:after { display: none } } .inner-hero-section .fl-row-content::before { position: absolute; content: ""; top: 0; left: 0; box-shadow: -17.5px -17.5px #e89923; width: 318px; height: calc(100% - 5px); } .inner-hero-section .fl-row-content::after { position: absolute; content: ""; bottom: -19px; right: 0; background: #1d6363; width: 286px; height: 19px; } .inner-hero-section .fl-row-content h1 { max-width: 426px; width: 100%; margin: 0 auto !important; margin-bottom: 35px !important; padding-bottom: 13px !important; border-bottom: 1px solid #e89923; color: #f2f2f2; } .inner-hero-section .fl-row-content h1:last-child { margin-bottom: 0 !important; } .inner-hero-section .fl-row-content p, .inner-hero-section .entry-meta time { font-family: sans-serif, arial; font-weight: normal; letter-spacing: normal; font-size: 20px !important; line-height: 1.1; color: #f2f2f2; } .inner-hero-section.four-zero-four .fl-row-content-wrap { align-items: center !important; } @media (max-width: 480px) { .inner-hero-section .fl-row-content p, .inner-hero-section .entry-meta time { font-size: 35px !important; } } .innerPage-hero-section { position: relative; min-height: 400px; display: flex; flex-wrap: wrap; } .innerPage-hero-section:before { position: absolute; content: ''; top: 0; height: 100%; width: 100%; z-index: 4; left: 0; opacity: 0.35; background-image: linear-gradient(rgba(12, 12, 12, 0) 0%, #0c0c0c 100%); } @media (max-width: 992px) { .innerPage-hero-section { margin-bottom: 100px; } } @media (max-width: 768px) { .innerPage-hero-section { margin-bottom: 80px; min-height: 300px !important; height: auto; } } .innerPage-hero-section .image-section { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .innerPage-hero-section .image-section img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; object-fit: cover; object-position: top; } .innerPage-hero-section .content { max-width: 1920px; padding: 100px; display: flex; align-items: center; } /* Remove Generic header from home Page */ .home .innerPage-hero-section.generic-hero-section { display: none; } /* Generic Hero Banner */ .innerPage-hero-section.generic-hero-section .content { display: flex; align-items: flex-end; padding-top: 40px; padding-right: 100px; width: 100%; padding-bottom: 92px; z-index: 4; padding-left: 100px; } @media (max-width: 992px) { .innerPage-hero-section.generic-hero-section .content { padding: 100px 60px 92px; } } @media (max-width: 768px) { .innerPage-hero-section.generic-hero-section .content { padding: 40px 30px 40px; align-items: center; } } .innerPage-hero-section.generic-hero-section .page-title { text-align: left; padding-bottom: 0; text-transform: capitalize; color: var(--color-white); } @media (max-width: 992px) { .innerPage-hero-section .content { padding: 100px 60px; } } @media (max-width: 768px) { .innerPage-hero-section .content { padding: 100px 30px; } } .innerPage-hero-section .cantainer { position: relative; max-width: 1088px; width: 100%; z-index: 2; margin: 0 auto; } .innerPage-hero-section h1 a { text-decoration: none; color: #fffbed; } .innerPage-hero-section .entry-meta, .post-edit-link, .comment-respond, .entry-footer { display: none; } .hero-banner{ position:relative; } .fl-block-overlay-active.hero-banner .fl-row-content{ position: unset; z-index: 1 !important; } .hero-banner .hero-images{ position: absolute; width: 100% !important; height: 100% !important; max-width: 100% !important; left: 0; top: 0; padding: 0 !important; z-index:2; } .hero-banner .hero-images img{ object-fit:cover; object-position:center; width:100% !important; } .hero-banner .hero-images img,.hero-banner .hero-images .fl-col-content,.hero-banner .hero-images .fl-module-photo,.hero-banner .hero-images .fl-photo-content{ height:100% !important; width:100% !important; } .hero-banner .hero-content{ position:relative; z-index:4; } .hero-banner .fl-col.hero-content{ width:100% !important; max-width:830px; padding:49px 120px 91px 0; position:relative; } @media (max-width: 768px) { .hero-banner .fl-col.hero-content{ width:100%; max-width:830px; padding:40px 0px 40px 0; position:relative; } } .hero-banner:before, .hero-banner:after{ width: 69px; height: 730px; left:0; content:''; position:absolute; bottom:9px; z-index:5; background: url(images/graphics-repeat-grid.svg) repeat center / 400px; } .hero-banner:after{ width: 303px; left:auto; right:0; } .hero-banner h1{ margin-bottom:19px; text-align:left; font-family:var(--font-family-secondary) !important; } .hero-banner h1 strong{ font-family:var(--font-family-secondary-bold) !important; } .hero-banner .para-big{ margin-bottom:18px; } .hero-banner p a:hover, .hero-banner p a:focus{ color:var(--color-secondary) !important; text-decoration:none !important; } .hero-banner .para-big p{ font-size: 22px !important; font-weight: 500 !important; } @media (max-width: 480px) { .hero-banner .para-big p{ font-size: 18px !important; } } .hero-banner .para-big p strong{ font-weight: 900 !important; } .hero-banner .fl-col.hero-content:before{ width:1485px; right:0; content:''; height:100%; position:absolute; bottom:0; display: block; z-index:4; background: url(images/shape-path.svg) no-repeat bottom / 100%; } @media (max-width: 992px) { .hero-banner .fl-col.hero-content:before{ width:calc(100% + 120px); left:-60px; opacity: 0.93; background: var(--color-tertiary) !important; } } @media(max-width:992px){ .hero-banner .fl-row-content-wrap{ padding-left:0 !important; padding-right:0 !important; padding-top:77px !important; } .hero-banner .fl-col-group{ display:flex; flex-direction:column; } .hero-banner .hero-images{ position:relative; max-height:500px; height:100vw; } .hero-banner .fl-col.hero-content{ max-width: 100%; padding: 49px 60px 91px 60px !important; } } @media (max-width: 768px) { .hero-banner .fl-col.hero-content:before{ width:calc(100% + 30px); left:-30px; } .hero-banner .fl-col.hero-content{ max-width: 100%; padding: 49px 30px 91px 30px !important; } } .hero-banner .fl-col-content{ position:relative; z-index:5; } .hero-banner .fl-module-button{ margin-top:22px; } .hero-banner .fl-col *{ color:var(--color-white) !important; } .three-images-with-content .fl-row-content-wrap { padding:0 100px 0 34px; position:relative; } .three-images-with-content .fl-row-content{ position:relative; z-index:4; } @media (max-width: 1200px) { .three-images-with-content .fl-row-content-wrap { padding:0 100px; } } @media (max-width: 992px) { .three-images-with-content .fl-row-content-wrap { padding:0 60px; } } @media (max-width: 768px) { .three-images-with-content .fl-row-content-wrap { padding:0 30px !important; } } .three-images-with-content .fl-col-group{ display:flex !important; flex-direction:row !important; } @media (max-width: 1200px) { .three-images-with-content .fl-col-group{ flex-direction:column !important; } } .three-images-with-content .image-section{ flex:none; padding-right:111px; width:67.75% !important; margin-bottom: -37px; } @media (max-width: 1440px) { .three-images-with-content .image-section{ padding-right:50px; width:72% !important; } } @media (max-width: 1200px) { .three-images-with-content .image-section{ padding-right:0px; order:1; margin-top:80px; width:100% !important; } } @media (max-width: 768px) { .three-images-with-content .image-section{ display:none; } } .three-images-with-content .fl-rich-text h2:before,.three-images-with-content .fl-rich-text h2:after { display:none; } .three-images-with-content .image-section .fl-col-content{ display:flex; width:calc(100% + 47px); margin-left:-47px; flex-direction: row; height:100% } .three-images-with-content .image-section .fl-module-photo{ margin-top:-37px; z-index: 4; width:calc(33.333% - 47px); margin-left:47px; display:flex; height:100%; } .three-images-with-content .image-section .fl-module-photo:nth-child(2){ margin-top:0px; } .three-images-with-content .image-section .fl-module-photo .fl-photo-content{ height:612px; width:100%; position:relative; overflow:hidden; border: solid 6px var(--color-fourth); } .three-images-with-content .image-section .fl-module-photo:first-child .fl-photo-content{ border-top-right-radius:55px; } .three-images-with-content .image-section .fl-module-photo:nth-child(2) .fl-photo-content{ border-bottom-left-radius:55px; } .three-images-with-content .image-section .fl-module-photo:nth-child(3) .fl-photo-content{ border-top-left-radius:55px; } .three-images-with-content .image-section .fl-module-photo:nth-child(2){ align-items:flex-end; } .three-images-with-content .image-section .fl-module-photo .fl-photo-content div{ position:initial; } .three-images-with-content .image-section .fl-module-photo img{ position:absolute; height:100%; object-fit:cover; top:0; left:0; width:100%; } .three-images-with-content .content{ padding:35px 0 77px 0px; width:32.25% !important; } @media (max-width: 1200px) { .three-images-with-content .content{ padding:35px 0 0px 0px; } } @media (max-width: 768px) { .three-images-with-content .content{ padding:35px 0 60px 0px; } } @media (max-width: 1440px) { .three-images-with-content .content{ width:28% !important; } } .three-images-with-content .content .fl-col-content{ max-width:444px; } @media (max-width: 1200px) { .three-images-with-content .content{ width:100%!important; } .three-images-with-content .content .fl-col-content{ max-width:100%; } } .three-images-with-content .content h2{ margin:0 0 15px !important; padding:0; color: var(--color-black) !important; font-family: var(--font-family-secondary) !important; display: block; text-align: left; } .three-images-with-content .content h2 strong{ font-family:var(--font-family-secondary-bold) !important; } .three-images-with-content .content .para-big{ margin-bottom:18px; } .three-images-with-content .content .para-big p{ font-size: 22px !important; font-weight: 500 !important; /* color:var(--color-tertiary) !important; */ color:#05949b !important; } .three-images-with-content .content .para-big p a:hover, .three-images-with-content .content .para-big p a:focus{ color:var(--color-black) !important; } @media (max-width: 480px) { .three-images-with-content .content .para-big p{ font-size: 18px !important; } } .three-images-with-content .content .para-big p strong{ font-weight: 900 !important; } .three-images-with-content .content .btn--primary a{ margin-top:34px !important; } .three-images-with-content .content .btn--primary{ position:relative; margin-top:50px; } .three-images-with-content .content .btn--primary:before{ height:2px; width:100%; content:''; position:absolute; left:0; top:0; background-image: repeating-linear-gradient(to right, #00b3bc, #00b3bc 2px, transparent 3px, transparent 8px); } .three-images-with-content{ position:relative; } .three-images-with-content:after{ width:294px; height:144px; background: url(images/red-small-shape.svg) no-repeat center / 100%; content:''; position:absolute; left:-172px; bottom:-61px; z-index:2; } .three-images-with-content:before{ width:300px; height:224px; background: url(images/white-shape.svg) no-repeat center / 100%; content:''; position:absolute; left:-160px; top:-108px; z-index:4; } .three-images-with-content .fl-row-content-wrap:before { width: 500px; height: 730px; right: -437px; content: ''; position: absolute; bottom: -85px; z-index: 4; background: url(images/graphics-repeat-grid-2.svg) repeat center / 400px; } .three-images-with-content .fl-row-content-wrap:after{ width:101px; height:171px; background: url(images/blue-small-shape.svg) no-repeat center / 100%; content:''; position:absolute; right:-50px; bottom:-96px; z-index:2; } .full-width-image-with-content{ padding:103px 0 48px; position:relative; } .full-width-image-with-content .content{ position:relative; z-index:2; } .full-width-image-with-content .background-image{ padding: 0 !important; background: transparent; position: absolute !important; width: 100% !important; left: 0 !important; height: 100% !important; top: 0 !important; max-width: 100% !important; } .full-width-image-with-content .background-image img{ height:100% !important; object-fit:cover; } .full-width-image-with-content .background-image .fl-photo-content,.full-width-image-with-content .background-image .fl-module-photo{ width:100%; height:100%; } .full-width-image-with-content .background-image .fl-node-content{ height:100%; } .full-width-image-with-content .background-image:before{ display:none !important; } .full-width-image-with-content:before{ width: 100%; height: 48px; left:0; content:''; position:absolute; bottom:3px; background: url(images/full-repeat-grid-2.svg) repeat center bottom / 1800px; } .full-width-image-with-content .fl-col{ max-width:628px; width:100%; padding:127px 92px 107px; position:relative; } @media (max-width: 992px) { .full-width-image-with-content .fl-row-content>.fl-col-group{ display: flex; flex-direction: column; } .full-width-image-with-content .background-image{ max-height:500px; position:relative !important; left:-60px !important; width:calc(100% + 120px) !important; max-width:calc(100% + 120px) !important; } .full-width-image-with-content .content{ max-width:100%; } } @media (max-width: 768px) { .full-width-image-with-content .fl-col{ padding:60px 30px; } .full-width-image-with-content .background-image{ max-height:500px; position:relative !important; left:-30px !important; width:calc(100% + 60px) !important; max-width:calc(100% + 60px) !important; } } @media (max-width: 480px) { .full-width-image-with-content .fl-col{ padding:30px 20px; } } .full-width-image-with-content .fl-col:before{ width:100%; height:calc(100% + 64px); top:-32px; display: block; background:var(--color-secondary); left:0; content:''; position:absolute; border-top-left-radius:55px; } .full-width-image-with-content .fl-col-content{ position:relative; z-index:2; } .full-width-image-with-content *:not(.fl-module-button){ color:var(--color-fourth); } .full-width-image-with-content h2{ margin:0 0 27px !important; padding:0; color: var(--color-black) !important; font-family: var(--font-family-secondary) !important; display: block; text-align: left; } .full-width-image-with-content .fl-rich-text h2:before,.full-width-image-with-content .fl-rich-text h2:after { display:none; } .full-width-image-with-content h2 strong{ display:block; font-family:var(--font-family-secondary-bold) !important; } .full-width-image-with-content .fl-module-button a{ margin-top:27px; } .full-width-image-with-content .fl-module-button{ position:relative; margin-top:25px; } .full-width-image-with-content .fl-module-button:before{ height:2px; width:100%; content:''; position:absolute; left:0; top:0; background-image: repeating-linear-gradient(to right, #eae4ce, #eae4ce 2px, transparent 3px, transparent 8px); } .full-width-image-with-content .btn--secondary a{ border: solid 3px var(--color-fourth) !important; } .full-width-image-with-content .btn--secondary a:before{ background: var(--color-secondary)!important; } .full-width-image-with-content .btn--secondary a:hover, .full-width-image-with-content .btn--secondary a:focus{ border: solid 3px var(--color-white) !important; } .full-width-image-with-content .btn--secondary a:hover:before, .full-width-image-with-content .btn--secondary a:focus:before{ height:100%; } .full-width-image-with-content .btn--secondary a:hover .fl-button-text, .full-width-image-with-content .btn--secondary a:focus .fl-button-text{ color:var(--color-white) !important; } .full-width-image-with-content p a{ color:var(--color-white) !important; } .full-width-image-with-content p a:hover, .full-width-image-with-content p a:focus{ color:var(--color-tertiary) !important; } .content-with-left-and-right-image .fl-col-group{ display:flex !important; flex-direction:row !important; margin-top:5px; } @media (max-width: 1200px) { .content-with-left-and-right-image .fl-col-group{ margin-top:0px; flex-wrap:wrap; } } .content-with-left-and-right-image .content{ width:37.5% !important; } @media (max-width: 1200px) { .content-with-left-and-right-image .content{ width:100% !important; order:-1; margin-bottom:40px; padding:0 100px } } @media (max-width: 992px) { .content-with-left-and-right-image .content{ padding:0 60px } } @media (max-width: 768px) { .content-with-left-and-right-image .content{ padding:0 30px } } .content-with-left-and-right-image .content *{ text-align:center; } .content-with-left-and-right-image .content h2{ margin-bottom:22px; } .content-with-left-and-right-image .content .fl-module-button a{ margin-top:26px; } .content-with-left-and-right-image .content .fl-module-button{ position:relative; margin-top:26px; } .content-with-left-and-right-image .content .fl-module-button:before{ content:''; position:absolute; left:0; right:0; margin:0 auto; height:2px; max-width:444px; width:100%; top:0; background-image: repeating-linear-gradient(to right, #00b3bc, #00b3bc 2px, transparent 3px, transparent 8px); } .content-with-left-and-right-image .images{ width:31.25% !important; } @media (max-width: 1200px) { .content-with-left-and-right-image .images{ width:50% !important; } } @media (max-width: 768px) { .content-with-left-and-right-image .images{ width:100% !important; } } .content-with-left-and-right-image .left-images{ padding-right:108px; } .content-with-left-and-right-image .right-images{ padding-left:108px; } @media (max-width: 1200px) { .content-with-left-and-right-image .left-images{ padding-right:14.5px; } .content-with-left-and-right-image .right-images{ padding-left:14.5px; } } @media (max-width: 768px) { .content-with-left-and-right-image .left-images{ padding-right:0px; margin-bottom:29px; } .content-with-left-and-right-image .right-images{ padding-left:0px; } } .content-with-left-and-right-image .images .fl-col-content{ display:flex !important; flex-direction:row !important; width:calc(100% + 29px); margin-left:-29px; } .content-with-left-and-right-image .images .fl-module-photo{ width:calc(50% - 29px); margin:0 0 0 29px; height:323px; position:relative; } @media (max-width: 1400px) { .content-with-left-and-right-image .images .fl-module-photo{ width:calc(100% - 29px); height:32vw; } .content-with-left-and-right-image .images .fl-module-photo:nth-child(2){ display:none } } @media (max-width: 1200px) { .content-with-left-and-right-image .images .fl-module-photo{ width:calc(50% - 29px); height:323px; } .content-with-left-and-right-image .images .fl-module-photo:nth-child(2){ display:block } } @media (max-width: 768px) { .content-with-left-and-right-image .images .fl-module-photo{ height:69vw; } } @media (max-width: 480px) { .content-with-left-and-right-image .images .fl-module-photo{ height:66vw; } } .content-with-left-and-right-image .images .fl-module-photo div{ position:initial; } .content-with-left-and-right-image .images .fl-module-photo img{ position:absolute; height:100%; object-fit:contain; top:0; left:0; width:100%; } .full-width-accordion-section .fl-module-rich-text{ max-width:904px; width:100%; margin:6px auto 0; } .full-width-accordion-section .fl-accordion-small .fl-accordion-button{ padding:20px 20px 20px 24px !important; } /* .full-width-accordion-section .fl-accordion-small .fl-accordion-item-active .fl-accordion-button{ padding:11.2px 20px 11.2px 24px !important; } */ .full-width-accordion-section .accordion{ position:relative; padding-bottom:41px; } .full-width-accordion-section .accordion:before{ width: 100%; height: 41px; left: 0; content: ''; position: absolute; bottom: 5px; background: url(images/full-repeat-grid-2.svg) repeat center bottom / 1800px; } .full-width-accordion-section .fl-accordion-button-label{ font-size: 18px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; text-align: left; color:var(--color-off-white); font-family:var(--font-family-secondary-bold) !important; } .full-width-accordion-section .fl-accordion-content{ background: var(--color-fourth); margin-bottom: -4px; padding: 30px 60px 30px 47px; } .full-width-accordion-section .fl-accordion-content .alignleft{ margin-left:0px; } .full-width-accordion-section .fl-accordion-content .alignright{ margin-right:0px; } .full-width-accordion-section .fl-accordion-item{ margin-bottom:0; padding-bottom:4px; } .full-width-accordion-section .fl-accordion-button-icon{ font-size:24px; opacity:1; color:var(--color-white) !important; } .full-width-accordion-section .fl-accordion-button-icon.fa-minus:before{ background:url(images/icon-accordion-dropdown.svg)no-repeat center/18px; content:""; width: 18px; height: 21px; display: block; } @media(max-width:1280px){ .full-width-accordion-section .aligncenter{ margin-left:0; margin-right:0; width:100% !important; } } @media(max-width:768px){ .full-width-accordion-section .fl-accordion-content .alignleft{ margin-left:00px; } .full-width-accordion-section .fl-accordion-content .alignright{ margin-right:00px; } .full-width-accordion-section .accordion .fl-module-content{ margin-top:50px !important; } .full-width-accordion-section .fl-accordion-content{ padding:30px !important; } } @media(max-width:480px){ .full-width-accordion-section .fl-accordion-button-label{ font-size:16px !important; } .full-width-accordion-section .fl-accordion-button-icon.fa-minus:before { background: url(images/icon-accordion-dropdown.svg) no-repeat center / 14px; width: 14px; } .full-width-accordion-section .fl-accordion-button-icon{ font-size:18px !important; } } .half-image-half-content .fl-col-group{ display:flex; } .half-image-half-content.left-image-right-content .right-content,.half-image-half-content.right-image-left-content .left-content{ background:var(--color-dark-red); display:flex; flex-direction:column; display: flex; flex-direction: column; justify-content: center; padding-left: 100px; padding-right: 30px; padding-top:60px; padding-bottom:80px; } .half-image-half-content.right-image-left-content .left-content{ background:var(--color-black); padding-left: 30px; padding-right: 100px; } .half-image-half-content .right-content .fl-module-heading,.half-image-half-content .left-content .fl-module-heading{ color:var(--color-white) !important; text-transform: math-auto; margin-bottom:16px; } .half-image-half-content.left-image-right-content .right-content .fl-module-rich-text *,.half-image-half-content.right-image-left-content .left-content .fl-module-rich-text *{ color:var(--color-fourth) !important; } .half-image-half-content.left-image-right-content .right-content .fl-col-content,.half-image-half-content.right-image-left-content .left-content .fl-col-content{ padding-left:0; position:relative; } .half-image-half-content.left-image-right-content .right-content .fl-col-content:after,.half-image-half-content.right-image-left-content .left-content .fl-col-content:after{ position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: -30px; background-image: repeating-linear-gradient(to right, #f0f0ef, #f0f0ef 2px, transparent 3px, transparent 10px); } .half-image-half-content .right-content .fl-col-content,.half-image-half-content.right-image-left-content .left-content .fl-col-content{ max-width:536px; width:100%; } .half-image-half-content.right-image-left-content .left-content .fl-col-content{ margin-left:auto; margin-right:0; text-align:right; } /* .half-image-half-content .fl-photo-content{ min-height:817px; } */ .half-image-half-content .fl-photo-content img{ width:100% ; height:100% !important; min-height: 817px; } .half-image-half-content .left-image .fl-col-content,.half-image-half-content .fl-col-content .fl-module-photo,.half-image-half-content .fl-col-content .fl-module-photo .fl-photo-content,.half-image-half-content .right-image .fl-col-content { height:100%; } @media(max-width:1100px){ .half-image-half-content .fl-photo-content img{ min-height:700px; } .half-image-half-content.left-image-right-content .right-content{ padding-left:50px; } .half-image-half-content.right-image-left-content .left-content{ padding-right:50px; } } @media(max-width:768px){ .half-image-half-content .fl-photo-content img{ min-height: unset; height: 115vw !important; max-height: 600px; } .half-image-half-content .fl-col-group{ flex-direction:column; } .right-image-left-content.half-image-half-content .fl-col-group{ flex-direction:column-reverse; } .half-image-half-content.left-image-right-content .right-content{ padding-left:30px; max-width:100%; width:100% !important; } .half-image-half-content.right-image-left-content .left-content{ padding-right:30px; max-width:100%; width:100% !important; } } .three-column-content-sections .fl-col-group{ display:flex; } .three-column-content-sections .fl-col-group .fl-col-small{ border-top:14px solid var(--color-tertiary); padding: 62px 70px 76px; } .three-column-content-sections .fl-col-group .fl-col-small *{ color:var(--color-fourth); } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(1){ background:var(--color-dark-red); } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(2){ background:var(--color-medium-red); } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(3){ background:var( --color-secondary); } .three-column-content-sections .fl-col-group .fl-col-small .fl-module-heading{ font-size: 30px; font-weight: normal; font-family:var(--font-family-secondary) !important; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: 1.5px; text-align: left; color: #eae4ce; margin-bottom:22px; } .three-column-content-sections .fl-col-group .fl-col-small .fl-module-rich-text.fl-rich-text li{ margin-bottom:40px; } .three-column-content-sections .fl-col-group .fl-col-small .fl-module-rich-text.fl-rich-text a{ font-weight:bold !important; } .three-column-content-sections .fl-col-group .fl-col-small .fl-module-rich-text.fl-rich-text a:hover,.three-column-content-sections .fl-col-group .fl-col-small .fl-module-rich-text.fl-rich-text a:focus{ color:var(--color-tertiary-dark) !important; } .three-column-content-sections .fl-col-group .fl-col-small{ position:relative; } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(1):before{ position:absolute; content:""; background:url(./images/graphic-white-bird.svg)no-repeat right/116px; width:116px; height:121px; left:-80px; top: 26px; } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(3):before{ position:absolute; content:""; background:url(./images/graphic-white-bird.svg)no-repeat left/116px; width:116px; height:121px; right:-61px; bottom: -14px; } .three-column-content-sections .fl-col-group:nth-child(2){ position:relative; padding-bottom:41px; padding-top:20px; } .three-column-content-sections .fl-col-group:nth-child(2):after{ position: absolute; content: ""; background: url(./images/graphic-single-line-plus-grid.svg) no-repeat left / 100%; width: 100%; height: 35px; bottom: 0; left: 0; background-size: contain; } @media(max-width:1360px){ .three-column-content-sections .fl-col-group .fl-col-small{ padding: 62px 50px 76px; } } @media(max-width:1200px){ .three-column-content-sections .fl-col-group .fl-col-small{ padding: 62px 30px 76px; } .three-column-content-sections .fl-col-group .fl-col-small:nth-child(1):before{ left:-88px; top:0; } } @media(max-width:992px){ .three-column-content-sections .fl-col-group{ flex-direction: column; } .three-column-content-sections .fl-col-group .fl-col-small{ width:100%; } } .team-section .fl-module-rich-text.fl-rich-text{ max-width:900px; width:100%; text-align:center; margin:0 auto; position:relative; } .team-section .fl-post-grid { display: flex; margin-left: -78px; width: calc(100% + 78px); margin-right: 0; flex-wrap: wrap; justify-content:center; } .team-section .fl-post-grid .fl-post-column{ width: calc(25% - 78px); margin-left: 78px; padding:0 !important; margin-bottom:73px; } .team-section .fl-post-grid .fl-post-column .fl-post-grid-post{ border:0 !important; } .team-section .fl-post-grid .fl-post-column .fl-post-image{ max-height:443px; height:25vw; margin-bottom:19px; } .team-section .fl-post-grid .fl-post-column .fl-post-image img{ width:100%; height:100%; object-fit:cover; object-position:top; } .team-section .fl-post-text{ padding:0; text-align:center; } .team-section .designation{ font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.8px; color: #570000; display:block; text-transform: uppercase; font-family:var(--font-family-secondary-bold); } .team-section .fl-post-text h3{ font-family:var(--font-family-secondary-bold); font-size: 18px !important; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: center; color: #570000; text-decoration:underline; } .team-section .fl-post-text h3:hover,.team-section .fl-post-text h3:focus{ color:var(--color-tertiary-dark) !important; } .team-section{ position:relative; } .team-section:after{ position:absolute; content:""; left:-36px; top:300px; width: 101px; height: 171px; background: url(images/blue-small-shape.svg) no-repeat center / 100%; } @media(max-width:1300px){ .team-section .fl-post-grid .fl-post-column{ margin-left:50px; width:calc(25% - 50px); } .team-section .fl-post-grid { margin-left: -50px; width: calc(100% + 50px); } } @media(max-width:1200px){ .team-section .fl-post-grid .fl-post-column{ margin-left:50px; width:calc(33.33% - 50px); } } @media(max-width:992px){ .team-section .fl-post-grid .fl-post-column{ margin-left:30px; width:calc(33.33% - 30px); } .team-section .fl-post-grid { margin-left: -30px; width: calc(100% + 30px); } } @media(max-width:768px){ .team-section .fl-post-grid .fl-post-column{ margin-left:30px; width:calc(50% - 30px); } .team-section .fl-post-grid .fl-post-column .fl-post-image{ height: 54vw; } .team-section:after{ position: absolute; content: ""; left: -36px; top: 300px; z-index: -1; width: 84px; height: 143px; background: url(images/blue-small-shape.svg) no-repeat center / 100%; } } @media(max-width:480px){ .team-section .fl-post-grid .fl-post-column{ margin-left:0px; width:100%; margin-bottom: 50px; } .team-section .fl-post-grid .fl-post-column .fl-post-image{ height: 100vw; } .team-section .fl-post-grid { margin-left: 00px; width: 100%; } } /* Popup */ .team-popup{ background:var(--color-secondary); position:relative; } .team-popup .container .logo{ position: absolute; opacity: 0.1; width: 915px; height: 535px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .team-popup .container .logo img{ width: 100%; height: 100%; } .team-popup .container{ /* max-width:1332px; */ width:100%; margin:0 auto; /* padding:134px 30px 140px; */ } .team-popup .container .slick-slide>div{ position:relative; } .team-popup .container .slick-slide>div:before{ display: block; position: relative; content: ""; left: 320px; height: 2px; top: 41px; width: calc(98% - 676px); background-image: repeating-linear-gradient(to right, #eae4ce, #eae4ce 2px, transparent 3px, transparent 8px); } @media(max-width:1100px){ .team-popup .container .slick-slide>div:before{ left:270px; width:calc(98% - 655px); } } @media (max-width: 992px) { .team-popup .container .slick-slide>div:before { left: 235px; width: calc(98% - 596px); } } @media (max-width: 768px) { .team-popup .container .slick-slide>div:before { left: 178px; width: calc(98% - 440px); } } @media (max-width: 480px) { .team-popup .container .slick-slide>div:before { left: 107px; width: calc(98% - 289px); } } #popmake-3070{ top:0 !important; } .team-popup .container .slide { position:relative; } .team-popup .container .slide .inner-slide{ padding: 134px 30px 140px; display: flex !important; max-width: 1332px; margin: 0 auto; } .team-popup .container .slide .btn--secondary{ position: absolute; right: 0; bottom: 18px; margin: 0; } .team-popup .container .content{ max-width:768px; width:100%; padding-left:140px; } .team-popup .container .content *{ color:var(--color-fourth); } .team-popup .container .content .description p{ font-weight:300; } .team-popup .left-section{ max-width:504px; width:100%; } .team-popup .left-section *{ color:var(--color-off-white); } .team-popup .container .image-section{ /* width:100%; max-height:635px; height:35vw; margin-bottom:30px; */ width: calc(100vh - 50vh); max-width: 100%; max-height: 635px; height: 63vh; margin-bottom: 30px; } .team-popup .container .image-section img{ width:100%; height:100%; object-fit:cover; object-position:top; } .team-popup .slick-arrow{ position:absolute; content:""; top:0; width: 216px; height: 84px; background:var(--color-dark-red); padding:33px 39px; border:0; box-shadow:none; z-index:999; cursor:pointer; } .team-popup .slick-arrow:before{ width:0; height:100%; background:var(--color-tertiary); position:absolute; content:""; top:0; transition:0.5s ease all; z-index:-1; } .team-popup .slick-arrow.slick-prev:before{ right:0; } .team-popup .slick-arrow.slick-next:before{ left:0; } .team-popup .slick-arrow:hover:before,.team-popup .slick-arrow:focus:before{ transition:0.5s ease all; width:100%; } .team-popup .slick-arrow span{ display:none; } .team-popup .slick-arrow.slick-prev{ left:0; } .team-popup .slick-arrow .slick-prev-icon{ background:url(./images/icon-slider-arrow.svg)no-repeat center/100%; width: 100%; display: block; height: 18px; } .team-popup .slick-arrow .slick-next-icon{ background:url(./images/icon-slider-arrow.svg)no-repeat center/100%; transform:rotate(180deg); width: 100%; display: block; height: 18px; } .team-popup .slick-arrow.slick-next{ right:140px; } .team-popup .slick-initialized{ position:unset !important; } .pum-container .pum-close{ top: 0 !important; width: 87px !important; height: 84px !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; right: 0 !important; background: var(--color-dark-red) !important; font-size:0 !important; } .pum-container .pum-close:after{ position:absolute; content:""; background: url(./images/icon-popup-close.svg)no-repeat center/23px !important; height:20px; width:23px; left:0; right:0; top:0; bottom:0; margin:auto; z-index:2; } .pum-container .pum-close:before{ position:absolute; content:""; width:100%; height:0; bottom:0; left:0; background:var(--color-tertiary); transition:0.5s ease all; } .pum-container .pum-close:hover:before,.pum-container .pum-close:focus:before{ transition:0.5s ease all; height:100%; } .team-popup .designations{ display: block; font-size: 16px; letter-spacing: 0.8px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; text-align: left; text-transform: uppercase; font-family: var(--font-family-secondary-bold); } .team-popup .name{ font-family: var(--font-family-secondary-light) !important; font-size: 30px !important; font-weight: 100; letter-spacing: 1.2px !important; color: #fff !important; line-height: 1.4; text-align: left; text-transform: uppercase; } .nationality_affiliation{ font-family: var(--font-family-secondary-bold) !important; display:block; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 6.3px; text-align: left; margin-top:15px; color: #eae4ce !important; } @media(max-width:1300px){ .team-popup .container .content{ padding-left:100px; } } @media(max-width:1200px){ .team-popup .container .content{ padding-left:60px; } } @media(max-width:768px){ .team-popup .container .slide .inner-slide{ flex-direction:column; } .team-popup .left-section{ max-width:100%; } .team-popup .container .content{ padding-left:0px; max-width:100%; padding-top:30px; } .team-popup .container .image-section{ max-width: 435px; margin-left: auto; margin-right: auto; max-height: 535px; height: 100vw; width: 100%; } .team-popup .slick-arrow.slick-next{ right:100px; } .team-popup .slick-arrow{ width: 160px; height: auto; padding: 20px 20px; } .pum-container .pum-close{ background: url(./images/icon-popup-close.svg) no-repeat center / 18px var(--color-dark-red) !important; width: 63px !important; height: 59px !important; } } @media(max-width:480px){ .team-popup .container .name{ font-size: 24px !important; } .team-popup .container .slide .inner-slide{ padding-top:100px; padding-bottom:120px; } .team-popup .slick-arrow{ width: 100px; height: auto; padding: 18px 10px; } .pum-container .pum-close{ background: url(./images/icon-popup-close.svg) no-repeat center / 16px var(--color-dark-red) !important; width: 50px !important; height: 54px !important; } .team-popup .slick-arrow.slick-next { right: 80px; } } .pum-theme-3062 .pum-container, .pum-theme-lightbox .pum-container{ margin-bottom: 0; background-color: var(--color-secondary) !important; height: 100% !important; } .team-popup,.pum-theme-3062 .pum-content, .pum-theme-lightbox .pum-content{ height:100%; } #popmake-3070{ overflow: auto; } html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{ overflow-y:hidden; } .full-width-jobs-list .fl-post-feed-post{ border-bottom: 1px solid var(--color-tertiary) !important; padding-bottom:30px; margin-bottom:30px; display:flex; align-items:center; } .full-width-jobs-list .fl-post-text{ padding:0 !important; /* width:calc(100% - 280px); */ width:100%; } .full-width-jobs-list .fl-post-title{ font-size: 25px !important; line-height: normal; letter-spacing: normal; text-transform: capitalize !important; padding-bottom:0; margin-bottom:10px; } .full-width-jobs-list .fl-post-meta{ font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.8px; text-align: left; color: rgb(87, 0, 0); display: block; text-transform: uppercase; font-family: var(--font-family-secondary-bold); } .full-width-jobs-list .fl-post-image{ max-width: 280px; width: 100%; max-height: 150px; height: 25vw; margin-right: 20px; margin-bottom: 30px; } .full-width-jobs-list .fl-post-image img{ width: 100%; height: 100%; object-fit: contain; } @media(max-width:768px){ .full-width-jobs-list .fl-post-feed-post{ flex-direction:column; align-items: flex-start; } .full-width-jobs-list .fl-post-image{ margin-right:0; } } /* single job detail */ .job_application .application_button{ background: var(--color-tertiary) !important; border: none !important; border-radius: 0 !important; padding: 16.5px 28px !important; width: fit-content; transition: 0.4s ease all; font-size: 16px !important; font-weight: bold !important; line-height: normal; letter-spacing: 0.8px; text-align: center; text-transform: uppercase; position: relative; z-index: 2; color: var(--color-white) !important; font-family: var(--font-family-secondary-bold) !important; cursor:pointer; } .job_application .application_button:hover{ background:var(--color-secondary) !important; } .single_job_listing .job-listing-meta li:before{ background-color: transparent; border-radius: 0; content: ""; width: auto; height: auto; left: 0; position: relative; top: 0; filter: brightness(0) saturate(100%) invert(11%) sepia(85%) saturate(5085%) hue-rotate(10deg) brightness(74%) contrast(119%); } .single_job_listing .meta .full-time{ background:var(--color-tertiary) !important; } .single_job_listing .company_header .name{ font-family: var(--font-family-secondary-bold); font-weight: bold; font-stretch: normal; font-style: normal; color:var(--color-secondary); font-size: 30px !important; letter-spacing: 1.2px !important; line-height: 1.4; text-align: left; text-transform: uppercase; margin-left:100px; } .single_job_listing .company{ border: 0; box-shadow: none; padding:0; } .single_job_listing .company img{ left:0; border:none !important; object-fit:contain; object-position: top; width:120px; height:100px; } .single_job_listing .company .website{ font-size: 18px !important; } .single_job_listing .date-posted time,.single_job_listing .company .tagline{ color: var(--color-dark-red) !important; /* font-family: var(--font-family-secondary-bold); */ } .single_job_listing .company .tagline{ margin-left:115px; } .single_job_listing .date-posted:before{ filter: brightness(0) saturate(100%) invert(8%) sepia(77%) saturate(3144%) hue-rotate(350deg) brightness(93%) contrast(115%) !important; } .job-manager-info.job-manager-info{ border-top-color:var(--color-tertiary) ; } .job-manager-info.job-manager-info:before{ color:var(--color-secondary); } .job-manager-info{ color:var(--color-secondary); box-shadow: 0 1px 1px #00b3bc3d; } @media(max-width:768px){ .single_job_listing .company img{ width:80px; height:80px; } .single_job_listing .company_header .name{ margin-left:70px; } .single_job_listing .company .tagline{ margin-left:80px; } } @media(max-width:480px){ .single_job_listing .company img{ position:relative; } .single_job_listing .company{ display: flex; flex-direction: column; } .single_job_listing .company .tagline{ margin-left:0; padding-left:0; } .single_job_listing .company_header .name{ font-size:20px !important; display:flex; flex-direction:column-reverse; margin-left:0px; padding-left:0; } .single_job_listing .company .website{ display:block; float:none; margin-left:0 !important; margin-top:10px; margin-bottom:10px; } } /* Filter */ .job_filters{ background: #eae4ce; } .job_filters .job_types,.job_filters .showing_jobs{ background: #eae4ce; } .job_filters .search_jobs input#search_location,input#search_keywords, .select2-container .select2-selection--single { box-sizing: border-box; width: 100%; border: 1px solid var(--color-primary) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--color-primary) !important; font-family: var(--font-family-primary) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: normal !important; transition: all .5s; padding: 12px; height:50px; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ top:93%; } .search_submit input{ background: var(--color-tertiary) !important; color: var(--color-white) !important; border: none !important; border-radius: 0 !important; padding: 14.5px 28px !important; position: relative; width: fit-content; text-align: center; position: relative; text-decoration: none; transition: 0.4s ease all; font-size: 16px !important; font-weight: bold !important; line-height: normal; letter-spacing: 0.8px; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; z-index: 2; color: var(--color-white) !important; font-family: var(--font-family-secondary-bold) !important; width:fit-content !important; } .search_submit input:hover,.search_submit input:focus{ background: var(--color-secondary) !important; } #remote_position_label{ font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.8px; text-align: left; color: rgb(87, 0, 0); font-family: var(--font-family-secondary-bold); } ul.job_listings li.job_listing{ border-bottom: 1px solid var(--color-tertiary) !important; } ul.job_listings li.job_listing .date time{ font-size: 14px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67; text-align: right; letter-spacing: 0.8px; color: rgb(87, 0, 0); display: block; text-transform: uppercase; font-family: var(--font-family-secondary-bold); } ul.job_listings li.job_listing .location{ font-size: 14px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.67 !important; margin-top: 10px; letter-spacing: 0.8px; color: rgb(87, 0, 0) !important; display: block; text-transform: uppercase; font-family: var(--font-family-secondary-bold); } ul.job_listings li.job_listing h3{ text-transform:capitalize; } .load_more_jobs{ background: var(--color-tertiary) !important; color: var(--color-white) !important; border: none !important; border-radius: 0 !important; padding: 16.9px 28px !important; position: relative; width: fit-content; text-align: center; position: relative; text-decoration: none; transition: 0.4s ease all; margin-left: auto; margin-right: auto; margin-top: 20px; } .load_more_jobs:before{ width: 100%; height: 0; position: absolute; content: ''; left: 0px; bottom: 0px; transition: 0.4s ease all; background: var(--color-secondary); } .load_more_jobs:hover:before{ height: 100%; } .load_more_jobs strong{ z-index:3; position:relative; } .company strong,.company span{ font-size: 18px !important; letter-spacing: normal; line-height: 1.67; color:var(--color-primary); } ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover{ background-color: var(--color-fourth); } .job_filters .showing_jobs a { color: var(--color-secondary) !important; text-decoration: underline !important; } .job_filters .showing_jobs a:hover{ color: var(--color-tertiary) !important; text-decoration: none !important; } div.job_listings ul.job_listings{ margin-top:40px; border-top:1px solid var(--color-tertiary) !important; } /* listing forms */ .job-manager-form fieldset input.input-date, .job-manager-form fieldset input.input-text, .job-manager-form fieldset select, .job-manager-form fieldset textarea{ box-sizing: border-box; margin: 0; vertical-align: middle; width: 100%; border: 1px solid var(--color-primary) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--color-primary) !important; font-family: var(--font-family-primary) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: normal !important; transition: all .5s; height: 50px !important; padding:12px; } .job-manager-form fieldset div.field:not(.full-line-checkbox-field){ float:none; width:100%; } .job-manager-form fieldset label:not(.full-line-checkbox-field label){ color: var(--color-primary) !important; font-family: var(--font-family-primary) !important; font-size: 18px !important; font-weight: bold !important; letter-spacing: normal !important; line-height: 27px !important; margin-bottom:10px; } .job-manager-form .button{ line-height: normal; letter-spacing: 0.8px; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; z-index: 2; font-size: 16px !important; font-weight: bold !important; color: var(--color-white) !important; font-family: var(--font-family-secondary-bold) !important; width: fit-content !important; text-decoration: none; transition: 0.4s; background: var(--color-tertiary) !important; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial !important; border-radius: 0px !important; padding: 14.5px 28px !important; } .job-manager-form .button:hover{ background: var(--color-secondary) !important; } .job-manager-form .button.secondary.save_draft{ background: var(--color-secondary) !important; } .job-manager-form .button.secondary.save_draft:hover{ background: var(--color-tertiary) !important; } .account-sign-in a.button{ color: var(--color-secondary) !important; text-decoration: underline !important; padding: 0 !important; background: transparent !important; align-items: center; display: inline-block; margin-left: 20px; text-transform: capitalize; } .account-sign-in a.button:hover,.account-sign-in a.button:focus{ color:var(--color-tertiary) !important; background: transparent !important; } .select2-search.select2-search--inline:before{ display:none !important; } .job-manager-info a{ color:var(--color-tertiary) !important; text-decoration: underline !important; padding: 0 !important; background: transparent !important; align-items: center; display: inline-block; text-transform: capitalize; } .job-manager-info a:hover{ color: var(--color-secondary) !important; } .nf-form-fields-required{ display:none; } .contact-section .submit-wrap input, .contact-section .btn-at-primary{ background: var(--color-tertiary) !important; color: var(--color-white) !important; border: none !important; border-radius: 0 !important; padding: 14.5px 28px !important; position: relative; width: fit-content; text-align: center; position: relative; text-decoration: none; transition: 0.4s ease all; font-size: 16px !important; font-weight: bold !important; line-height: normal; letter-spacing: 0.8px; text-align: center; text-transform:uppercase; position:relative; cursor:pointer; z-index:2; color: var(--color-white) !important; font-family:var(--font-family-secondary-bold) !important; } .contact-section .nf-form-content { padding:0 !important } .contact-section .submit-wrap input:focus, .contact-section .btn-at-primary:focus,.contact-section .submit-wrap input:hover, .contact-section .btn-at-primary:hover { background: var(--color-secondary) !important; } .contact-section .at-text,.nf-field-label label{ color: var(--color-primary) !important; font-family: var(--font-family-primary)!important; font-size: 18px!important; font-weight: bold!important; letter-spacing: normal!important; line-height: 27px!important; } section.fastaction-modal h1 { font-size: 24px !important; } header.at-title{ font-size: 40px !important; font-weight: normal; letter-spacing: normal; line-height:1.13; padding: 0 0 30px !important; color: var(--color-primary) !important; font-family:var(--font-family-secondary) !important; } .contact-section .fastaction-block .fastAction { padding:0 !important; } legend.at-legend{ color: var(--color-primary) !important; font-family:var(--font-family-secondary) !important; font-size: 30px !important; font-weight: normal; letter-spacing: normal; line-height:1.5; margin:0 0 20px !important } .contact-section .at-mode-person-only{ margin-top:10px; } .at-form.at-mode-person .at-fields{ width:calc(100% + 1.25rem) !important; margin-left:-.625rem !important; } .contact-section .fl-rich-text >p{ margin:0 } .contact-section .at-mode-person-only span{ color: var(--color-primary) !important; } .contact-section .at .at-fieldset { padding: 0 !important; } @media (max-width: 480px) { header.at-title{ font-size: 30px !important; } legend.at-legend{ font-size: 20px !important; } } .contact-section p{ font-size: 18px!important; font-weight: normal!important; letter-spacing: normal!important; line-height: 27px!important; color: var(--color-primary) !important; } .contact-section input[type="text"], .contact-section input[type="search"], .contact-section input[type="email"], .contact-section input[type="tel"], .contact-section input[type="number"], .contact-section textarea, .contact-section select { border: 1px solid var(--color-primary) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--color-primary) !important; font-family: var(--font-family-primary)!important; font-size: 16px!important; font-weight: 400!important; letter-spacing: normal!important; transition: all .5s; height:50px !important } .contact-section textarea{ height: 200px !important; } .contact-section .nf-form-content input[type="text"], .contact-section .nf-form-content input[type="search"], .contact-section .nf-form-content input[type="email"], .contact-section .nf-form-content input[type="tel"], .contact-section .nf-form-content input[type="number"], .contact-section .nf-form-content textarea, .contact-section .nf-form-content select { background: var(--color-white) !important; } .at .error small.error { padding: 0 !important; margin-bottom: 1rem; font-size: 16px !important; } .contact-section .checkbox-container.label-right label:before { left: -26px; top: 0px; font-size: 14px; } .contact-section .checkbox-container.label-right label:after { left: -28px; top: 4px; }