/*
Theme Name: Custom Theme
Theme URI: <THEME_URI>
Description: Metre
Author: 
Author URI: 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

*, html {
    scroll-behavior: smooth !important;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.8;
  color: #000000;
  background-color: #ffffff;
 border-top: 1px solid #333333;
  transition: background-color .7s ease;
}

a {
	color: #1b2045;
	transition: 0.5s;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
strong {
    font-weight: 600!important;
}
ul {
  list-style-type: square;
}
::marker {
  color: #1b2045;
}
li {
	margin: .25rem ;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 transparent;
}

.btn  {
	font-size: 18px;
	white-space:normal !important;
	line-height: 1.2;
    border: 0;
    border-radius: 0;
	margin: .5rem 0;
	text-decoration: none;
}

.btn-primary, #searchsubmit, .btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
	font-weight: 600;
	background-color: #1b2045;
	border-radius: 25px;
    padding: .75rem 2.75rem;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	transition: 0.5s;
    background-position: right 25px center;
}


.btn-primary:hover, .btn-primary.active, .btn-primary:active, #searchsubmit:hover, .btn-check:focus+.btn-primary, .btn-primary:focus {
	color: #1b2045;
	background-color: #6bcbb8;
	padding: .75rem 3.75rem .75rem 1.75rem;
	background-image: url(svg/arrow-right.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.grey-hover:hover, .grey-hover:active {
	background-color: #ededed;
}

#searchsubmit {
    border: 0px;
}

.btn-secondary {
    color: #1b2045;
	font-weight: 600;
	background-color: #6bcbb8;
	border-radius: 25px;
    padding: .75rem 2.75rem;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	transition: 0.5s;
	background-position: right 25px center;
}
.btn-secondary:hover, .btn-secondary.active, .btn-secondary:active, .btn-check:focus+.btn-secondary, .btn-secondary:focus {
	color: #1b2045;
	background-color: #ffffff;
	padding: .75rem 3.75rem .75rem 1.75rem;
	background-image: url(svg/arrow-right.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.btn-no-arrow:hover, .btn-no-arrow:active, .btn-no-arrow:focus {
	padding: .75rem 2.75rem;
	background-image: unset;
}

a.slider-button {
	transition: all 0.5s!important;
    background-position: right 20px center!important;
}
a.slider-button:hover {
	background-image: url(svg/arrow-right.svg)!important;
    background-position: right 10px center!important;
    background-repeat: no-repeat!important;
    background-size: 25px!important;
	transition: all 0.5s!important;
}

/*
    TYPE STYLES
*/

h1, h3, h4, h5, h6  {
	font-weight: 800;
	line-height: 1.2;
}
h2  {
	font-weight: 700;
	line-height: 1.2;
	padding-bottom: 10px;
}
h2 a  {
	text-decoration: underline;
}
h4, h5, h6 {
    margin: .85rem 0 .75rem 0;
}
.h4-link a {
	text-decoration: none;
}
.h4-link a:hover {
	color: #6bcbb8;
}
.top-space	h1 {
	font-size: 5rem;
	text-transform: uppercase;
    position: relative;
	color: #ffffff;
	padding: 0;
	text-shadow: 0px 3px 6px #00000029;
}
.top-space-v1	h1 {
	font-size: 5rem;
	text-transform: uppercase;
	line-height: 1;
    position: relative;
	color: #ffffff;
	padding: 0;
	text-shadow: 0px 3px 6px #00000029;
}
.top-space-v2	h1 {
	font-size: 5.5rem;
	text-transform: uppercase;
	line-height: 1;
    position: relative;
	color: #ffffff;
	padding: 0;
	text-shadow: 0px 3px 6px #00000029;
}
h1.top-space-pre-headline  {
	font-size: 5.5rem;
	line-height: .6;
	padding: 0 0 0 15px;
}
h1.top-space-main-headline  {
	padding: 0 0 0 15px;
}
h1.our-work {
	font-size: 3.4rem;
	text-transform: uppercase;
	line-height: 1.02;
    position: relative;
	color: #ffffff;
	padding: 0;
	text-shadow: 0px 3px 6px #00000029;
}
h1.our-work-small {
	font-size: 2.4rem!important;
	text-transform: uppercase;
	line-height: 1.02;
    position: relative;
	color: #ffffff;
	padding: 0;
	text-shadow: 0px 3px 6px #00000029;
}
h1.our-work-subhead  {
	font-size: 2.7rem;
	text-transform: none;
	font-weight: 400!important;
	margin-bottom: 0;
}

h1.our-work-page-top {
	text-transform: uppercase;
	font-weight: 400!important;
	line-height: 1.1;
    padding: 0;
    margin: 0;
}
h1.our-work-page-top strong {
	font-weight: 700!important;
}

.h1-home img {
    padding-bottom: 8px;
	margin-left: -10px;
}
h3.h3-with-icon {
	margin: 100px 0 10px 0;
	    font-size: 3rem;
}
h3.h3-with-icon:before {
	content: " ";
	padding: 0 15px;
	margin: 0 0 0 -20px;
    background-image: url("svg/go-icon.svg") ;
	background-size: 18px;
    background-repeat: no-repeat;
	background-position: center center;
}
.top-space	h1.h1-home {
	font-size: 6em;
	font-weight: 700;
	line-height: 1;
	text-align: left;
    position: relative;
	color: #ffffff;
	padding: 0 0 0 55%;
}
.top-space	h1.h1-home:before {
	content: " ";
	padding: 0;
	margin: 0!important;
	background: none;
}
.top-space	h1.h1-home em {
	color: #1b2045;
}
.top-space {
padding: 220px 20px 100px 20px;
}

.top-space-no-image   {
  padding: 210px 0 0 0;
}
.yoast-breadcrumbs, .yoast-breadcrumbs a {
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
	text-decoration:none;
    font-size: 12px;
    height: 40px;
}
.yoast-breadcrumbs, .yoast-breadcrumbs a:hover {
    color: rgba(255,255,255,0.85);
}
.our-work-tag-row p {
	text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.intro-text {
	font-size: 1.6em;
	font-weight: 600;
	padding:  0 10%;
}
.intro-text-v2 {
	font-size: 1.2em;
	font-weight: 600;
	padding:  0 10%;
}
.intro-text p {
	padding: 2% 0 1% 0;
}

/*
    BLOCK STYLES
*/
.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:focus, .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:active {
    outline: none!important;
}

/*
    GRAVITY FORMS
*/
.gform_wrapper.gravity-theme .gfield .ginput_quantity {
    width: 80px!important;
}
.ginput_quantity_label  {
    font-size: 12px!important;
	font-weight: 800;
    margin-left: 10px!important;
}

.gform_wrapper.gravity-theme .gsection {
    border-bottom: 0!important;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px!important;
    margin-bottom: 2px!important;
}
.gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 12px!important;
    padding-top: 2px!important;
}
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 20px 0 0!important;
    text-align: center!important;
}
.gform_button {
    color: #1b2045!important;
    font-weight: 600!important;
    background-color: #6bcbb8!important;
    border-radius: 0!important;
	border: 0;
    padding: 0.2rem 2rem!important;
}
.gform_button:hover {
	color: #1b2045!important;
    background-color: #ffffff!important;
}
.gform_wrapper .validation_message {
	color: #000000;
    font-size: 13px!important;
	margin: 5px!important;
    padding: 3px 5px!important;
	width: 95%!important;
	border: 0!important;
    border-radius: 0;
}
.gform_wrapper .gform_validation_errors {
    background: transparent!important;
    padding: 16px 16px 8px 48px!important;
}

.gform_wrapper .gfield_required, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_error label {
    color: pink!important;
}


#gform_fields_2 textarea, #gform_fields_2 input, #gform_fields_2 .gform_wrapper.gravity-theme input[type=text], #gform_fields_2 .gform_wrapper.gravity-theme input[type=text]:focus-visible, #gform_fields_2 .gform_wrapper.gravity-theme  input[type=email], #gform_fields_2 .gform_wrapper.gravity-theme .gfield textarea.small  {
	color: #ffffffbe!important;
	background-color: rgba(255, 255, 255, 0.04)!important;
    border-top: 0 solid rgba(255, 255, 255, 0.5) !important;
    border-right: 0 solid rgba(255, 255, 255, 0.5) !important;
    border-left: 0 solid rgba(255, 255, 255, 0.5) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.contact-text h3  {
	font-size: 1.25rem;
	color: #43BEE5;
	margin-bottom: 0.25rem;
}

.contact-text p {
    margin-top: 0;
    margin-bottom: 2rem;
}
.contact-text a  {
	color: #ffffff;
	text-decoration: none;
}
.contact-text a:hover  {
	color: #ffffff;
	text-decoration: underline;
}
/*
    HEADER
*/
.navbar-brand-wrap {
	z-index: 3;
	position: absolute;
}

.single-post .navbar {
    background: #000000!important;
}

#header-logo {
	width: 220px;
	padding: 5px 5px 0 15px;
	-webkit-transition: transform .2s, width .2s;
	-moz-transition: transform .2s, width .2s;
	-o-transition: transform .2s, width .2s;     
	transition: transform .2s, width .5s; 
}
#header-logo:hover {
    transform: scale(1.05);
    -webkit-transition: transform .2s, width .2s;
    -moz-transition: transform  .2s, width .2s;
    -o-transition: transform .2s, width .2s;
    transition: transform .2s, width .2s;
}
/*
    NAV
*/

.inner-nav-wrap {
width: 100%;
padding: 0 ;
margin: auto !important;
}

.navbar {
padding: 15px 0 10px 0;
  -webkit-transition:padding 0.2s ease;
  -moz-transition:padding 0.2s ease; 
  -o-transition:padding 0.2s ease;        
  transition:padding 0.2s ease;  
}


/*
    RESIZE HEADER ON SCROLL - SEE CUSTOM JS
*/
.post-type-archive .resize-navbar {
background-color: #000000;
padding: 15px 0 20px 0;
}
.post-type-archive #mega-menu-wrap-primary {
    padding-top: 5px;
}

.resize-navbar {
background-color: unset;
transition: background-color .5s linear;
}

.single-work-slide-content .resize-navbar {
    background-color: rgba(0, 0, 0, 1.0);
    }

.short-navbar {
padding: 10px 0 ;
background-color: rgba(0, 0, 0, 1.0);
transition: background-color 1s linear;
}
.small-logo {
	width: 190px!important;
}





/*
    BACK TO TOP
*/
.back-to-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    display: none;
    z-index: 15;
    border-radius: 0;
	background-color: rgba(255, 255, 255, 0.25);
}
.back-to-top:hover {
	background-color: rgba(255, 255, 255, 0.45);
}
.arrow-up {
display:inline-block;
width: 40px;
height: 40px;
	padding: 5px;
  background-image: url("svg/arrow-up.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
}

/*
    POST
*/

.next-previous-nav-row  {
    text-transform: uppercase;
    font-weight: bold;
	padding: 40px 30px 40px 30px;
    background-color: #ffffff;
}
.next-previous-nav-row p {
    margin: 0;
}

.next-previous-nav-row a  {
	display: inline-block;
    text-decoration: none;
	transition: all 300ms;
}
.next-previous-nav-row a:hover  {
	color: #6bcbb8;
}
.center-back-to {
	text-align: center;
	width: 100%;
	padding: 1rem;
}

.post-previous a {
	width: 100%;
	padding: 1rem 0 1rem 2.5rem;
	background-image: url(svg/angle-left.svg);
	background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 15px;
}
.post-previous a:hover {
    background-position: left 2px center;
}
.post-next a {
    float: right;
	text-align: right;
	width: 100%;
	padding: 1rem 2.5rem 1rem 0;
    background-image: url(svg/angle-right.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.post-next a:hover {
    background-position: right 2px center;
}


/*
    FOOTER
*/
.footer-column {
	min-width: 300px;
}
.footer-menu-wrap  {
	padding: 20px 0;
	background-color: #1b2045;
	color: #ffffff;
}
.footer-menu-wrap a  {
	color: #ffffff;
	text-decoration: none;
}
.footer-menu-wrap a:hover  {
	color: rgba(255, 255, 255, 0.8);
}

#footer-logo {
	width: 230px;
	padding: 20px 0 10px 0;
	display: block;
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -o-transition: transform .2s;     
  transition: transform .2s; 
}

#footer-logo:hover {
  transform: scale(1.05);
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -o-transition: transform .2s;     
  transition: transform .2s; 
}
.footer-heading {
	text-transform: uppercase;
    font-weight: 600;
	color: #6bcbb8;
}
.footer-heading-contact {
	padding-right: 20px;
}

.footer-head-email-list {
	font-size: 110%;
    font-weight: 600;
	color: #6bcbb8;
}
.footer-cols {
	margin: 0;
	padding: 70px 0 50px 0;
}
.footer-address-left, .footer-address-right  {
margin: 20px 0;
}

.footer-menu-block ul {
    padding: 0;
	margin: 2rem auto 0 auto!important;
	list-style-type: none;
}
.footer-menu-block li  {
	margin: 0.25rem 0;
}
.bold-menu {
	margin-bottom: -0.25rem;
}
.footer-menu-block li a {
    display: block;
	text-transform: uppercase;
}
.footer-menu-block li a {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}
.footer-menu-block li a:hover {
	color: rgba(255, 255, 255, 0.8);
}
.footer-menu-block .bold-menu a {
    font-weight: 600;
	color: #6bcbb8;
}
.fa {
	width: 40px;
    text-align: center;
    padding: 10px;
    border-radius: 99px;
}
.fa:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.copyright-block {
	padding: 25px 10px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
}
.copyright-block a {
	color: rgba(255, 255, 255, 0.5);
}
.footer-social-icons {
    display: inline;
	font-size: 20px;
}
.footer-email-link {
    display: inline;
	font-weight: 700;
}
.footer-email-unsubscribe {
    display: inline;
	font-size: 12px;
}
.column-top-border {
	border-top: solid 1px  rgba(255, 255, 255, 0.2);
	margin: 20px 0;
}
.column-top-border-no-line {
	border-top: solid 1px rgba(255, 255, 255, 0.1);
    margin: 20px 0;
}
/* Block Styles */
.footer-menu-wrap .container-fluid {
padding-right: 0;
padding-left: 0;
}

.max-content-width {
	max-width: 1700px;
	margin: auto;
}
.xl-content-width {
	max-width: 1200px;
	margin: auto;
}

.display-inline .wp-bootstrap-blocks-button {
    display: inline;
}

.offset-top {
    margin-top: -35px;
    position: relative;
    z-index: 200;
}

.wp-block-image img {
	border-radius: 20px!important;
    height: auto!important;
}
.no-radius img {
	border-radius: 0!important;
}
.our-work-image-group-row .wp-block-cover {
    border-radius: 20px !important;
}
.wp-block-cover .no-radius img {
    border-radius: 0 !important;
}

.n2-ss-item-content .wp-block-image img {
    border-radius: 0 !important;
    height: auto;
}
.rounded-corners span, .rounded-corners video {
	border-radius: 20px!important;
}

.not-rounded img {
	border-radius: 0px!important;
}

.no-margin {
	margin: 0 auto!important;
}


.wp-block-image .aligncenter>figcaption  {
    text-align: center;
	font-size: 80%;
	line-height: 1.1;
}

.column-border  {
    border: 1px solid #cccccc;
	margin-bottom: 20px;
}

.capabilities-row  {
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2)!important;
	position:relative!important;
}

.video-section  {
	height: 600px;
}
.video-section  h2, .video-section  p {
	color: #ffffff!important;
}
.video-section  h2 {
	font-size: 3rem;
}
.video-cover img {
    border-radius: 20px;
}

iframe  {
    border-radius: 20px;
}
.smallsquare iframe {
	border-radius: 20px;
	margin: 0 auto;
	display: block;
    width: 300px;
	height: 300px;
}



.research-capabilities > div {
background: #ffffff;
background-image: -webkit-linear-gradient(top, #6bcbb8 35px, #ffffff 35px, #ffffff 100%);
background-image: -moz-linear-gradient(top, #6bcbb8 35px, #ffffff 35px, #ffffff 100%);
background-image: -o-linear-gradient(top, #6bcbb8 35px, #ffffff 35px, #ffffff 100%);
background-image: -ms-linear-gradient(top, #6bcbb8 35px, #ffffff 35px, #ffffff 100%);
background-image: linear-gradient(top, #6bcbb8 35px, #ffffff 35px, #ffffff 100%) ;
}

.strategy-capabilities > div {
background: #ffffff;
background-image: -webkit-linear-gradient(top, #1b1f48 35px, #ffffff 35px, #ffffff 100%);
background-image: -moz-linear-gradient(top, #1b1f48 35px, #ffffff 35px, #ffffff 100%);
background-image: -o-linear-gradient(top, #1b1f48 35px, #ffffff 35px, #ffffff 100%);
background-image: -ms-linear-gradient(top, #1b1f48 35px, #ffffff 35px, #ffffff 100%);
background-image: linear-gradient(top, #1b1f48 35px, #ffffff 35px, #ffffff 100%);
}
.creative-capabilities > div {
background: #ffffff;
background-image: -webkit-linear-gradient(top, #00bfe9 35px, #ffffff 35px, #ffffff 100%);
background-image: -moz-linear-gradient(top, #00bfe9 35px, #ffffff 35px, #ffffff 100%);
background-image: -o-linear-gradient(top, #00bfe9 35px, #ffffff 35px, #ffffff 100%);
background-image: -ms-linear-gradient(top, #00bfe9 35px, #ffffff 35px, #ffffff 100%);
background-image: linear-gradient(top, #00bfe9 35px, #ffffff 35px, #ffffff 100%);
}
.media-capabilities > div {
background: #ffffff;
background-image: -webkit-linear-gradient(top, #c24a45 35px, #ffffff 35px, #ffffff 100%);
background-image: -moz-linear-gradient(top, #c24a45 35px, #ffffff 35px, #ffffff 100%);
background-image: -o-linear-gradient(top, #c24a45 35px, #ffffff 35px, #ffffff 100%);
background-image: -ms-linear-gradient(top, #c24a45 35px, #ffffff 35px, #ffffff 100%);
background-image: linear-gradient(top, #c24a45 35px, #ffffff 35px, #ffffff 100%);
}
.our-work-cover {
background: #1b2045;
}
@media screen and (max-width: 991px) {
    .reduced-height {
        min-height: 200px!important;
    }
    
}

.capabilities-wrapper {
    display: flex;
    flex-direction: column;
}
.capabilities-box {
    height: 100%;
}
.capabilities-wrapper > div {
    height: 100%;
}
.capabilities-box img {
	border-radius: 0!important;
	padding: 0 0 50px 0!important;
}
.capabilities-box > div {
	border-radius: 20px;
	padding: 45px 10px 20px 10px!important;
    background-color: #ffffff;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    height: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 150%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.capabilities-box > div:hover {
    transform: scale(1.05);
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.capabilities-box h1, .capabilities-box h2, .capabilities-box h3, .capabilities-box h4, .capabilities-box h5, .capabilities-box h6, .capabilities-box p {
    text-align: center;
}
.capabilities-box h5 {
	text-transform: uppercase;
    font-weight: 200;
}

.research-solutions > div {
	background-image: linear-gradient(0deg, rgba(35, 35, 35, .8), rgba(35, 35, 35, .8)), url("images/capabilities-research.jpg");
}
.strategy-solutions > div {
	background-image: linear-gradient(0deg, rgba(35, 35, 35, .8), rgba(35, 35, 35, .8)), url("images/capabilities-strategy.jpg");
}
.creative-solutions > div {
	background-image: linear-gradient(0deg, rgba(35, 35, 35, .8), rgba(35, 35, 35, .8)), url("images/capabilities-3.jpg");
}
.media-solutions > div {
	background-image: linear-gradient(0deg, rgba(35, 35, 35, .8), rgba(35, 35, 35, .8)), url("images/capabilities-media2.jpg");
}


.solutions-box > div {
	border-radius: 20px;
	padding: 0!important;
    background-color: #1b2045;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    height: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 150%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.solutions-box > div:hover {
    transform: scale(1.05);
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.solutions-box .wp-block-tiptip-hyperlink-group-block {
	padding: 80px 3rem 3rem 3rem!important;
}
.solutions-box h1, .solutions-box h2, .solutions-box h3, .solutions-box h4, .solutions-box h5, .solutions-box h6, .solutions-box p {
    color: #ffffff;
}
.solutions-box h5 {
	text-transform: uppercase;
    font-weight: 200;
}
.solutions-box a {
	text-decoration: none;
}

h2.level-two-subheads {
    font-weight: 400!important;
    padding: 5px 10px 10px 65px;
    background-size: 50px 50px;
    background-position: top left;
    background-repeat: no-repeat;
}

.icon-one {
    background: url(svg/icon-one.svg);
}
@media (max-width: 767px) {
    h2.level-two-subheads {
        background-size: 40px 40px;
        padding: 5px 10px 10px 50px;
    }
    }

.zoom-hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}
.zoom-hover:hover {
  transform: scale(1.05);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}

.border-hover img {
	background-color:#1b2045;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}
.border-hover img:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}
.border-white-hover img {
	background-color:#ffffff;
	border: 0px solid #ffffff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}
.border-white-hover img:hover {
	background-color: #ffffff;
	border: 8px solid #ffffff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;     
  transition: all .5s; 
}
.video-caption > div {
	background-color: #ffffff;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	height: 100%;
}

.contact-box > div {
	margin: 30px 0 60px 0;
	background-color: #1b2045;
	color: #ffffff;
}
.contact-box p {
	line-height: 1.8;
}
.contact-box h3 {
	color: #ffffff
}
.contact-box a {
	color: #ffffff
}
.contact-box a:hover {
	color: #ffffff
}
.partner-for  {
	padding: 10px 10px 0 10px;
}
.partner-for h2 {
    margin: 0.85rem 0 0 0;
}

.content-row-post {
	padding: 130px 30px 20px 30px;
}
.h1-404 {
	font-size: 3rem!important;
	text-transform: unset!important;
  padding: 90px 0 0 0!important;
  text-align: center;
}
.content-row-404 {
  padding: 50px 15px 40px 15px;
  text-align: center;
}

.uagb-question {
    text-decoration: underline;
}
.uagb-question:hover {
    text-decoration: none;
}


/* Backgrounds */
.background-case-study-1a {
    height: 100%;
    background: linear-gradient(#ffffff 85%, rgba(112, 52, 112, .8) 15%), url("images/home.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll, fixed;
    background-size: cover, cover;
}
.background-case-study-1 {
    color: #ffffff!important;
    color: #ffffff!important;
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: linear-gradient(0deg, rgba(112, 52, 112, .8), rgba(112, 52, 112, .8)), url("images/home.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll, fixed;
    background-size: cover, cover;
}


.background-case-study-2-SAVE {
    color: #ffffff!important;
    padding-top: 90px;
    padding-bottom: 90px;
    background-image:  linear-gradient(0deg, rgba(112, 52, 112, .8), rgba(112, 52, 112, .8)), url("images/image-18.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll, fixed;
    background-size: cover, cover;
}

.background-case-study-2 {
    padding-top: 180px;
    padding-bottom: 90px;
    background-image:  linear-gradient(0deg, rgba(237, 152, 138, .8), rgba(237, 152, 138, .8)), url("images/image-18.jpg");
background-repeat: repeat-y;
    background-position: 50% 0;
}
.background-case-study-4 {
	color: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
    background-image:  linear-gradient(0deg, rgba(26, 52, 92, .8), rgba(26, 52, 92, .8)), url("images/image-organic.jpg");
	background-repeat: repeat-y;
    background-position: 50% 0;
}

.background-case-study-3a {
    margin-bottom: 30px!important;
}
.background-case-study-3-SAVE {
    padding-top: 160px;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, rgba(255, 212, 134, .8), rgba(255, 212, 134, .8)), url("images/image-26a.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll, fixed;
    background-size: cover, cover;
}

.background-case-study-5a {
    padding-top: 160px;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, rgba(67, 190, 229, .85), rgba(67, 190, 229, .85)), url("images/top-ramsey-home5a.jpg");
background-repeat: repeat-y;
    background-position: 50% 0;
}
.background-case-study-5b {
    padding-top: 160px;
    padding-bottom: 90px;
    background-image: linear-gradient(0deg, rgba(67, 190, 229, .85), rgba(67, 190, 229, .85)), url("images/top-ramsey-recycles.jpg");
background-repeat: repeat-y;
    background-position: 50% 0;
}
.background-case-study-5b-SAVE {
    padding-top: 160px;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, rgba(67, 190, 229, .85), rgba(67, 190, 229, .85)), url("images/top-ramsey-home5c.jpg");
background-repeat: repeat-y;
    background-position: 50% 0;
}
.background-case-study-alex {
    padding: 90px 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url("images/alexandria-college-shield.png"), #ffffff;
background-repeat: no-repeat;
	background-size: 45%;
    background-position: 0 50%;
}

.background-light-blue {
	color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: linear-gradient(0deg, rgba(67, 190, 229, 1), rgba(67, 190, 229, 1));
    background-position: center center;
}

.background-medium-blue {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, rgba(67, 133, 172, 1), rgba(67, 133, 172, 1));
    background-position: center center;
}

.background-red {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: linear-gradient(0deg, rgba(129, 58, 57, 1), rgba(129, 58, 57, 1));
    background-position: center center;
}
.background-bright-red {
	color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(0deg, rgba(215, 49, 67, 1), rgba(215, 49, 67, 1));
    background-position: center center;
}
.background-salmon {
    padding-top: 80px;
    padding-bottom: 80px;
    background-image:  linear-gradient(0deg, rgba(237, 152, 138, 1), rgba(237, 152, 138, 1));
}

.background-grey {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #231f20;
    background-position: center center;
}
.background-black {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #000000;
    background-position: center center;
}
.background-dark-blue {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #00314a;
    background-position: center center;
}

.background-black-diagonals {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url(images/black-diagonals.jpg), linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
	background-position: center center;
    background-size: cover;
}

.background-blue-pills {
	color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url(images/blue-pills.jpg), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background-position: center center;
    background-size: cover;
}

.blue-background h5, .background-case-study-1 h5, .background-case-study-2 h5, .background-case-study-3 h5,  .background-case-study-4 h5,  .background-case-study-5a h5,  .background-case-study-5b h5, .black-shade-05 h5, .white-background h5, .video-section h5 {
	font-weight: 300;
	text-transform: uppercase;
}

.blue-background-lower {
    height: 100%;
    background: linear-gradient(#ffffff 85%, #1b2045 15%);
}

.blue-background {
    background-color: #1b2045;
	color: #ffffff!important;
	padding-top: 90px;
	padding-bottom: 90px;
}
.background-black h2, .background-grey h2, .background-black h3, .background-black-diagonals h2, .background-black-diagonals h3, .background-case-study-3 h2, .blue-background h2, .blue-background h5{
	color: #ffffff!important;
}
h3.blue-header, h3.blue-header a, h3.blue-header a:hover {
	text-decoration: none;
	color: #43BEE5!important;
	border-bottom: 2px solid rgba(255,255,255,0.00);
	  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;     
  transition: all .25s; 
}
h3.blue-header a:hover {
  border-bottom: 2px solid #43BEE5;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;     
  transition: all .25s; 
}

.case-study-h2 {
	font-size: 3rem;
}
.level-2-h2 {
	font-size: 2.5rem;
}
.level-2-h5 {
	font-weight: 300;
}
.black-shade-lower {
    height: 100%;
    background: linear-gradient(#ffffff 80%, rgba(0, 0, 0, .05) 20%);
}

.black-shade-05 {
    background-color: rgba(0, 0, 0, .05);
	padding-top: 50px;
    padding-bottom: 50px;
}
.white-background {
    background-color: rgba(255, 255, 255, 1);
	padding-top: 50px;
    padding-bottom: 50px;
}

.bkgd-narrow-top {
	padding-top: 40px;
}
.bkgd-no-top {
	padding-top: 0;
}
.background-container-white {
	background-color: #ffffff;
}
.background-white {
	padding: 50px 0;
}

.background-home {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/home.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 5% left 25%;
  background-size: cover;
}

.background-about {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-about.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 10% left 25%;
  background-size: cover;
}

.background-work {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-our-work2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 25% left 25%;
  background-size: cover;
}
.background-capabilities {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-capabilities-2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 5% left 55%;
  background-size: cover;
}
.background-research {
    background-image:  linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/capabilities-creative2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 65% left 75%;
  background-size: cover;
}
.background-strategy {
  background-image:  linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/capabilities-strategy.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
.background-creative {
  background-image:  linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/capabilities-3.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 65% left 25%;
  background-size: cover;
}
.background-media {
  background-image:  linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/capabilities-media.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 50% left 45%;
  background-size: cover;
}
.background-solutions {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/image-31.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
.background-contact {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-contact.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.background-about-v2  {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-about.jpg");
    background-position: top 10% left 25%;
 }
 .background-work-v2 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-our-work2.jpg");
    background-position: top 25% left 25%;
  }
  .background-capabilities-v2 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-capabilities-2.jpg");
    background-position: top 5% left 55%;
  }
  .background-research-v2 {
      background-image:  linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/capabilities-creative2.jpg");
    background-position: top 65% left 75%;
  }
  .background-strategy-v2 {
    background-image:  linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url("images/capabilities-strategy.jpg");
    background-position: top 1% left 50%;
  }
  .background-creative-v2 {
    background-image:  linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url("images/capabilities-3.jpg");
    background-position: top 1% left 25%;
  }
  .background-media-v2 {
    background-image:  linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url("images/capabilities-media.jpg");
    background-position: top 30% left 45%;
  }
  .background-solutions-v2 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/image-31.jpg");
    background-position: top 1% left 50%;
  }
  .background-contact-v2 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-contact.jpg");
    background-position: top 1% left 50%;
  }

.our-work-headline-background {
  background-image: url("svg/rounded-background.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center  center;
  background-size: cover;
}
.our-work-bg-darker {
    background-image: url("svg/rounded-bg-darker.svg");
}
.background-our-work-headline {
  padding: 20px 10px 25px 25px;
}

.top-space-fixed-bg {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  }
  
@media (max-width: 991.98px) {
    .top-space-fixed-bg {
        background-attachment: unset; /* correct fixed image on mobile */
      }
}

.top-space-v1 {
  padding: 330px 0px 120px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center,  top center;
  background-size: cover, auto 650px;
-webkit-background-size: cover, auto 650px;
-moz-background-size: cover, auto 650px;
-o-background-size: cover, auto 650px;
}
.top-space-v2 {
  padding: 330px 0 120px 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover, auto 650px;
-webkit-background-size: cover, auto 650px;
-moz-background-size: cover, auto 650px;
-o-background-size: cover, auto 650px;
}

.top-space-v2 .has-parallax  {
    background-position: 66% 20% !important;
  }


.background-our-work {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("images/top-our-work2.jpg");
  background-size: cover;
}
.background-ramsey  {
  background-image: linear-gradient(0deg, rgba(33, 128, 61, .7), rgba(33, 128, 61, .7)), url("images/top-ramsey.jpg");
  background-position: top 0% left 50%;
}
.background-gundersen  {
  background-image: linear-gradient(0deg, rgba(26, 52, 92, .7), rgba(26, 52, 92, .7)), url("images/top-gundersen.jpg");
  background-position: top 0% left 50%;
}
.background-alexandria  {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("images/top-alexandria.jpg");
  background-position: top 0% right 50%;
}
.background-ramsey-washington  {
  background-image: linear-gradient(0deg, rgba(26, 52, 92, .7), rgba(26, 52, 92, .7)), url("images/top-ramsey-washington.jpg");
  background-position: center center, top -50px left 80%;
}
.background-redfeather  {
  background-image: linear-gradient(0deg, rgba(26, 52, 92, .7), rgba(26, 52, 92, .7)), url("images/top-redfeather.jpg");
  background-position: center center, top 0px left 80%;
}
.background-wellspring  {
  background-image: linear-gradient(0deg, rgba(0, 125, 165, .7), rgba(0, 125, 165, .7)), url("images/top-wellspring.jpg");
  background-position: top 0% right 30%;
}
.background-organic-valley  {
  background-image: linear-gradient(0deg, rgba(129, 58, 57, .7), rgba(129, 58, 57, .7)), url("images/top-organic-valley.jpg");
  background-position: center center, top -50px right 30%;
  background-size: cover, auto 800px!important;
}
@media (max-width: 991.98px) {
    .background-organic-valley  {
        background-size: cover, auto 550px!important;
      }
}

.background-kwik-trip  {
    background-image: linear-gradient(0deg, rgba(214, 49, 67, .7), rgba(214, 49, 67, .7)), url("images/top-kwik-trip-2.jpg");
    background-position: center center, top -120px right 60%;
    background-size: cover, auto 800px!important
  }
  .background-mn-parks  {
      background-image: linear-gradient(0deg, rgba(0, 54, 96, 0.7), rgba(0, 54, 96, 0.7)), url("images/top-mn-parks.jpg");
      background-position: top 0% right 25%;
  }
  .background-hennepin  {
      background-image: linear-gradient(0deg, rgba(255, 70, 33, 0.7), rgba(255, 70, 33, 0.7)), url("images/top-see-mental-health.jpg");
      background-position: top 0% left 25%;
   }

/* Special section with social posts */

.wrapper-scroll-row {
    position: relative;
    z-index: 100;
}

.sticky-content {
    position: relative;
    z-index: 200 ;
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* required */
}

.fspp-starter-image-row {
    min-height: 700px;
    position: absolute;
    top: 0;
    z-index: 100;
}

.col-scroll-social-row {
    min-height: 700px;
    position: relative;
    z-index: 100;
}

.background-fspp-color  {
    background-color: #0E643A;
    color: #ffffff;
}
.background-fspp  {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0px, rgba(255, 255, 255, 1) 100px, #039447 100px, #039447  100%);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
}
.background-fspp-image  {
    background-image: url("images/fssp-background-images.png");
    background-position: top center;
    background-size: auto 500px!important;
    background-repeat: no-repeat;
    min-height: 500px;
}
.circle-background  {
    background-image: url("svg/green-circle-part.svg");
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
    .background-fspp  {
        min-height: 420px;
    }
    .background-fspp-image  {
        background-size: auto 420px!important;
        min-height: 420px;
    }
    .background-fspp .wp-block-image {
        padding-top: 1rem !important;
    }
}




.black-shade {
    background-color: rgba(0, 0, 0, .8);
}

.transform-scale { transition: all .2s ease-in-out; }
.transform-scale:hover { transform: scale(1.1); }



.no-padding {padding: 0;}

/* Block customizations  */

.kt-blocks-accordion-icon-trigger {
    background-image: url(svg/angle-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center, center;
}

button[aria-expanded="true"] .kt-blocks-accordion-icon-trigger  {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.kt-blocks-accordion-icon-trigger:before, .kt-blocks-accordion-icon-trigger:after  {
    display: none;
}

.kt-modal-height-full {
    height: 95%!important;
    margin: 0;
}

.grecaptcha-badge {
  display: none;
}

.hide-item, .hide-block {
  display: none;
}

/* Scrollbar Width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #ebebeb;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #6bcbb8;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #96f6e2;
  }

@media (max-width: 767px) {
    .kt-title-item a {
        margin-top: 10px;
    }
    }

/* Our Work */
.our-work-block {
	position: relative;
    transform: scale(1.0);
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.our-work-block:hover {
    transform: scale(1.05);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

figure.our-work-image {
    margin: 0!important;
}
.our-work-image img {
	border-radius: 20px!important;
}
.our-work-text {
	position: absolute;
	border-radius: 0 0 20px 20px;
	background-color:rgba(0, 0, 0,  0);
	bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px 10px 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.our-work-text h4 {
    color: #ffffff;
	text-shadow: 0px 0px 2px #00000029;
	font-weight: 600;
	font-size: 1rem;
    line-height: 1.1;
	margin-block-start: .25em;
    margin-block-end: .25em;
}
.our-work-text h3 {
	color: transparent;
    line-height: 0;
	margin-block-start: .25em;
    margin-block-end: .25em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.our-work-block:hover .our-work-text h3 {
    color: #ffffff;
	text-shadow: 0px 0px 2px #00000029;
    line-height: 1.1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.our-work-block:hover .our-work-text h3 {

}

.our-work-block:hover .our-work-text {
	background-color:rgba(0, 0, 0,  0.7);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.our-work-block:hover .blue-overlay {
	background-color:rgba(26, 52, 92,  0.8);
}
.our-work-block:hover .light-blue-overlay {
	background-color:rgba(0, 125, 165,  0.8);
}
.our-work-block:hover .red-overlay {
	background-color:rgba(129, 58, 57, .8);
}
.our-work-block:hover .orange-overlay {
	background-color:rgba(255, 70, 33, 0.8);
}
.our-work-block:hover .bright-red-overlay {
	background-color:rgba(214, 49, 67, .8);
}
.our-work-block:hover .yellow-overlay {
	background-color:rgba(243, 198, 75,  0.8);
}
.our-work-block:hover .dnr-green-overlay {
	background-color:hsla(106, 46%, 50%, 0.8);
}
.our-work-block:hover .green-overlay {
	background-color:rgba(33, 128, 61, 0.8);
}
.our-work-block:hover .pink-overlay {
	background-color:rgba(237, 152, 138,  0.8);
}



.post-password-form {
	background-color: #1b2045;
	color: #ffffff;
    text-align: center;
    margin: auto;
    padding: 120px 20px 60px 20px;
    text-transform: uppercase;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
}

/* Slider customizations  */

.image-showcase .n2-ss-slider .n2-ss-slide-background-image img  {
    border-radius: 20px;
}
div#n2-ss-17  .n2-ss-item-image-content {
    border-radius: 20px!important;
}
.client-image-hover {
    -webkit-transition: transform .2s, width .2s;
    -moz-transition: transform .2s, width .2s;
    -o-transition: transform .2s, width .2s;
    transition: transform .2s, width .5s;
}
.client-image-hover:hover {
    transform: scale(1.05)!important;
    -webkit-transition: transform .2s, width .2s;
    -moz-transition: transform .2s, width .2s;
    -o-transition: transform .2s, width .2s;
    transition: transform .2s, width .2s;
}

.litebox-content {
    background: rgba(0, 0, 0, 0)!important;
}

.slide-overlay-column {
 background: linear-gradient(to bottom, #0E643A 0%,#0E643A 20%,transparent 20%,transparent 70%,#0E643A 70%,#0E643A 100%);
}
@media (max-width: 360.98px) {
.slide-overlay-column {
background: unset;
}
}



/*======================================
=    Background Fade Transition       =
======================================*/
/* panel styles */
.panel {
  /* min height incase content is higher than window height */
  min-height: 50vh;
}

/* colors */
.color-violet {
  background-color: #7A4EAB;
}
.color-indigo {
  background-color: #4332CF;
}
.color-black {
  background-color: #000000;
}
body.color-black  {
  color: #ffffff;
}
.color-blue {
  background-color: #4385ac;
}
.color-blue3289c8 {
    background-color: #3289c8;
}
.color-dnrblue {
    background-color: #003660;
}
body.color-blue  {
  color: #ffffff;
}
.color-darkblue {
  background-color: #00314a;
}
body.color-darkblue  {
  color: #ffffff;
}
.color-green {
  background-color: #4DCF42;
}

.color-green799C4B {
    background-color: #799C4B;
}
.color-green77AD43 {
    background-color: #77AD43;
}
.color-green039447 {
    background-color: #039447;
}
.color-dnrgreen {
    background-color: #62BB46;
  }
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #ff4521;
}
.color-red {
  background-color: rgba(215, 49, 67, 1);
}
body.color-red {
  color: #ffffff;
}
.color-brick {
  background-color: rgba(129, 58, 57, 1);
}
body.color-brick  {
  color: #ffffff;
}

.color-unset {
  background-color: none;
}




/*======================================
=            CUSTOM GUTTER            =
======================================*/

@media(min-width:1200px) {  /* Modify this based on column def */

.custom-gutter > [class*='col-'] {
    padding:30px;
}

.custom-gutter > [class*="col-"]:first-child {
  padding-left:0;
}
  
.custom-gutter > [class*="col-"]:last-child {
  padding-right:0;
}

}

/*
    MEDIA QUERIES MIN
*/
@media only screen and (max-width: 992px) and (min-width: 768px)  {
.medium-padding-left > div {padding-left:120px!important; }
.medium-padding-right > div {padding-right:120px!important;}
}
@media (min-width: 768px)  {
.footer-address-left {
	border-right: solid 1px  rgba(255, 255, 255, 0.2);
	margin-right: 50px;
}

}
	
@media (min-width: 992px) {
.footer-address-left {
	border-right: solid 0;
}

}

@media (min-width: 1200px) {

.level-two-top-container{
	margin: 50px auto 20px auto!important;
}
.footer-address-left {
	border-right: solid 1px  rgba(255, 255, 255, 0.1);
	margin-right: 10px;
}
}

@media (min-width: 1350px) {
.background-top-fixed {
  background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

@media (min-width: 1500px) {
.footer-address-left {
	margin-right: 20px;
}
}

@media (min-width: 2000px) {
.footer-address-left {
	margin-right: 30px;
}
}
@media (min-width: 2500px) {
.footer-address-left {
	margin-right: 30px;
}
}


/*
    MEDIA QUERIES MAX
*/
@media (max-width: 1600px) {
.top-space	h1, .top-space-v1	h1 {
	font-size: 4.5rem;
}
.top-space	h1:before, .top-space-v1 h1:before {
	padding: 0 20px;
	margin: 0 0 0 -20px;
    background-size: 25px;
}
.top-space	h1.h1-home, .top-space-v1	h1.h1-home {
	font-size: 5em;
	padding: 0 0 0 50%;
}
.h1-home img {
    width: 100px!important;
    padding-bottom: 8px;
	margin-left: -5px;
}
}
@media (max-width: 1399px) {
.our-work-headline-background {
	    background-image: url(svg/rounded-background-v2.svg);
	    background-size: contain!important;
	    background-position: center left -100px!important;
}
.our-work-bg-darker {
    background-image: url("svg/rounded-bg-darker-v2.svg")!important;
}
}
/*======================================
=            CUSTOM GUTTER            =
======================================*/

@media(max-width:1200px) {  /* Modify this based on column def */

.custom-gutter > [class*='col-'] {
    padding:10px;
}

.custom-gutter > [class*="col-"]:first-child {
  padding-left:0;
}
  
.custom-gutter > [class*="col-"]:last-child {
  padding-right:0;
}
	.space-column {display:none;}
}

@media (max-width: 1199.98px) {

#header-logo {
	width: 190px;
    padding: 5px 5px 0 5px;
}
	
.top-space	h1, .top-space-v1 h1 {
	font-size: 3.5rem;
}
.top-space	h1.h1-home, .top-space-v1	h1.h1-home {
	font-size: 3em;
	padding: 0 0 0 50%;
}

.background-our-work-headline {
  padding: 20px 10px 20px 15px;
}
.our-work-headline-background {
	    background-position: center left -150px;
}
.h1-home img {
    width: 65px!important;
	height: 60px!important;
    padding-bottom: 5px;
	margin-left: -5px;
}
h3.h3-with-icon {
	margin: 50px 0 0 0;
	font-size: 1.75rem;
}
.contact-overview  {
    font-size: 1.25rem;
	padding: 25px 0;
}


.level-two-top-container{
	margin-top: 30px;
}



}

@media (max-width: 991.98px) {

#header-logo {
	padding-top: 15px;
}
.navbar {
    padding: 0;
}
.navbar-brand {
	padding: 5px 5px 5px 0;
}
.top-space h1, .top-spac-v1 h1 {
	font-size: 3rem;
}
.top-space, .top-space-v1, .top-space-lg {
    padding: 140px 10px 80px 10px;
}
.top-space-v2 h1 {
	font-size: 5.5rem;
}
h1.top-space-pre-headline  {
	font-size: 3.5rem;
	padding: 0 0 0 5px;
}
h1.top-space-main-headline  {
	padding: 0 0 0 5px;
}
.top-space-v2 {
padding: 220px 0 60px 0;
}
	
.our-work-text h3 {
	font-size: 1.2rem;
}

h1.our-work {
	font-size: 2.8rem;
}
h1.our-work-subhead  {
	font-size: 2.0rem;
}
.case-study-h2 {
	font-size: 2rem;
}
.level-2-h2 {
	font-size: 2rem;
}
.video-section  {
	height: 500px;
}
#footer-logo {
	max-width: 180px;
}

.footer-cols {
	margin: 0;
	padding: 20px 0 10px 0;
}
.footer-column {
	padding: 0 25px 5px 25px;
	min-width: unset;
}
.background-case-study-5b {
    padding-top: 90px;
    padding-bottom: 30px;
}
.background-case-study-2, .background-case-study-4, .background-case-study-5a, .blue-background, .black-shade-05, .white-background, .background-white  {
    padding-top: 30px;
    padding-bottom: 30px;
}
	
.background-black, .background-grey, .background-light-blue, .background-medium-blue, .background-red, .background-dark-blue {
    padding-top: 40px;
    padding-bottom: 40px;
}
.background-bottom-home {
  padding-top: 80px;
  padding-bottom: 80px;
}

.action-left-content {
	margin: -30px 0 0 0 ;
	padding: 0 10px 20px 40px;

}

.top-space-no-image   {
  padding: 60px 0 0 0;
}
.p-5 {
    padding: 20px!important;
}
}



@media (max-width: 767.98px) {
body {
    font-size: 14px;
}
.custom-gutter > [class*='col-'] {
    padding:20px 0 0 0 ;
}
.container-box-line-right {
	background-position: right 50px top 0;
}
.green-wave-top {
  padding-top: 60px;
  padding-bottom: 50px;
}
.uagb-post-grid .uagb-post__image img {
    padding: 10px;
}

#header-logo {
	padding-top: 10px;
}

#footer-logo {
    width: 150px;
}

.inner-nav-wrap {
padding: 0;
margin: auto !important;
}
.navbar.navbar-light {
    padding: 0;
	font-weight: normal;
}
.contact-overview  {
    font-size: 1rem;
}
.top-space	h1, .top-space-v1	h1  {
	font-size: 2.5rem;
}
h3.h3-with-icon {
	margin: 20px 0 0 0;
	font-size: 1.25rem;
}
	
h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.25rem;
}
h4 {
    font-size: 1.25rem;
}
h5 {
    font-size: 1rem;
}
h1.our-work {
	font-size: 2.1rem;
}
h1.our-work-subhead  {
	font-size: 1.7rem;
}

.intro-text {
	font-size: 1.2em;
    padding: unset;
}

.wp-block-image {
    max-width: 350px;
	margin: 0 auto 1em auto;
}

div.ignore-width, figure.ignore-width {
    max-width: unset!important;
	margin: 0!important;
}

.vertical-image {
    max-width: 200px;
}
figure.our-work-image {
    max-width: unset;
	margin: 0;
}


.our-work-image-group-row .wp-block-image .alignleft, .our-work-image-group-row .wp-block-image .alignright {
    float: none;
    margin: 0 0.5em;
}
.our-work-image-group-row  .wp-block-spacer {
height: 10px!important;
}
.our-work-image-group-row > div {
/*    margin-top: 0; */
}
.p-5 {
    padding: 1rem .75rem!important;
}
.p-3 {
    padding: .75rem!important;
}
.video-section  {
	height: 400px;
}

.background-black .ms-5 {
    margin-left: 1rem!important;
}
.background-black .me-5 {
    margin-right: .75rem!important;
}
	
.post-previous a {
	text-align: center;
	padding: 1rem 2.5rem 1rem 2.5rem;
}

.post-next a {
    float: none;
	text-align: center;
	padding: 1rem 2.5rem 1rem 2.5rem;
}
.h1-404 {
	font-size: 2rem!important;
}
}


@media (max-width: 575.98px) {


ol {
    padding-inline-start: 5px!important;
}
li {
    margin: .5rem .25rem;
}
.top-space-v2 h1 {
	font-size: 3.5rem;
}
h1.top-space-pre-headline  {
	font-size: 2.5rem;
}
h1.our-work {
	font-size: 2rem;
}
h1.our-work-subhead  {
	font-size: 1.5rem;
}
.top-space-v2 {
padding: 160px 0 50px 0;
}
.solutions-box .wp-block-tiptip-hyperlink-group-block {
	padding: 60px 1.75rem 1.75rem 1.75rem!important;
}
}

@media (max-width: 450px) {
    .btn  {
        font-size: 12px;
    }

.top-space	h1.h1-home {
	padding: 150px 0 20px 5%;
}
.our-work-text {
    padding: 5px 10px 5px 10px;
}
.our-work-text h3 {
	font-size: .9rem;
}


.footer-social-icons {
	display: block;
    padding: 10px;
}
}

@media (max-width: 300px) {
#header-logo {
	padding-top: 12px;
    width: 160px;
}
.navbar-brand-wrap {     /*  Send logo back - make top complete mobile menu  */
	z-index: 0;
}
.wp-block-image img {
    max-width: 100%;
}
.our-work-headline-background {
	background-position: center right 20px;
	background-size: cover;
}
}