/* Theme Name: THEME Author: Sharp Hue */ /*Visual Composer Styles*/ #content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 300; } #content .homepage-h1 { line-height: 1.2em; padding: 0 0 7px 0; font-size: 38px; font-weight: bold; } #content .contact-heading {font-size: 28px;} #content .social-media-heading {font-size: 32px;} #content .contact-text p {font-size: 18px;} #content .white-text p, #content .white-text a { color:#fff !important; } #content .content-btn a { text-decoration: none; font-size: 17px; white-space: nowrap; background: #c60521; color: #fff; text-transform:uppercase; font-weight:600; padding: 13px 30px; border-radius: 3px; } .vc_btn3.vc_btn3-size-md { font-family: 'Source Sans Pro', sans-serif; font-size:16px !important; font-weight:600; } .vc_btn3.vc_btn3-size-md:hover { color:#221f20 !important; } .vc_tta-title-text { font-weight:800 !important; } #locations strong { color:#831c12 !important; } /* VC FAQ */ #content h4.vc_tta-panel-title { margin:0; padding:0; } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;} .vc_tta-controls-icon::before {border-color: #fff !important;} .vc_tta-controls-icon::after {border-color: #fff !important;} /*Fonts*/ h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, span { font-family: 'Source Sans Pro', sans-serif; } /*Header*/ body { position:relative; padding-top:120px; } body.admin-bar #header.fixed { top:32px !important; } @media(max-width: 782px) { body.admin-bar #header.fixed { top:46px !important; } } @media(max-width: 950px) { body { padding-top:60px; } } @media(max-width: 600px) { body.admin-bar { position:inherit; } body.admin-bar #header.fixed { top:0 !important; } body.admin-bar #header.absolute { top:46px !important; } body.admin-bar #header.absolute.fixed { top:0 !important; } } #header { min-height: 90px; background:#fff; z-index: 99999; } #header .topbar .wrapper {background-color: #221f20; padding: 4.5px 0;} #header .topbar {text-align: right;} #header .topbar .container {padding: 0 20px;} #header .topbar a {color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: bold; line-height: 13px; text-decoration: none; text-transform: uppercase;} #header .topbar a .fas {padding-right: 8px;} #header .topbar .gt_white_content a {color: #000;} #header.compact { min-height: 80px; -webkit-box-shadow: 0px 2px 10px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px -8px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px -8px rgba(0,0,0,0.75); } #header.transition, #header.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #header.absolute { position: absolute; top: 0; width: 100%; } #header.fixed { position: fixed; top: 0; width: 100%; } #header .container { max-width: 1400px; position: relative; padding: 0 15px; display: flex; align-items: center; margin: 0 auto; justify-content: space-between; flex-wrap: wrap;} #header .header {min-height: 90px; position: relative;} #header .logo { padding: 10px 0; } #header.compact .logo { line-height: 80px; } #header .logo img { vertical-align:middle; } #header.compact .logo img {width: 90px;} #header.slide { animation-name: slide; animation-duration: 300ms; } @-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} } @keyframes slide { from {top: -200px;} to {top: 0px;} } #header.fade { animation-name: fade; animation-duration: 300ms; } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } @media(max-width: 950px) { html.menu-on, html.menu-on body { overflow:hidden; } html.menu-on #header { overflow-y: scroll; height: 100%; } #header { min-height: auto; } #header .container { padding: 0; } #header .logo { line-height: 0; padding: 10px; top: -30px; } #header .logo img { width: 90px; } #header .logo2 img { width: auto; height: 40px !important; } #header .header {min-height: 75px;} } /*Nav*/ #nav { } #header.compact #nav { top:20px; } #header.compact .header {min-height: 75px; -webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.4); box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.4);} #nav nav > ul { display:table; width:100%; list-style:none; } #nav ul > li { float:left; } #nav ul li > a { display:block; height:40px; padding:0 30px; line-height:40px; font-family: 'Source Sans Pro', sans-serif; font-size:17px; font-weight: 600; color:#221f20; text-transform:uppercase; text-decoration:none; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a, #nav ul li.current_page_parent > a { } #nav ul li.menu-item-has-children > a { } #nav ul li.menu-item-has-children > a .fa {color: #c60521; position: absolute; left: 15px; top: 13px; font-size: 12px;} #nav .menu { display: none; cursor:pointer; } @media(max-width: 1090px) { #nav ul li > a {padding: 0 15px;} #nav ul li.menu-item-has-children > a .fa {left: 0;} } /*Sub Nav*/ #nav ul li { position:relative; } #nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; height:auto; background:#fff; list-style:none; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { float:none; margin:0; padding:0; } #nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:40px; font-size:16px; font-weight:300; color:#000; text-transform:none; text-decoration:none; white-space:nowrap; } #nav ul li ul li:hover a { background:#c60521; color: #fff; } #nav ul li ul li ul { display:none; } /*Nav Btns*/ #nav .btn { padding:0; margin:0; } #nav .btn a { padding: 12px 18px; margin-left: 5px; line-height:16px; height:auto; color: #fff; text-decoration: none; text-transform: uppercase; white-space:nowrap; } #nav .btn a i { margin-right: 5px; } #nav .btn.primary a { margin-left:50px; } #nav .btn.primary a { background-color: #a9a9a9; } #nav .btn.primary a:hover { transition: .8s; } #nav .btn.secondary a { background-color: #c0c0c0; } #nav .btn.secondary a:hover { transition: .8s; } @media(max-width: 1000px) { #nav .btn a { padding:12px; } #nav .btn.primary a { margin-left:10px; } } @media(max-width: 950px) { #header .topbar a {padding-right: 15px;} #nav.on {top: 0px;} #nav.on .menu {top: -70px;} #nav { width: 100%; right: auto; position: relative; top: 0; } #header.compact { min-height: 60px; } #header.compact .logo { line-height: 40px; } #nav .menu { display: block; position: absolute; text-align: center; font-size: 30px; right:0; top:-70px; width:60px; height:60px; } #nav .menu.done { display: block; } #header.compact #nav { top:20px; } #header.compact #nav .menu { top:-90px; } #nav .menu a { color: #000000; } #nav nav { display: none; } #nav.on nav { display: block; } #nav.on nav ul li ul.sub-menu { display:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #nav.on nav ul li:hover ul.sub-menu { display:none; } #nav.on nav ul li.on ul.sub-menu { display:block; } #nav nav > ul { display: block; } #nav nav > ul > li:first-child { float: none; margin: 0; } #nav nav ul li { float: none; } #nav ul > li { margin: 0; } #nav ul li > a { color: #000; height:auto; } #nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#fff; } #nav.on nav ul { display:block; } #nav.on nav ul li ul.sub-menu { display:none; position: relative; left:auto; top:auto; right:auto; } #nav.on nav ul li.on ul.sub-menu { display:block; left: 0; } #nav ul li ul li a { padding-left: 40px; } #nav ul li.menu-item-has-children > a { padding: 8px 20px; } #nav ul li.menu-item-has-children > a .fa {left: 0px;} #nav.on ul li.menu-item-has-children > a .fa {left: 5px; top: 20px;} #nav nav ul li a { padding: 8px 20px; } #nav nav ul li a:hover {color: #fff; background-color: #c60521;} #nav .btn, #nav .btn.primary, #nav .btn.secondary { float:none; position:relative; right:auto; top:auto; } #nav .btn.primary a, #nav .btn.secondary a { margin:0; } } /*Promo*/ #promo { position:relative; } #promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .wrapper { position:relative; width:100%; } #promo .container { padding:80px 5px; max-width:1200px; } #promo .video { position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto;overflow: hidden; padding-top: 56.25%; } #promo .video iframe, #promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #promo .video iframe { border:none; height:100% !important; } #promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; } #promo .message {min-height: 400px;} #promo h2 { font-family: 'Lora', serif; font-weight: 400; margin:0 0 20px 0; padding:0; font-size:55px; line-height: 55px; color:#fff; text-align:center; } #promo h2:before { display:none; } #promo p { margin:0; padding:0; font-size:44px; line-height:55px; font-family: 'Open Sans', sans-serif; font-weight: bold; color:#fff; text-align:center; margin-bottom:33px; } #promo .lastline {font-size: 111px; font-style: italic;} #promo .slider .slide { display:none; } #promo .slider .slide:first-child { display:block; } #promo .slider-btn {font-size: 16px; padding: 15px 25px; border-radius: 3px; background: #555; color: #fff; text-decoration:none;} #promo .slider-btn:hover {background: #666; } #promo .slider-btn-holder {text-align: center;} @media(max-width: 850px) { #promo .message .container {padding-left: 30px; padding-right: 30px;} } @media(max-width:767px){ #promo .container { padding: 100px 5px; } } @media(max-width:676px) { #promo h2 {margin-bottom: 0; font-size: 50px;} #promo .message p {font-size: 40px; margin-bottom: 0; } } @media(max-width:600px) { #promo h2 {font-size: 42px;} #promo .message p {font-size: 34px;} } /* Conversions */ #conversions .wrapper {background-color: #343434; padding: 20px 0;} #conversions .container {max-width: 1200px; margin: 0 auto; padding: 0 15px;} #conversions a {text-decoration: none; color: #221f20;} #conversions a:hover {text-decoration: underline;} #conversions .item { padding: 12px 13px; text-align: center; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; border-radius: 5px;} #conversions .item img {display: inline-block; padding-right: 28px;} #conversions .item h2 {color: #221f20; display: inline-block; font-weight: 400; font-size: 25px; font-family: 'Source Sans Pro', sans-serif; line-height: 23px;} @media(max-width: 800px) { #conversions .col-333 {width: 100%;} #conversions .item {margin-bottom: 15px;} } /* About */ #about-seo .wrapper {padding: 40px 0;} #about-seo .container {max-width: 1200px; margin: 0 auto; padding: 0 15px;} #about-seo h1 {font-family:"Arial", sans-serif; font-size: 47px; line-height: 50px; text-align: center;} #about-seo h1 .number {font-size: 81px; font-weight: 900; color: #c60521; font-style: italic;} #about-seo h1 .number-text {color: #c60521; font-size: 57px; font-style: italic;} #about-seo .tagline {text-align: center; font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; padding-bottom: 40px;} #about-seo .about-text p {font-size: 19px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 30px; } #about-seo .red-box {background-color: #831c12; border-radius: 5px; padding: 38px 20px; color: #fff; } #about-seo .red-box p {font-size: 19px; line-height: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;} #about-seo .red-box p span {font-style: italic; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; } #about-seo .red-box ul {padding-left: 30px;} #about-seo .red-box ul li {font-size: 19px; line-height: 25px;} @media(max-width: 600px) { #about-seo .red-box {margin-top: 30px;} } /* Testimonials */ #testimonials .wrapper {border-bottom: 6px solid #831c12; padding: 38px 0 38px 0;} #testimonials .container {max-width: 1200px; margin: 0 auto; padding: 0 15px;} #testimonials h2 {padding-bottom: 30px; text-align: center; color: #fff; font-size: 37px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;} #testimonials .slide .slide-wrapper {position: relative;} #testimonials .slide img {position: absolute; left: 0; top: 0;} #testimonials .slide .testimonial { max-width: 1030px; margin: 0 auto; color: #fff; text-align: center; font-size: 24px; line-height: 35px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-style: italic; padding-bottom: 28px; padding: 0 40px 28px 40px;} #testimonials .person {color: #fff; text-transform: uppercase; text-align: center; font-size: 19px; line-height: 26px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; } #testimonials .title {color: #fff; text-align: center; font-size: 17px; line-height: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;} #testimonials .company {color: #fff; text-align: center; font-size: 17px; line-height: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;} @media(max-width: 600px) { #testimonials .slide .testimonial {font-size: 20px; line-height: 28px;} } /*Footer*/ #footer .wrapper { background-color: #343434; } #footer .carrier {display: flex; justify-content: space-between; gap: 0 30px;} #footer .wrapper.copyright { background-color: #666; } #footer .container { max-width: 1400px; padding: 45px 15px 10px 15px; } #footer nav { background-color: #343434; border-right: 1px solid #c6c6c6; } #footer nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: #343434; content: ''; } #footer nav ul { list-style-type: none; margin:none; } #footer nav ul li a { margin-bottom: 5px; display:inline-block; text-decoration: none; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; } #footer nav > ul { display:flex; width:100%; justify-content: space-between;} #footer nav > ul > li { float:left; width:48%; padding-right:2%; margin-bottom:25px; } #footer nav > ul > li > a { margin-bottom: 15px; font-size: 18px; line-height: 13px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; text-transform: uppercase; } #footer nav ul li.large > a { margin-bottom: 17px; font-size: 18px; line-height: 13px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; text-transform: uppercase; line-height: 20px; } #footer nav ul li.about-us {padding-top: 25px;} #footer nav ul li.footer-contact {padding-top: 55px;} #footer .copyright-holder p {font-size: 11px; font-family: 'Arial', sans-serif; color: #fff;} #footer .copyright-holder p a {color: #fff;} #footer .copyright p { padding: 20px; margin:0; color: #fff; font-size: 12px; text-align:center; } #footer .copyright p br { display:none; } #footer .copyright a { color: #fff; text-decoration: underline; } #footer .contact-info { background-color: #343434; } #footer .contact-info .location {margin-bottom: 50px; min-height: 110px;} #footer .contact-info h2 {color: #fff; margin-bottom: 15px; font-size: 17px; line-height: 17px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; text-transform: uppercase;} #footer .contact-info p {font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #fff; position: relative; padding-left: 25px;} #footer .contact-info p .fa {position: absolute; left:0; font-size: 13px;} #footer .contact-info p a {color: #fff; text-decoration: none;} #footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; } #footer .contact-info .contact .contact-body { font-size: 15px; } #footer .contact-info .contact .contact-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #fff; } #footer .contact-info .footer-btn { padding: 7px 20px; height:33px; margin-right: 26px; text-transform: uppercase; color:#ffffff; background-color: #c0c0c0; font-size: 15px; font-weight: bold; display: inline-block; text-decoration: none; border:none; cursor:pointer; } #footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;} #footer .contact-info .footer-contact-btn { padding: 7px 22px; text-transform: uppercase; color:#ffffff; font-size: 15px; font-weight: bold; background-color: #c0c0c0; display: inline-block; text-decoration: none; } #footer .contact-info .footer-contact-btn:hover { color: #fff; transition: .4s; } #footer .social { display:flex; width:100%; margin:25px 0; justify-content: center;} #footer .social a { float:left; display:block; margin-right:10px; line-height:30px; width:30px; height:30px; border-radius:50%; text-align:center; } #footer .social a i { font-size: 25px; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; } #footer .footer-btn {text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; border-radius: 5px; padding: 10px 15px; background: #831c12; display: flex; font-size: 18px; justify-content: center;} #footer .footer-bottom .wrapper {background-color: #2b2b2b; padding: 20px 0 15px 0;} #footer .footer-bottom .bottom-container {padding: 0 10px; max-width: 1200px; margin: 0 auto;} #footer .footer-bottom .grid {display: flex; align-items: center;} #footer .footer-bottom .bottom-items {display: flex; align-items: center;} #footer .footer-bottom .bottom-items img {padding-right: 20px;} #footer .footer-bottom .bottom-items p {font-size: 11px; color: #c6c6c6; font-family: 'Arial', sans-serif; } #footer .footer-bottom .eoe p {padding-top: 30px; font-size: 11px; line-height: 15px; color: #c6c6c6; font-family: 'Arial', sans-serif; text-align:Center;} @media( max-width: 970px ) { #footer .container { padding: 30px 30px 15px 30px;} #footer .contact-info .footer-btn { margin-bottom: 10px;} } @media(max-width: 930px) { #footer .contact-info .col-333 {width: 50%;} } @media( max-width: 800px ) { #footer nav > ul > li { width: 50%; padding-right: 0; } #footer .contact-info .location {margin-bottom: 25px;} #footer nav ul li.footer-contact {padding-top: 25px;} } @media(max-width: 767px) { #footer nav > ul > li > a {font-size: 18px;} #footer .contact-info h2 {font-size: 18px;} } @media (max-width: 700px) { #footer nav > ul > li > a {line-height: 18px;} #footer .contact-info {padding-left: 10px;} #footer nav { margin-bottom: 30px; } #footer .col-80, #footer .col-20 {width: 100%;} #footer .carrier {flex-wrap: wrap;} #footer nav {border-right: none;} #footer nav > ul > li {padding-right: 20px;} #footer nav {border-right: none; border-bottom: 1px solid #c6c6c6;} } @media( max-width: 600px ) { #footer .container {padding: 30px 20px;} #footer .copyright-holder {padding-bottom: 20px;} #footer .footer-bottom .grid {display: block;} #footer .footer-bottom .bottom-items {padding-bottom: 15px;} #footer .col-333 { width: 100%;} #footer .contact-info { padding: 0;} #footer .copyright p br { display:block; } #footer .contact-info .location {margin-bottom: 15px;} } @media( max-width: 450px ) { #footer nav > ul {flex-wrap: wrap;} #footer nav > ul > li {width: 100%;} } /* Job Opening */ #job-opening {margin-top: 40px;} #job-opening .wrapper {padding: 98px 0;} #job-opening .container {max-width: 1400px; margin: 0 auto; padding: 0 15px;} #job-opening h1 {text-align: center; font-family: 'Lora', serif; font-weight: 400; font-size: 51px; color: #fff;} #job-opening .job-filter .wrapper {background-color: #831c12; padding: 12px 0;} #job-opening .job-filter .container {max-width: 1400px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;} #job-opening .job-filter label {color: #fff; display: block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 22px;} #job-opening .job-filter select {width: 100%; font-size: 18px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif;} #job-opening .job-filter select option {font-size: 18px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; } #job-opening .job-filter .filter-holder-left, #job-opening .job-filter .filter-holder-right {text-align: center; width: 100%; max-width: 270px; } #job-opening .job-filter .filters {display: flex; align-items: center; width: 85%; gap: 0 25px; } #job-opening .job-filter .filters .dropdowns {width: 100%; max-width: 570px;} #job-opening .job-filter .filters .dropdowns form {display: flex; gap: 0 25px; justify-content: space-between; max-width: 580px;} #job-opening .job-filter .filter-btn {display: none;} #job-opening .job-filter .filters .filter-search {width: 100%; max-width: 370px; position: relative;} #job-opening .job-filter .filters .filter-search .search-btn {background: none !important; padding: 0 !important; position: relative; right: 10px; top: 13px; position: absolute;} #job-opening .job-filter .filters .filter-search .search-btn i {color:#831c12;} #job-opening .job-filter .filters .filter-search .search-bar {width: 100%; font-size: 18px; padding: 9px 10px !important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif;} /* clears the 'X' from Internet Explorer */ #job-opening .job-filter .filters .filter-search input[type=search]::-ms-clear { display: none; width : 0; height: 0; } #job-opening .job-filter .filters .filter-search input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } #job-opening .job-filter .filters p {font-weight: bold; color:#fff; width: 20%; max-width: 90px;} /* clears the 'X' from Chrome */ #job-opening .job-filter .filters .filter-search input[type="search"]::-webkit-search-decoration, #job-opening .job-filter .filters .filter-search input[type="search"]::-webkit-search-cancel-button, #job-opening .job-filter .filters .filter-search input[type="search"]::-webkit-search-results-button, #job-opening .job-filter .filters .filter-search input[type="search"]::-webkit-search-results-decoration { display: none; } #job-opening .job-filter .toggle i {color: #fff; font-size: 24px; padding: 10px; border: 3px solid #fff;} #job-opening .job-filter .toggle .fa-list {border-radius: 5px 0 0 5px; position: relative; left: 6px; cursor: pointer; } #job-opening .job-filter .toggle .fa-table-cells-large {border-radius: 0 5px 5px 0; cursor: pointer;} #job-opening .job-filter .toggle i.active {color:#831c12; background: #fff;} /* Fixed filters */ #job-opening .job-filter.transition, #job-opening .job-filter.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #job-opening .job-filter.absolute { position: absolute; top: 160px; width: 100%; z-index: 1;} #job-opening .job-filter.fixed { position: fixed; top: 138px; width: 100%; z-index: 1;} #job-opening .job-filter.slide { animation-name: slide; animation-duration: 600ms; } #job-opening .job-filter.fade { animation-name: fade; animation-duration: 500ms; box-shadow: 0px 2px 10px -3px rgba(0,0,0,0.75); } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } .page-template-job-opening #header.compact .header, .search-results #header.compact .header {box-shadow: none;} /* @media(max-width: 676px) { #job-opening .job-filter select {width: auto;} } @media(max-width: 600px) { #job-opening .job-filter .filter-holder-left {padding-bottom: 15px;} } */ #job-opening .job-listing h1 {color:#841C11; font-family: 'Source Sans Pro', sans-serif; font-size: 40px; font-weight: bold; margin-bottom: 35px; text-align: left;} #job-opening .job-listing .grid {display: flex; flex-wrap: wrap;} #job-opening .job-listing .col-333 a {text-decoration: none;} #job-opening .job-listing .wrapper {padding: 52px 0; background-color: #F9F9F9; margin-top: 100px;} #job-opening .job-listing .card {margin-bottom: 30px; border-radius: 5px; border: 1px solid #ccc; overflow: hidden;} #job-opening .job-listing .card .img-holder {height: 150px;} #job-opening .job-listing .card .job-desc { padding: 20px 30px 30px 30px; display: flex; flex-wrap: wrap; align-content: space-between; min-height: 235px;} #job-opening .job-listing .card .job-desc h2 {color: #831c12; min-height: 50px; padding-bottom: 10px; line-height: 35px; font-size: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700;} #job-opening .job-listing .card .job-desc h2 a {text-decoration: none; } #job-opening .job-listing .card .job-desc p {font-size: 18px; line-height: 22px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; color: #000;} #job-opening .job-listing .card .job-desc .top-half {width: 100%;} #job-opening .job-listing .card .category i {font-size: 18px; color: #831c12; width: 21px; text-align: center; padding-right: 10px; padding-bottom: 10px;} #job-opening .job-listing .card .category .type {} #job-opening .job-listing .card .category .type span, #job-opening .job-listing .card .category .location span, #job-opening .job-listing .card .category .pay span {font-size: 18px; text-transform: capitalize; color: #000; font-family: 'Source Sans Pro', sans-serif;} #job-opening .job-listing .card .category .location {} #job-opening .job-listing .card .button-holder {width: 100%; text-align: center; background-color: #c60521; border-radius: 5px; margin-top: 10px;} #job-opening .job-listing .card .job-btn { padding: 16px 0px; text-decoration: none; color: #fff !important; display: inline-block; font-weight: 700 !important; text-transform: uppercase; width: 100%;} #job-opening .job-listing .card .job-btn i {padding-left: 5px;} #job-opening .job-listing .card .link-holder a { text-decoration: none; text-transform: uppercase; color: #fff; text-decoration: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; font-size: 17px;} #job-opening .job-listing .card .link-holder a .fa {font-size: 12px; padding-left: 6px;} #job-opening .job-listing .list-layout a {text-decoration:none;} #job-opening .job-listing .job-row {background: #fff; padding: 30px; border-radius: 5px; display: flex; box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.15); font-size: 18px; margin-bottom: 15px; gap: 0 15px;} #job-opening .job-listing .job-row.heading {background: none; box-shadow: none; margin-bottom: 0;} #job-opening .job-listing .job-row.heading .title {color: #000;} #job-opening .job-listing .job-row.heading p {font-size: 22px; text-transform: uppercase; font-weight: bold;} #job-opening .job-listing .job-row .title {width: 100%; max-width: 480px; color: #841C11; font-size: 20px;} #job-opening .job-listing .job-row .title a {text-decoration: none; color: #841C11;} #job-opening .job-listing .job-row .type, #job-opening .job-listing .job-row .location, #job-opening .job-listing .job-row .pay, #job-opening .job-listing .job-row .link {width: 100%; max-width: 200px; color: #000;} #job-opening .job-listing .job-row .type {text-transform: capitalize;} #job-opening .job-listing .job-row .type i, #job-opening .job-listing .job-row .location i, #job-opening .job-listing .job-row .pay i {color: #841C11; padding-right: 5px;} #job-opening .job-listing .job-row .link {text-decoration: none; color:#841C11; text-transform: uppercase; font-weight: bold; font-size: 20px;} #job-opening .job-listing .job-row .link i {padding-right: 5px;} #job-opening.search-results .results-found {display: flex; justify-content: space-between; align-items: center; gap: 0 20px; margin-bottom: 35px;} #job-opening.search-results .results-found h1 {color:#841C11; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: bold;} #job-opening.search-results .results-found p {font-size: 20px;} #job-opening.search-results .job-filter .container {align-items: center; gap: 0 20px;} #job-opening.search-results .job-filter .container a {color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 20px;} #job-opening.search-results .job-filter .filters {width: 60%;} #job-opening.search-results .job-filter .filters .filter-search {max-width: 500px;} @media(max-width:950px) { #job-opening .job-listing .col-333 {width: 50%;} #job-opening .job-listing .grid {display: initial;} #job-opening .job-listing .card .job-desc h2 {font-size: 22px;} #job-opening .job-listing .wrapper {margin-top: 170px;} } @media(max-width: 770px) { #job-opening .job-listing .card .category {display: block; margin: 0 auto;} #job-opening .job-listing .card .job-desc p {font-size: 16px;} #job-opening .job-listing .job-row.heading {display: none;} #job-opening .job-listing .job-row {flex-wrap: wrap;} #job-opening .job-listing .job-row .title, #job-opening .job-listing .job-row .type, #job-opening .job-listing .job-row .location, #job-opening .job-listing .job-row .pay, #job-opening .job-listing .job-row .link {width: calc(50% - 8px); max-width: none; margin-bottom: 5px;} #job-opening .job-filter .filters {flex-wrap: wrap; justify-content: center; gap: 15px; width: 100%; display: none;} #job-opening .job-filter .filters .dropdowns {width: 100%; flex-wrap: wrap; gap: 10px 0;} #job-opening .job-filter .filter-holder-left, #job-opening .job-filter .filter-holder-right, #job-opening .job-filter .filters .filter-search {max-width: none;} #job-opening .job-filter .filters .toggle {width: 100%; text-align: center;} #job-opening .job-filter .container {justify-content: center; gap: 15px; align-items: center;} #job-opening .job-filter .filter-btn {display: block; } #job-opening .job-filter .filter-btn a {text-decoration: none; color:#831c12; background: #fff; border-radius: 5px; padding: 15px 20px; font-weight: bold;} } @media(max-width: 650px) { #job-opening.search-results .job-filter .container {flex-wrap: wrap; justify-content: center;} #job-opening.search-results .job-filter .filters {width: 100%; margin-bottom: 15px;} #job-opening.search-results .results-found {flex-wrap: wrap; justify-content: center;} #job-opening .job-listing .job-row .title, #job-opening .job-listing .job-row .type, #job-opening .job-listing .job-row .location, #job-opening .job-listing .job-row .pay, #job-opening .job-listing .job-row .link {width: 100%;} } @media(max-width: 600px) { #job-opening .job-listing .col-333 {width: 100%;} #job-opening .job-listing h1 {font-size: 30px;} } /* #job-opening .grid {display: flex;} */ #job-detail-info .container {max-width: 1400px; margin: 0 auto; padding: 0 20px;} #job-detail-info .job-banner {padding-top: 100px; position:relative;} #job-detail-info .job-banner:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .55; background: rgba(0,0,0,.8);} #job-detail-info .job-banner h1 {position: relative; z-index: 2; text-align: center; font-family: 'Lora', serif; font-weight: 400; font-size: 51px; color: #fff;} #job-detail-info .job-banner .banner-btn { padding: 34px 0; text-align: center;} #job-detail-info .job-banner .banner-btn a { position: relative; z-index: 2; display: inline-block; color: #fff; background-color: #c60521; text-decoration: none; text-transform: uppercase; padding: 15px 40px; font-size: 17px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; border-radius: 5px;} #job-detail-info .mid-navbar .wrapper {background-color: #831c12; padding: 14px 0;} #job-detail-info .mid-navbar .container {max-width: 1400px; margin: 0 auto; padding: 0 15px;} #job-detail-info .mid-navbar a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 17px; font-weight: bold;} #job-detail-info .mid-navbar a .fa {font-size: 12px; padding-right: 10px;} #job-detail-info .information .wrapper { border-bottom: 5px solid #831c12; background-color: #f9f9f9;} #job-detail-info .information .grid {display: flex; position: relative;} #job-detail-info .information .col-60 {background-color: #fff;} #job-detail-info .information .col-60:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: #ffffff; content: ''; } #job-detail-info .information .job-content {padding: 50px 0;} #job-detail-info .information .job-content p {font-size: 18px; line-height: 28px; font-weight: 300;} #job-detail-info .information .job-content ul {list-style-type: square; line-height: 28px; padding-left: 40px; font-size: 18px; font-weight: 300;} #job-detail-info .information .job-content ol {line-height: 28px; padding-left: 40px; font-size: 18px; font-weight: 300;} #job-detail-info .information .col-60 {border-right: 1px solid #e1e1e1; padding-bottom: 7%;} #job-detail-info .information .col-40 {padding: 50px 0; background-color: #f9f9f9;} #job-detail-info .contact-information {padding: 0 40px;} #job-detail-info .contact-information h3 {font-size: 35px; line-height: 45px; color: #841C11; margin-bottom: 15px;} #job-detail-info .contact-information .contact-item {padding-bottom: 55px;} #job-detail-info .contact-information .contact-item a {font-size: 18px; line-height: 28px; font-weight: 300; color: #000; text-decoration: none; } #job-detail-info .contact-information .contact-item p {font-size: 18px; line-height: 28px; font-weight: 300; color: #000; } #job-detail-info .contact-information .contact-item h4 {font-size: 22px; line-height: 32px; margin-bottom: 10px;} #job-detail-info .contact-information .apply-btn {text-transform: uppercase; background: #C60521; color: #fff !important; border-radius: 5px; padding: 10px; display: flex; font-weight: bold !important; justify-content: center; margin-top: 20px;} #job-detail-info .contact-information .eoe {font-style: italic; margin-top: 20px;} #job-detail-info .contact-information .es-form-field-container {font-weight: 300; font-size: 18px; line-height: 28px;} #job-detail-info .contact-information .es-form-field-container p {margin-bottom: 25px;} #job-detail-info .contact-information .es-form-field-container input {font-size: 18px !important; font-family: 'Source Sans Pro', sans-serif; width: 100%; font-weight: 300; margin-bottom: 10px;} #job-detail-info .contact-information .es-form-field-container label {display: none;} #job-detail-info .contact-information .es-form-field-container .gjs-row input[type="submit"] {font-weight: bold !important; padding: 15px !important; border-radius: 5px;} #job-detail-info .job-content h2 {font-size: 45px; line-height: 55px; margin-bottom: 20px; color: #841C11;} /* #job-detail-info .job-content .outline {margin-bottom: 50px;} */ #job-detail-info .job-content .outline p {text-transform: capitalize; margin-bottom: 5px; font-size: 22px; line-height: 32px;} #job-detail-info .job-content .outline p i { color: #841C11; text-align: center; width: 25px; padding-right: 10px;} #job-detail-info .job-content .job-info h3 {font-size: 30px; line-height: 40px; margin-bottom: 20px; margin-top: 50px; color: #841C11;} @media(max-width: 676px) { #job-detail-info .container {padding: 0;} #job-detail-info .information .col-60, #job-detail-info .information .col-40 {padding: 0 20px; width: 100%; padding-bottom: 10%; padding-top: 10%;} #job-detail-info .information .grid {display: block;} #job-detail-info .contact-information {padding: 0;} #job-detail-info .information .job-content {padding: 20px 0 10px 0;} #job-detail-info .contact-information .contact-item {padding-bottom: 20px;} #job-detail-info .contact-information .eoe {margin-top: 20px;} #job-detail-info .contact-information h3 {font-size: 30px; line-height: 40px;} } @media(max-width: 450px){ #job-detail-info .job-content h2 {font-size: 35px; line-height: 45px;} #job-detail-info .job-content .outline p {font-size: 18px; line-height: 28px;} } /*404*/ .error-404 { text-align:center; } .error-404 h1 { text-align:center; font-size:40px; } .error-404 i { font-size:100px; } .error-404 .screen-reader-text { display:none; } /* Home Locations Section */ .locations-home {text-align: center; max-width: 1400px; padding: 0 20px; margin: 7% auto;} .locations-home h3 {font-size: 40px; line-height: 50px; margin-bottom: 20px;} .locations-home .content-btn {text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; border-radius: 5px; padding: 10px 15px; background: #c60521; display: inline-block; font-size: 18px; }