/*
Styles and overides specifically for Polymedia PR
*/
:root {
	--aubergine : #2c001e;
	--orange : #ea7a43;
	--smoke : #f0f1ef;
	--peach : #f3b191;
	--maxwidth : 1620px;
	--smallwidth : 850px;
}

/****OVER RIDES ***/
button[type=submit], input[type=button], input[type=submit]  { color:var(--aubergine)}
#gform_wrapper_1 .gform_button {color:var(--aubergine)!important}
h1,
h2{font-family: "articulat-cf", sans-serif!important;font-weight: 900!important;font-style: normal!important;}

div[data-style="minimal"] .toggle > .toggle-title i:after {top: 1px;left: 9px;margin-left: -2px;height: 14px;}
div[data-style="minimal"] .toggle > .toggle-title i:before {top: 9px;left: 1px;width: 14px;}
div[data-style*=minimal] .toggle>.toggle-title i { width:20px!important; height:20px!important }
.toggles--minimal-shadow .toggle > .toggle-title a {padding:15px 70px 15px 0!important;}
#ajax-content-wrap .nectar-inherit-h4 { letter-spacing:0!important}
#footer-outer #footer-widgets .col ul li:first-child { vertical-align:top!important; }

.home-sde { padding-left:80px}

.underline { position:relative; }
.underline:after {border-bottom: 2px solid var(--orange);width:80px;content:'';position: absolute;bottom:-15px; left:0}

.nectar-button {font-family: "articulat-cf", sans-serif!important;font-weight: 900!important;font-style: normal!important;}

.nectar-icon-list-item .content { color:black!important; }
body #pagination.blog_pagination > span.page-numbers.current { background-color:var(--orange)!important }

body #pagination.blog_pagination a.page-numbers { color:var(--orange)!important }

.news-blog-wrapper .content-wrapper {background-color: #f0f1ef}

ul li::marker {color:var(--orange)!important}

.widget h4 { text-transform:none!important }

#footer-widgets > .container > .row .col:nth-child(2) #menu-footer-menu { border:0!important }

/**** HEADER ***/
body #header-outer {background-image: none!important}
body #header-outer .lines-button { top:8px }

.material #header-space, #header-space {background-color: transparent!important;}
#header-space.floating { position:absolute;width:100%; z-index: 500}

#top .slide-out-widget-area-toggle a span {width:26px}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {height: 4px !important; width: 30px !important;}
.slide-out-widget-area-toggle.mobile-icon a>span { height: 30px;}


#header-outer #top .span_9 > .slide-out-widget-area-toggle i { color:white!important }
#header-outer #top .slide-out-widget-area-toggle a .lines-button:after { background-color:white!important; }
body.home #logo {}

#breadcrumbs { display:none!important }

/********* COVER SLIDER **********/
.cover-slider {margin-bottom: 0!important}
.cover-slider__slide {display: flex; flex-wrap:wrap;align-content: center;align-items: center;background-position: center;background-size: cover}
.cover-slider__content {max-width: var(--maxwidth); margin: auto; width:90%}
.cover-slider__title {color: white;letter-spacing: 1px;font-size:42px}
.cover-slider__subtitle {color: white;font-size: 1.8rem; margin-top: 20px}
.cover-slider__button {background-color: var(--orange); color:white; display: inline-block;padding: 8px 15px;text-transform: uppercase;font-weight: 400;font-size: .86rem; transition: .5s all; color:white; font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.cover-slider__button:hover { background-color:var(--aubergine) }
.cover-slider.owl-carousel .owl-dots { position:absolute;bottom:20px; z-index:2;text-align:center;width:100% }
.cover-slider.owl-carousel button.owl-dot { width:15px; height:15px; border-radius:50%;background:white;margin:3px; border:solid 1px white}
.cover-slider.owl-carousel button.owl-dot.active {background: transparent;}
body .cover-slider.owl-carousel .owl-dots button.owl-dot span { border:0!important}


/********* IMPACT TITLE  **********/
.impact-title {}
.impact-title_inner {padding-top:40px}
.impact-title h1 {color:white}
.impact-title h1 .impact_top-line {font-size: 8.2rem;letter-spacing: -.2rem}
.impact-title h1 .impact_second-line {display: block;font-size: 4.5rem;letter-spacing: -.1rem; margin-top: 18px}
.impact-title h1 .impact_third-line {display: block;margin-top: 28px;max-width: 500px;line-height: 1.2em;margin-bottom: 35px;font-size: 2.6rem}
.impact-title h1 .impact_dots {font-size: 4.5rem;letter-spacing: -.2rem;margin-left: 2px;color: var(--orange);}

/********* PAGE BANNER **********/
.page-banner {padding-top:70px}
.page-banner__inner {max-width: var(--smallwidth); margin: auto;padding: 100px 0 100px 0;width:90%}
.page-banner__pre-title {color:var(--orange);font-size: 1.2rem;letter-spacing: 1px}
.page-banner__title {color: white;font-size: 62px;margin-bottom: 20px;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.page-banner__text {font-size:20px}
.page-banner__text {color:white;margin-bottom: 30px;}
.page-banner__button {background-color: var(--orange); color:var(--aubergine); display: inline-block;padding: 8px 15px;text-transform: uppercase;font-weight: 400; transition: .5s all; font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.page-banner__button:hover { background-color:var(--aubergine); color:white; }
.page-banner__spacer {width:100px;border-top:solid 1px var(--orange); margin-bottom: 20px;}

/********* TESTIMONIAL **********/
.testimonial-block.has-aubergine-background-color {color:white}
.testimonial__inner {max-width: var(--smallwidth); margin: auto;padding:100px 0 120px 0; width:90%; text-align: center;}
.testimonial__quote {font-size: 1.8rem!important;text-align: center;border: 0; padding: 0;margin: 0;font-weight: 300;line-height: 2.4rem!important}
.testimonial__quote.small-font {font-size: 1.4rem!important;line-height: 2rem!important}
blockquote.testimonial__quote::before { border:0 }
.testimonial__quote svg { fill:var(--orange); width:45px; height:45px; margin: auto auto 30px auto;display: block }
.testimonial__name {font-size: 1.3rem; margin-top: 20px}

/********* OUR WORK **********/
.our-work-block {display: flex; flex-wrap: wrap;align-content: center;align-items: stretch;max-width: 1250px; margin:auto;padding: 60px 0 40px 0}
.our-work__image { width:40%; }
.our-work__image img {width:100%!important; height:100%!important; object-fit:cover; object-position:center;}
.our-work__content {width:60%;padding:60px 0 60px 5%}
.our-work__pre-title {color:var(--orange);padding-left: 50px;text-transform: uppercase; margin-bottom: 20px; position: relative;}
.our-work__pre-title:before { content:'';width:40px; border-top:solid 1px var(--orange); display: block;position: absolute;left: 0;top: 12px; text-transform: uppercase;font-weight: bold; }
.our-work__title {font-size: 3.6rem; line-height: 1em;  position: relative;font-weight:300;}
.our-work__excerpt {margin:20px 0; font-size: 1.2rem; line-height: 1.6em}
.our-work__button {background-color: var(--orange); color:white; display: inline-block;padding: 12px 18px;text-transform: uppercase;font-weight: 400; transition: .5s all; color:white; margin-top: 20px;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.our-work__button:hover { background-color:var(--aubergine); color:white; }
.our-work__button.has-aubergine-background-color { background-color:var(--aubergine) }

/********* CASE STUDIES **********/
.case-studies-block {display: flex; flex-wrap: wrap;align-items: stretch;}
.case-studies__image {width:33.33333%; overflow: hidden}
.case-studies__image img {width:100%!important; height:100%!important; object-position: center;object-fit: cover; transition: .5s all; display: block}
.case-studies__panel {width:33.33333%; color:white; padding:80px 60px;position: relative;overflow: hidden}
.case-studies__pre-title { text-transform: uppercase;}
.case-studies__title{color:white;margin-bottom: 30px; font-size: 36px; line-height: 1.1em}
.case-studies__text {font-size: 1.4rem; line-height: 1.4em}
.case-studies__button {background-color: var(--orange); color:white; display: inline-block;padding: 12px 18px;text-transform: uppercase;font-weight: 400; transition: .5s all; color:white; margin-top: 20px;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.case-studies__button:hover { background-color:var(--aubergine); color:white; }

.case-studies__panel.case-studies__panel--one .case-studies__text{ font-size: 1.6rem; line-height: 1.2em }

.case-studies__panel.case-studies__panel--one { background-color:var(--orange);background: linear-gradient(35deg,rgba(83, 28, 30, 1) 17%, rgba(210, 91, 54, 1) 39%, rgba(218, 125, 60, 1) 56%, rgba(217, 120, 59, 1) 60%, rgba(210, 91, 54, 1) 76%, rgba(210, 91, 54, 1) 100%); }
.case-studies__panel.case-studies__panel--three { background-color:var(--aubergine) }

.case-studies__panel.case-studies__panel--one .case-studies__button { background:var(--aubergine); color:white;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal; }
.case-studies__panel.case-studies__panel--one .case-studies__button:hover { background:white; color:var(--aubergine) }

.case-studies__panel.case-studies__panel--three .case-studies__button { background:var(--orange); color:var(--aubergine); font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.case-studies__panel.case-studies__panel--three .case-studies__button:hover { background:white; color:var(--aubergine)}



.case-studies__image:hover img { transform:scale(1.2); }

.case-studies__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    left: -200%;
    width: 120%;

    background: linear-gradient(
        110deg,
        transparent 35%,
        rgba(255,255,255,.05) 45%,
        rgba(255,255,255,.35) 50%,
        rgba(255,255,255,.05) 55%,
        transparent 65%
    );

    transform: skewX(-20deg);
    pointer-events: none;
}

.case-studies__panel:hover::before {
    animation: shine 1s ease;
}

@keyframes shine {
    to {
        left: 200%;
    }
}

/********* TEXT BLOCK **********/
.text-block {background:url(images/corner.png) bottom left no-repeat var(--aubergine); background-size:auto 75%}
.text-block__inner {max-width: var(--maxwidth); margin: auto;width:90%; padding:140px 0 200px 30%; color:white; position: relative;}
.text-block__pre-title { text-transform: uppercase; color:var(--orange); display: inline-block;border-bottom: solid 1px var(--orange); padding:10px 0; margin-bottom: 30px}
.text-block__title { color:white; display:block; width: 100%;font-size: 4.5rem;line-height: 1.05em;margin-bottom: 40px}
.text-block__content {font-size: 1.2rem}
.text-block__button {background-color: var(--orange); color:white; display: inline-block;padding: 12px 18px;text-transform: uppercase;font-weight: 400; transition: .5s all; color:white; position: absolute;bottom: 60px;right: 0;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.text-block__button:hover { color:var(--aubergine); background-color:white; }
.text-block__button.has-aubergine-background-color { background-color:var(--aubergine); }
.text-block__button.has-aubergine-background-color:hover { background-color:var(--orange) }

.text-block.has-white-background-color,
.text-block.has-grey-background-color { background-image:url(images/corner-2.png);background-size:auto 50%;background-color:var(--smoke) }

.text-block.has-white-background-color .text-block__inner ,
.text-block.has-grey-background-color .text-block__inner { color:black;padding-left:0 }

.text-block.has-white-background-color .text-block__title,
.text-block.has-grey-background-color .text-block__title,
.text-block.has-white-background-color .text-block__pre-title,
.text-block.has-grey-background-color .text-block__pre-title  { color:black; border-bottom:0 }

.columns-col-2 .text-block__content {column-count: 2;column-gap: 30px;}
.columns-col-3 .text-block__content {column-count: 3;column-gap: 30px;}

.columns-col-2 .text-block__inner, 
.columns-col-3 .text-block__inner { max-width:1250px }

.columns-col-2  .text-block__title,
.columns-col-3  .text-block__title { font-size:3rem }


/********* SECTORS **********/
.sectors {padding: 80px 0;}
.sectors__header {max-width: var(--smallwidth);margin: 0 auto 70px;text-align: center;}
.sectors__pre-title {display: inline-block;margin-bottom: 20px;padding-bottom: 10px;color: var(--orange);text-transform: uppercase;letter-spacing: 4px;position: relative;}
.sectors__pre-title:after {border-bottom: 1px solid var(--orange);width:80px;content:'';position: absolute;bottom:0; left:0}
.sectors__title { margin: 0 0 24px;font-weight: 300;}
.sectors__intro {font-size: 20px;line-height: 1.45;}
.sectors__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.sectors__item {position: relative;min-height: 380px;display: flex;align-items: flex-end;padding: 35px;background-size: cover;background-position: center;color: #fff;text-decoration: none;}
.sectors__item::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.25);transition: .5s all}
.sectors__item:hover::before {background: rgba(0, 0, 0, 0.4);}
.sectors__item-title { position: relative;z-index: 1; margin: 0;max-width: 90%;color: #fff;font-size: 36px!important;font-weight: 300;line-height: 1.1em!important;max-width: 350px;}
.sectors__item--tall { grid-row: span 2;}
.sectors__item--wide {grid-column: span 2;}
.sectors__button-wrap {margin-top: 30px;text-align: center;}
.sectors__button {display: inline-block; padding: 18px 42px;background: var(--orange);color:var(--aubergine);text-decoration: none;font-weight: 700;text-transform: uppercase;transition: .5s all;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.sectors__button:hover {background-color: var(--orange); color:white}
.sectors__button.has-orange-background-color { background-color:var(--orange); }
.sectors__button.has-aubergine-background-color { background-color:var(--aubergine); }

/********* POLYMEDIA TITLE **********/
.polymediatitle__header {}
.polymediatitle__header.align-left {text-align: left;}
.polymediatitle__header.align-center {text-align: center;}
.polymediatitle__header.align-right {text-align: right;}
.polymediatitle__header.align-center .sectors__pre-title:after { left: 50%;margin-left: -40px; }
.polymediatitle__header.align-right .sectors__pre-title:after { left: auto;right: 0; }

/********* INTRO BLOCK **********/
.intro-block {padding:80px 0}
.intro-block__inner {max-width: 1150px; width:90%; margin:auto; display: flex;flex-wrap: wrap;}
.intro-block__left {background:var(--smoke);padding:50px;width:33%}
.intro-block__right {width:67%; padding-left: 50px}
.intro-block__pre-title { padding-bottom:20px; margin-bottom: 20px; position: relative;}
.intro-block__pre-title::after {content:''; width:80px; border-top:solid 1px var(--orange);position:absolute;bottom:10px;left:0 }
.intro-block__title {line-height: 1.1em;margin-bottom: 30px;font-weight: 300; font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;font-size: 2.4rem!important; line-height: 2.4rem!important}
.intro-block__button {background-color: var(--orange); color:white; display: inline-block;padding: 8px 15px;text-transform: uppercase;font-weight: 400; transition: .5s all; color:var(--aubergine);font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.intro-block__button:hover {background-color: var(--aubergine);color:white}
.intro-block__dots {font-size: 2.4rem; letter-spacing: -1px;color:var(--orange)}

.intro-block__bg_aubergine .intro-block__left {background:var(--aubergine)!important;}
.intro-block__bg_aubergine .intro-block__pre-title {color:white}
.intro-block__bg_aubergine .intro-block__title {color:white}

/********* SERVICES **********/
.our-services__testimonial__wrapper {margin: auto;padding:80px 0 60px 0; text-align: center;background: var(--smoke)}
.our-services__testimonial {font-size: 2rem;text-align: center;border: 0; padding: 0;margin: auto;font-weight: 300;line-height: 1.2em; max-width: var(--smallwidth); width:90%;}
blockquote.our-services__testimonial-text { font-size:1.8rem; font-weight: 300; padding-left: 0;line-height:2.4rem}
blockquote.our-services__testimonial-text::before { border:0 }
.our-services__testimonial svg { fill:var(--orange); width:45px; height:45px; margin: auto auto 30px auto;display: block }
.our-services__testimonial-name {font-size: 1rem; margin-top: 0px}

.our-services__testimonials.owl-carousel .owl-dots { position:absolute;bottom:-20px; z-index:2;text-align:center;width:100% }
.our-services__testimonials.owl-carousel button.owl-dot { width:15px; height:15px; border-radius:50%;background:var(--orange);margin:3px; border:solid 1px var(--orange)}
.our-services__testimonials.owl-carousel button.owl-dot.active {background: transparent;}
body .our-services__testimonials.owl-carousel .owl-dots button.owl-dot span { border:0!important}

.our-services__wrapper {background: #FFFFFF;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(240, 241, 239, 1) 50%, rgba(240, 241, 239, 1) 50%);}
.our-services__container {display: flex;flex-wrap: wrap; align-items: stretch;background:var(--aubergine); color:white; max-width:1250px;width:90%; margin:auto; padding:50px}
.our-services__header {width:33%;padding-right: 50px}
.our-services__pre-title { padding-bottom:20px; margin-bottom: 20px; position: relative;color:white}
.our-services__pre-title::after {content:''; width:80px; border-top:solid 1px var(--orange);position:absolute;bottom:10px;left:0 }
.our-services__title {color:white}
.our-services__button {  transition: .5s all; border-radius: 0px;border: solid 1px var(--smoke);display: inline-block;padding: 8px 45px 8px 20px;margin-top: 30px; background:url(images/diag-btn-arrow.png) no-repeat right 10px center;background-size: 20px; color:white;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal;}
.our-services__button:hover {color:var(--aubergine); background-color:var(--smoke)}
.our-services__list {width:67%;font-size: 1.4rem;border-left: solid 1px var(--orange);column-gap: 60px;column-rule: 1px solid var(--orange); padding-left: 30px;column-count: 2; column-gap: 60px;
    column-rule: 1px solid var(--orange); padding-left: 40px}
.our-services__service {padding:8px 0}
.our-services__service a { color:white }

/********* SINGLE CASE STUDY **********/
.single-case-study {padding:60px 0;}
.single-case-study__main {max-width:1250px; margin:auto;width:90%}
.single-case-study__title {}
.single-case-study__groups {display: flex;flex-wrap: wrap;align-items: stretch;margin: 40px 0}
.single-case-study__group {width:32%;margin-right: 2%}
.single-case-study__group:nth-child(3) { margin-right:0 }
.single-case-study__group-title {font-weight: 300;font-size: 2.2rem;margin-bottom: 20px;padding-bottom: 10px; position: relative;}
.single-case-study__group-title::after {content:''; width:80px; border-top: solid 1px var(--orange);position: absolute;bottom:0; left: 0}
.single-case-study__group-content {}
.single-case-study__group-content ul li { font-size:1.2rem }
.single-case-study__images {display: flex; flex-wrap: wrap;align-items: stretch;max-width:var(--maxwidth); margin:auto;width:90%}
.single-case-study__image {width:32%; margin-right: 2%; margin-bottom: 2%}
.single-case-study__image:nth-child(3n + 3) {margin-right: 0}
.single-case-study__image img {width:100%; height:auto}
.single-case-study__list {color:var(--orange); font-size: 1.4rem}
.single-case-study__list li {margin-bottom: 10px}

/********* CASE STUDIES GRID **********/
.case-studies-grid { width: 100%; padding: 40px; box-sizing: border-box; }
.case-studies-grid__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: clamp(300px, 34vw, 470px); grid-auto-flow: dense; gap: 12px; width: 100%; max-width: 1500px; margin: 0 auto; }
.case-studies-grid__item { position: relative; grid-column: span 1; min-width: 0; min-height: 0; overflow: hidden; background: #1c252c; isolation: isolate; }
.case-studies-grid__item:nth-child(10n + 1) { grid-column: span 2; }
.case-studies-grid__item:nth-child(10n + 7) { grid-column: span 2; }

.case-studies-grid__image-link { position: absolute; inset: 0; z-index: 1; display: block; overflow: hidden; }
.case-studies-grid__image { position: absolute; inset: 0; width: 100%; height: 100%;background:black }
.case-studies-grid__image img { opacity:.8}
.case-studies-grid__image-element { display: block; width: 100%!important; height: 100%!important; object-fit: cover; object-position: center; transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), filter 400ms ease; }
.case-studies-grid__item::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(to top, rgba(7, 14, 19, 0.88) 0%, rgba(7, 14, 19, 0.48) 36%, rgba(7, 14, 19, 0.08) 70%, rgba(7, 14, 19, 0) 100%); transition: background 350ms ease; }
.case-studies-grid__item:hover .case-studies-grid__image-element { transform: scale(1.045); }
.case-studies-grid__item:hover::after { background: linear-gradient(to top, rgba(7, 14, 19, 0.94) 0%, rgba(7, 14, 19, 0.58) 42%, rgba(7, 14, 19, 0.12) 75%, rgba(7, 14, 19, 0) 100%); }

.case-studies-grid__content { position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; padding: clamp(24px, 3vw, 48px); color: #fff; pointer-events: none; }
.case-studies-grid__content a { pointer-events: auto; }
.case-studies-grid__title { max-width: 780px; margin: 0 0 25px 0; padding: 0; font-size: 32px; font-weight: 300; line-height: 1.1em!important; letter-spacing: -0.025em; color: #fff; }
.case-studies-grid__title a { color: inherit; text-decoration: none; }
.case-studies-grid__excerpt { max-width: 680px; margin: 0 0 18px; font-size: 1rem; font-weight: 300; line-height: 1.35; color: rgba(255, 255, 255, 0.9); }

.case-studies-grid__button { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 9px 15px; border: 1px solid var(--orange); background: var(--orange); color: #fff; font-size: .86rem; font-weight: 600; line-height: 1; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; transition: background-color .5s ease, border-color .5s ease, transform .5s ease, color .5s ease;font-family: "articulat-cf", sans-serif;font-weight: 900;font-style: normal; }
.case-studies-grid__button:hover, 
.case-studies-grid__button:focus-visible { border-color: #fff; background: #fff; color: #202020; transform: translateY(-2px); }


/* ==========================================
   KEYBOARD ACCESSIBILITY
   ========================================== */
.case-studies-grid__title a:focus-visible,
.case-studies-grid__button:focus-visible,
.case-studies-grid__image-link:focus-visible {outline: 2px solid #fff;outline-offset: -4px;}

/********* RECENT WORK GRID **********/
.recent-work-grid {padding:60px 0}
.recent-work-grid__items {  }
.recent-work-grid__items:after { content: ""; display: table; clear: both; }
.recent-work-grid--layout-1 {}
.recent-work-grid__item {}
.recent-work-grid__item img {object-position: center;object-fit: cover;width: 100%;}

.recent-work-grid__item--1 {width:61%;margin-right: 2%; margin-left:5%;float:left}
.recent-work-grid__item--1 img{height: 260px !important;}

.recent-work-grid__item--2 {width:27%; margin-right: 5%;  float:left}
.recent-work-grid__item--2 img {height: 260px !important;}

.recent-work-grid__item--3 {width:32%; margin-right: 2%; float:left}
.recent-work-grid__item--3 img {height:260px!important}

.recent-work-grid__item--4 {width:66%;float:right;}
.recent-work-grid__item--4 img {height: 600px!important}

.recent-work-grid__item--5 {width:20%; margin-right: 2%;float:right }
.recent-work-grid__item--5 img {height:200px!important}

.recent-work-grid--layout-2 {}
.recent-work-grid--layout-2 .recent-work-grid__item--1 {width:38%;margin-right: 2%; float:left; margin-left: 0}
.recent-work-grid--layout-2 .recent-work-grid__item--1 img{height: 600px !important;}

.recent-work-grid--layout-2 .recent-work-grid__item--2 {width:28%;float:right; margin:0}
.recent-work-grid--layout-2 .recent-work-grid__item--2 img{height: 900px !important;}

.recent-work-grid--layout-2 .recent-work-grid__item--3 {width:30%;margin-right: 2%; float:left}
.recent-work-grid--layout-2 .recent-work-grid__item--3 img{height: 350px !important;}

.recent-work-grid--layout-2 .recent-work-grid__item--4 {width:30%;margin-right: 2%; float:left}
.recent-work-grid--layout-2 .recent-work-grid__item--4 img{height: 200px !important;}

.recent-work-grid--layout-2 .recent-work-grid__item--5 {width:30%;margin-right: 2%; float:left}
.recent-work-grid--layout-2 .recent-work-grid__item--5 img{height: 200px !important;}

/********* FAQ **********/
#ajax-content-wrap .nectar-inherit-h4 { font-size:18px;line-height: 22px; }
.toggles--minimal-shadow .toggle { border:0; padding:0 }


/************* BLOG ADVANCED SEARCH ******************/
.news-blog-wrapper .medium-container.large { max-width:100% }
.blog-advanced-search{margin-bottom:60px;}
.blog-advanced-search__form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:end;}
.blog-advanced-search__field{display:flex;flex-direction:column;gap:8px;}
.blog-advanced-search label{font-weight:600;}
.blog-advanced-search input,.blog-advanced-search select{width:100%;min-height:52px;padding:10px 15px;border:1px solid #ccc;background:#fff;}
body[data-button-style^="rounded"] .blog-advanced-search__field  button { border-radius:0!important }
.blog-search-btn{min-height:52px;padding:10px 30px;border:0;cursor:pointer;}
.blog-advanced-search__reset{grid-column:1/-1;}
.blog-tag-search{position:relative;}
.blog-tag-search__results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #ccc;box-shadow:0 6px 20px rgba(0,0,0,.12);}
.blog-tag-search__result{display:block;width:100%;padding:12px 15px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer;}
.blog-tag-search__result:last-child{border-bottom:0;}
.blog-tag-search__result:hover,.blog-tag-search__result:focus{background:#f0f1ef;}
.blog-tag-search__no-results{padding:12px 15px;color:#777;}



/********* FOOTER **********/
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):focus, 
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):hover { opacity:1; color:var(--orange)!important; }
#footer-outer #footer-widgets .col ul li svg:hover { fill:var(--orange); }
body #footer-outer .row { padding:50px 0 }
#footer-widgets .has-text-align-right.with-icon svg { vertical-align:middle; margin-left:10px }
#footer-widgets .has-text-align-right.with-icon { }
#footer-outer #footer-widgets .col ul li > a { vertical-align:middle }
#footer-outer #footer-widgets .col ul li:first-child > a:first-child svg {margin-top: -2px}
#footer-widgets .cus-so-second { vertical-align:middle!important; }


@media screen and (max-width:1660px) {
    #header-outer #logo img, #header-outer .logo-spacing img { height:55px; }
}
 
@media screen and (max-width: 1300px) {
    /********* IMPACT TITLE  **********/
    .impact-title {}
    .impact-title_inner {}
    .impact-title h1 {color:white; }
    .impact-title h1 .impact_top-line {font-size: 7.2rem;}
    .impact-title h1 .impact_second-line {font-size: 4.4rem;}
    .impact-title h1 .impact_third-line {max-width: 450px;font-size: 2.4rem}
    .impact-title h1 .impact_dots {font-size: 4.6rem;}

}

@media screen and (max-width: 1150px) {

	/********* OUR WORK**********/
	.our-work__title {font-size: 3rem;}

	/********* CASE STUDIES **********/
	.case-studies-block { display:block }
	.case-studies__image ,
	.case-studies__panel {width:100%}
	.case-studies__image img { height:300px!important }

	/********* TEXT BLOCK **********/
	.text-block {background-size:auto 75%}
	.text-block__inner { padding:140px 0 200px 20%;}
	.text-block__title { font-size: 3.6rem; }

}

@media screen and (max-width:1000px) {
	.home-sde { padding-left:0px}

    #header-outer #top #logo img, #header-outer[data-transparent-header=true][data-permanent-transparent=false] #logo .dark-version {top:10px;}
    #top .span_9>.slide-out-widget-area-toggle {height:auto}

    #header-outer.scrolling #top .col.span_9 { height:110px } 
}

@media screen and (max-width: 950px) {

    /********* INTRO BLOCKs **********/
	.intro-block__left {padding:30px;width:100%; margin-bottom: 30px}
	.intro-block__right {width:100%; padding-left: 0px}

    /********* CASE STUDIES GRID **********/
    .case-studies-grid { padding: 24px; }
    .case-studies-grid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(300px, 48vw, 430px); }
    .case-studies-grid__item:nth-child(10n + 1), .case-studies-grid__item:nth-child(10n + 7) { grid-column: span 1; }
    .case-studies-grid__item:nth-child(5n + 1) { grid-column: span 2; }

}

@media screen and (max-width: 800px) {

	/********* COVER SLIDER **********/
	.cover-slider__content { text-align:center; }
	.cover-slider__title { letter-spacing: 0; font-size:32px!important; line-height:32px!important}


	/********* PAGE BANNER **********/
	.page-banner__pre-title { font-size:1.2rem }
	.page-banner__title { font-size:45px }
	.cover-slider__subtitle { line-height:1em; font-size:1.4rem }

	/********* TESTIMONIAL **********/
	.testimonial__name { font-size:1.1rem }
    .testimonial__quote {font-size: 1.4rem!important;line-height: 2rem!important}

    .testimonial__quote.small-font {font-size: 1.2rem!important;line-height: 1.8rem!important}

	/********* TEXT BLOCK **********/
	.text-block {background-size:auto 50%}

	/********* SECTORS **********/
	.sectors__grid {grid-template-columns: 1fr;display: block;}
	.sectors__item,
    .sectors__item--tall,
    .sectors__item--wide { grid-row: auto;grid-column: auto;}
    .sectors__item { margin-bottom:20px }
    .sectors__item-title {font-size: 38px!important;}

    /********* OUR SERVICES **********/
    .our-services__list { column-count:1 }
    blockquote.our-services__testimonial-text { font-size:1.4rem;line-height: 2rem}
    .our-services__testimonial-name { font-size:1.1rem }

	/********* SINGLE CASE STUDY **********/
    .single-case-study__group {width:100%;margin-right: 0; margin-bottom: 30px}
    .single-case-study__groups { margin-bottom:0px }
    .single-case-study__group-title { font-size:1.6rem!important }
    .single-case-study__list {font-size: 1.2rem}
	

	/********* RECENT WORK GRID **********/
	.recent-work-grid__item--1 {width:100%;margin-right: 0%; margin-left:0;float:none}
	.recent-work-grid__item--1 img{height: 240px !important;}

	.recent-work-grid__item--2 {width:49%; margin-right: 2%;}
	.recent-work-grid__item--2 img {height: 240px !important;}

	.recent-work-grid__item--3 {width:49%; margin-right:0;}
	.recent-work-grid__item--3 img {height:240px!important}

	.recent-work-grid__item--4 {width:100%;float:none;}
	.recent-work-grid__item--4 img {height: 300px!important}

	.recent-work-grid__item--5 {width:100%; margin-right: 0%;float:none }
	.recent-work-grid__item--5 img {height:240px!important}

	.recent-work-grid--layout-2 .recent-work-grid__item--1 img{height: 500px !important;}
	.recent-work-grid--layout-2 .recent-work-grid__item--2 img{height: 700px !important;}
	.recent-work-grid--layout-2 .recent-work-grid__item--3 img{height: 250px !important;}
	.recent-work-grid--layout-2 .recent-work-grid__item--4 img{height: 180px !important;}
	.recent-work-grid--layout-2 .recent-work-grid__item--5 img{height: 180px !important;}

    /********** BLOG ADVANCED SEARCH **************/
    .blog-advanced-search__form {grid-template-columns: repeat(2, 1fr);}


}

@media screen and (max-width: 767px) {
    body #header-outer #top #logo img { height:35px!important; width:auto }
    #header-outer .row .col.span_9 { padding-top:10px }
    #header-outer.scrolling #top .col.span_9 { height:90px } 



}

@media screen and (max-width: 750px) {

	/********* OUR WORK **********/
	.our-work__image { width:100%;height:250px }
	.our-work__content {width:100%;padding:30px 0 30px 0}

	/********* SECTORS **********/
	.sectors__item-title{font-size: 32px!important;}

	/********* TEXT BLOCK **********/
	.columns-col-2 .text-block__content,
	.columns-col-3 .text-block__content {column-count: 1;column-gap: 0px;}
	.columns-col-2 .text-block__title,
	.columns-col-3 .text-block__title {font-size: 2rem; line-height: 1.1em}

    /****** INTRO BLOCK *******/
    .intro-block__title { font-size:1.8rem!important; line-height: 1.2rem!important}

    /********* IMPACT TITLE  **********/
    .impact-title {}
    .impact-title_inner {}
    .impact-title h1 {color:white; }
    .impact-title h1 .impact_top-line {font-size: 5rem;}
    .impact-title h1 .impact_second-line {font-size: 3rem;letter-spacing: 0;margin-top: 10px;}
    .impact-title h1 .impact_third-line {max-width: 350px;font-size: 1.8rem;margin-top: 20px;}
    .impact-title h1 .impact_dots {font-size: 2.6rem; letter-spacing: 0;}


}

@media screen and (max-width: 650px) {

    #header-outer.scrolling #top .col.span_9 { height:100px } 

    /********* IMPACT TITLE  **********/
    .impact-title {}
    .impact-title_inner {margin-left: 0}
    .impact-title h1 { }
    .impact-title h1 .impact_top-line {font-size: 4rem;}
    .impact-title h1 .impact_second-line {font-size: 2.2rem;margin-top: 0;}
    .impact-title h1 .impact_third-line { max-width: 100%;font-size: 1.4rem;margin-top: 15px;}
    .impact-title h1 .impact_dots {font-size: 2rem;}


	/********* PAGE BANNER **********/
	.page-banner__inner { text-align:center; }
	.page-banner__pre-title { font-size:1.1rem }
	.page-banner__title { font-size:38px }
	.page-banner__spacer { margin:0 auto 20px auto }

	/********* TESTIMONIAL **********/
	.testimonial__quote {font-size: 1.4rem;}

	/********* CASE STUDIES **********/
	.case-studies__panel { padding:60px 5% }
	.case-studies__button { margin-bottom:0 }
	.case-studies__text{ font-size: 1.2rem}
	.case-studies__panel.case-studies__panel--one .case-studies__text{ font-size: 1.4rem;}
	.case-studies__pre-title { font-size:1rem }

	/********* TEXT BLOCK **********/
	.text-block {background-size:auto 30%}
	.text-block__inner { padding:60px 0 140px 0;}
	.text-block__pre-title {font-size: 1rem;  margin-bottom: 20px}

	/********* OUR SERVICES **********/
	.our-services__list { width:100%; padding-left:0;border:0; border-top:solid 1px var(--orange); padding-top:30px; font-size:1.2rem }
	.our-services__header { width:100%; padding-right:0; margin-bottom:30px }
	.our-services__container { padding:30px }

	/********* CASE STUDIES GRID **********/
    .case-studies-grid { padding: 20px; }
    .case-studies-grid__items { display: grid; grid-template-columns: 1fr; grid-auto-rows: auto; gap: 10px; }
    .case-studies-grid__item, 
    .case-studies-grid__item:nth-child(10n + 1), 
    .case-studies-grid__item:nth-child(10n + 7), 
    .case-studies-grid__item:nth-child(5n + 1) { grid-column: auto; min-height: 420px; }
    .case-studies-grid__content { padding: 30px; }
    .case-studies-grid__title { font-size: 30px!important; }
    .case-studies-grid__excerpt { font-size: 15px; }

	/********* RECENT WORK GRID **********/
	.recent-work-grid__item--1 img{height: 200px !important;}
	.recent-work-grid__item--2 img {height: 200px !important;}
	.recent-work-grid__item--3 img {height:200px!important}
	.recent-work-grid__item--4 img {height: 250px!important}
	.recent-work-grid__item--5 img {height:200px!important}

	.recent-work-grid--layout-2 .recent-work-grid__item--1 {width:49%;}
	.recent-work-grid--layout-2 .recent-work-grid__item--1 img{height: 500px !important;}

	.recent-work-grid--layout-2 .recent-work-grid__item--2 {width:49%;float:right; margin:0}
	.recent-work-grid--layout-2 .recent-work-grid__item--2 img{height: 300px !important;}

	.recent-work-grid--layout-2 .recent-work-grid__item--3 {width:49%;margin-right: 0; }
	.recent-work-grid--layout-2 .recent-work-grid__item--3 img{height: 177px !important;}

	.recent-work-grid--layout-2 .recent-work-grid__item--4 {width:100%;}
	.recent-work-grid--layout-2 .recent-work-grid__item--4 img{height: 300px !important;}

	.recent-work-grid--layout-2 .recent-work-grid__item--5 {width:100%;margin-right: 0;}
	.recent-work-grid--layout-2 .recent-work-grid__item--5 img{height: 100px !important;}

    /*********** BLOG ADVANCED SEARCH ***************/
     .blog-advanced-search__form {grid-template-columns: 1fr;gap:5px}



}



/* Home page 2025 styling */
.heroCol {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.heroText, .heroText.wpb_wrapper {
    font-family: inherit;
    line-height: 1.2!important;
    color: #fff;
    font-size: 32px;
}
.heroText .bold {
    font-weight: 700!important;
}
.hero div#gform_wrapper_1 {
    margin: 0!important;
}
@media (max-width: 999px) and (min-width: 690px) {
.hero h1 {
    font-size: 48px!important;
    }
.heroText {
    font-size: 24px!important;
}
}
@media (max-width: 689px) {
.hero h1 {
    font-size: 24px!important;
}
.heroText {
    font-size: 16px!important;
}
}
.hero .highlight {
    color: #e86656;
}