/*
Theme Name: mapr
Author: MAPR Agency
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/




/*-- Globals --*/
:root {
 	--gray: #3F484D;
 	--dgray: #D8DADB;
 	--orange: #E86324;
	--lorange: #F89F6C;
	--lgray: #EFF0F1;
	--black: #000000;
	--white: #FFFFFF;
	--font-primary: 'Bebas Neue', sans-serif;
	--font-secondary: 'Montserrat', sans-serif;
}
#main{
	background-color: var(--lgray);
}

#page{
	overflow-x: hidden;
}



/*-- Utilities --*/

.display-none {
	display: none;
}

.cp-accent-fill-container > div::before{
	content: url('/wp-content/themes/mapr/assets/images/comprise-accent-fill-gray.svg');
	width: 315px;
    position: absolute;
    right: -100px;
    bottom: 29px;
}

.cp-inline-link {
	color: var(--orange);
	
}

.cp-col-line-to-right {
	display: flex;
}

.cp-col-line-to-right:before {
	content: "";
    height: 1px;
    width: 100vw;
    background: black;
    display: block;
    position: absolute;
    left: 0;
	top: 50%;
	margin-left: 100%;
}


.cp-column-line-right,
.cp-img-line-left,
.cp-column-line-left {
	display: flex;
    align-items: center;
}

.cp-column-line-right:before {
	content: "";
    height: 1px;
    width: 100vw;
    background: black;
    display: block;
    position: absolute;
    left: 0;
	margin-left: 100%;
}


.cp-col-line-to-left:before {
	content: "";
    height: 1px;
    width: 100vw;
    background: black;
    display: block;
    position: absolute;
    right: 0;
	top: 50%;
	margin-right: 100%;
}

.cp-img-line-left::before {
	content: "";
    height: 1px;
    width: 100vw;
    background: black;
    display: block;
    position: absolute;
    right: 0;
}


.cp-sub-heading-line > div {
    display: flex;
    align-items: center;
}

.cp-sub-heading-line > div::before{
    content: "";
    height: 1px;
    width: 100vw;
    background: black;
    display: block;
    position: absolute;
    left: 0;
}

.cp-sub-heading-line div h2,
.cp-sub-heading-line div h1{
    display: inline;
    background: #EFF0F1;
    z-index: 9;
    padding-right: 30px;
	position: relative;
}

.cp-sub-heading-line-white > div {
    display: flex;
    align-items: center;
} 

.cp-sub-heading-line-white > div::before{
    content: "";
    height: 1px;
    width: 100vw;
    background: var(--lgray);
    display: block;
    position: absolute;
    left: 0;
}


.cp-sub-heading-line-white div h2,
.cp-sub-heading-line-white div h1{
    display: inline;
    background: var(--gray);
    z-index: 9;
    padding-right: 30px;
}

.cp-inline-link:hover {
	text-decoration: underline;
	transition: all .2s ease !important;
	
}

.case-study-link {
	color: var(--gray);
	transition: 0.3 ease;
}

.case-study-link:hover {
	color: var(--orange);
}


.cp-general-link::after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-orange-right.svg');
	height: 16px;
	width: 10.5px;
	display: inline;
	padding-top: 1px;
	padding-left: 12px;
	transition: .2s ease;
}

.cp-general-link:hover::after{
	-webkit-filter: brightness(.8) hue-rotate(27deg) saturate(1703%);
}

.d-block{
	display: block !important;
}

.mt-30 {
	margin-top: 30px;
}

/* Dual Column sections on Services pages - Left column formatting to fit within content bounds */
.dual-col-left .e-con-inner {
	margin-left: auto;
	margin-right: 0px;
	max-width: 520px;
}

/* Dual Column sections on Services pages - Right column formatting to fit within content bounds */
.dual-col-right .e-con-inner {
	margin-left: 0px;
	margin-right: auto;
	max-width: 520px;
}

/* Breakpoint for Tablet */
@media only screen and (max-width: 1024px){

	/* Dual Column sections on Services pages - Left column formatting to fit within content bounds */
	.dual-col-left .e-con-inner {
		margin-left: initial;
		margin-right: initial;
		max-width: 100%;
	}

	/* Dual Column sections on Services pages - Right column formatting to fit within content bounds */
	.dual-col-right .e-con-inner {
		margin-left: initial;
		margin-right: initial;
		max-width: 100%;
	}
}

.services-cta-section-accent::after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-single-page-hero-accent.svg');
    width: 350px;
    height: 245px;
    position: absolute;
    right: -120px;
    bottom: -5px;
}


.services-cta-section-accent-dark-gray::after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-single-page-hero-accent_gray.svg');
    width: 350px;
    height: 245px;
    position: absolute;
    right: -120px;
    bottom: -5px;
}

.services-cta-section-accent-light-gray::after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-single-page-hero-accent_light-gray.svg');
    width: 350px;
    height: 245px;
    position: absolute;
    right: -120px;
    bottom: -5px;
}
@media only screen and (max-width: 768px) {
	.services-cta-section-accent-light-gray::after {
		display: none;
	}
}


/* Global Contact Element - Chevron after link */
.cp-global-contact-section-link > div > h2 > a::after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	height: 32px;
	width: 21px;
	display: inline-block;
	padding-top: 1px;
	padding-left: 12px;
	transition: .2s ease;
	/* 	WHITE CHEVRON */
	-webkit-filter: brightness(10) hue-rotate(390deg) saturate(0%);
	/* ORANGE CHEVRON	 */
	/* 	-webkit-filter: brightness(.8) hue-rotate(27deg) saturate(1703%); */
	transform: scale(3.5);
	position: relative;
	bottom: 45px;
}

/* Global Contact Element - Chevron after link */
.cp-global-contact-section-link > div > h2 > a:hover::after{
	/* 	WHITE CHEVRON */
	-webkit-filter: brightness(10) hue-rotate(390deg) saturate(0%);
	/* ORANGE CHEVRON	 */
	/* 	-webkit-filter: brightness(.8) hue-rotate(27deg) saturate(1703%); */
}

/* Global Contact Element - Chevron after link */
.cp-global-contact-section-link > div > h2 > a:hover{
	text-decoration: underline;
}

/* Breakpoint for Tablet */
@media only screen and (max-width: 1024px){
	/* Global Contact Element - Adjust position of chevron after link for tablet and mobile */
	.cp-global-contact-section-link > div > h2 > a::after{
		position: relative;
		bottom: 20px;
	}
}

.mb-30{
	margin-bottom: 30px !important;
}

.text-lgray{
    color: var(--lgray);
}

/*-- Header --*/
.elementor-location-header{
	z-index: 99;
}


/*-- Footer --*/
.cp-footer-col a,
.cp-footer-col p{
	line-height: 1.4;
	margin-bottom: 0;
}
.footer-link{
	color: var(--gray);
	transition: color .2s;
}
.footer-link:hover{
	color: var(--orange);
}
.cp-footer-col form .gform_footer input[type=submit]{
	width: 100%;
	border: none;
	background: var(--lorange);
	color: var(--gray);
	font-family: var(--font-secondary);
	text-transform: uppercase;
	font-size: 16px;
}
.cp-footer-col form .gform_footer input[type=submit]:hover{
	background: var(--orange);
	color: white;
}
.cp-footer-col .gform_wrapper.gravity-theme .gform_footer{
	padding-top: 0;
	padding-bottom: 0;
}
.cp-footer-hr::before{
	content: "";
    height: 1px;
    background: var(--gray);
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
}
.cp-footer-accent::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-footer-accent.svg);
	height: 300px;
	width: 315px;
	position: absolute;
	right: 0;
	bottom: 9px;
}

/*-- single page --*/
.cp-hero-col::after{
	content: url(/wp-content/themes/mapr/assets/images/comprise-single-page-hero-accent.svg);
    width: 400px;
    height: 280px;
    position: absolute;
    left: -350px;
    bottom: -10px;
}
/* section.single-page-hero-section::after{
	content: url(/wp-content/themes/mapr/assets/images/comprise-single-page-hero-accent.svg);
	width: 500px;
	height: 355px;
	position: absolute;
	left: 0;
	display: block;
} */
.single-page-title-wrap > .elementor-widget-container > .elementor-heading-title{
	display: inline-block;
	position: relative;
}
.single-page-title-wrap > .elementor-widget-container > .elementor-heading-title::after{
	content: "";
    position: absolute;
    width: 100vw;
    height: 10px;
    background: var(--orange);
    display: block;
    bottom: -20px;
	right: -15px;
}


.cp-hero-col.cp-container-hero-col .cp-container-title-and-subtitle {
	width: fit-content;
}

#page .single-page-title-wrap > .cp-hero-col.cp-container-hero-col .cp-container-title-and-subtitle {
	display: inline-block;
	position: relative;
	
}

.cp-hero-col.cp-container-hero-col .cp-container-title-and-subtitle::after {
	content: "";
    position: absolute;
    width: 100vw;
    height: 10px;
    background: var(--orange);
    display: block;
    bottom: -20px;
	right: -15px;
}

/*-- our thoughts --*/
.cp-thoughts-search{
	display: flex;
	align-items: center;
}
.cp-thoughts-search::before{
	content: "Search:";
    font-size: 48px;
    font-weight: 500;
    font-family: var(--font-primary);
	color: #000;
    text-transform: uppercase;
	padding-right: 20px;
	margin-bottom: -10px;
	line-height: 1;
}
.single-post h3,
.single-post h2{
	margin-top: 25px;
}

.cp-thoughts-posts .elementor-post .elementor-post__text{
	display: flex;
}
.cp-thoughts-posts .elementor-post .elementor-post__text .elementor-post__meta-data{
	order: 1;
}
.cp-thoughts-posts .elementor-post .elementor-post__text .elementor-post__title{
	order: 2;
}
.cp-thoughts-posts .elementor-post .elementor-post__text .elementor-post__excerpt{
	order: 3;
}
.cp-thoughts-posts .elementor-post .elementor-post__text .elementor-post__read-more{
	order: 4;
}
.elementor-post__read-more{
	display: flex;
	transition: 0.2 ease;
}

.elementor-post__read-more:hover {
	color: var(--lorange);
	transition: 0.2 ease;
}

.elementor-post__read-more::after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-orange-right.svg');
	height: 16px;
	width: 10.5px;
	display: block;
	padding-top: 1px;
	padding-left: 12px;
	transition: 0.2 ease;
}

.elementor-post__read-more:hover:after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	height: 16px;
	width: 10.5px;
	display: block;
	padding-top: 1px;
	padding-left: 12px;
	transition: 0.2 ease;
}

#cp-thoughts-load-more{
	margin-top: 60px;
}



/*-- News & Views --*/
#cp-news-load-more{
	margin-top: 60px;
}


/*-- Careers & Internships Page --*/

.cp-careers-list-item > div > ul li {
/* 	margin-bottom: 15px; */
/* 	line-height: 1.2; */
}

.cp-careers-inner-form-header {
	color: var(--gray);
	font-family: 'Bebas Neue' !important;
	font-style: normal !important;
	font-size: 32px;
}


.cp-careers-contact-form-name-fields > .gfield_label_before_complex, 
.gform_heading > .gform_title, 
.gform_required_legend, 
.cp-careers-contact-form-fields > .gfield_label > .gfield_required > .gfield_required_asterisk{
	display: none !important;
}

.cp-careers-contact-form-name-fields > .ginput_complex span label {
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: var(--black) !important;
}

.cp-careers-contact-form-fields > .gfield_label {
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: var(--black) !important;
}

.cp-careers-contact-form .gform_footer > input[type="submit"] {
	background-color: var(--lorange);
	color: var(--white);
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 700;
	width: 138px;
}


@media only screen and (max-width: 767px){
	.cp-careers-vertical-border > .elementor-widget-wrap {
		border: none !important;
	}
}

/* Hides the first accordion item */
.cp-careers-accordion > .elementor-widget-container > .elementor-accordion > div:first-child,
.cp-careers-accordion-heading-center > .elementor-widget-container > .elementor-accordion > div:first-child,
.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div:first-child{
	display: none !important;
}

.cp-careers-accordion-no-styling > .elementor-widget-container > .elementor-accordion > div:first-child {
	display: none !important;
}


.cp-careers-accordion > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title:hover,
.cp-careers-accordion-heading-center > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title:hover,
.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title:hover {
	background-color: var(--orange); 
	transition: all 0.3s ease-out;
}

.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title > .elementor-accordion-title {
	color: var(--gray);
	transition: all 0.3s ease-out;
}

.cp-careers-accordion-no-styling > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title > a:hover {
	color: var(--orange);
	transition: all 0.3s ease-out;
}

.cp-careers-accordion-no-styling > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title > .elementor-accordion-title {
	color: var(--lorange);
	transition: all 0.3s ease-out;
}


.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title > a:hover {
	color: var(--white);
	transition: all 0.3s ease-out;
}

.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title {
	text-align: center;
	background-color: transparent; 
	transition: all 0.3s ease-out;
	
}

.cp-careers-accordion > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title,
.cp-careers-accordion-heading-center > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title {
	background-color: var(--lorange); 
	transition: all 0.3s ease-out;
}



.cp-careers-accordion > .elementor-widget-container > .elementor-accordion > div:nth-child(2),
.cp-careers-accordion-no-styling > .elementor-widget-container > .elementor-accordion > div:nth-child(2),
.cp-careers-accordion-heading-center > .elementor-widget-container > .elementor-accordion > div:nth-child(2),
.cp-careers-accordion-heading-center-no-back > .elementor-widget-container > .elementor-accordion > div:nth-child(2){
	border-top: 1px solid #D4D4D4;
}

.cp-careers-accordion-heading-center > .elementor-widget-container > .elementor-accordion > div > .elementor-tab-title {
	text-align: center !important;
}

.cp-careers-first-link > div > h2 {
	text-transform: capitalize !important;
}

.cp-careers-first-link > div > h2 > a {
	color: var(--lorange);
	transition: all .2s ease;
}

.cp-careers-first-link > div > h2 > a:hover{
	color: var(--orange) !important;
	transition: all .2s ease !important;
}
.cp-careers-first-link > div > h2 > a:after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	transform: rotate(90deg) !important;
	transform-origin: 50% 50%;
	height: 11px !important;
	width: 16px !important;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 1px;
	transition: .2s ease;
}

.cp-careers-first-link > div > h2 > a:hover:after{
	-webkit-filter: brightness(.8) hue-rotate(27deg) saturate(1703%);
}




/*-- Business Inquiries Contact Form Page --*/

.cp-business-contact-form-name-fields > .gfield_label_before_complex, 
.gform_heading > .gform_title, 
.gform_required_legend, 
.cp-business-contact-form-fields > .gfield_label > .gfield_required > .gfield_required_asterisk{
	display: none !important;
}

.cp-business-contact-form-name-fields > .ginput_complex span label {
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: var(--black) !important;
}

.cp-business-contact-form-fields > .gfield_label {
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: var(--black) !important;
}


.cp-business-contact-form-fields > .ginput_container_checkbox  .gfield_checkbox {
	display: inline;
}

.cp-business-contact-form .gform_footer > input[type="submit"] {
	background-color: var(--lorange);
	color: var(--white);
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 700;
	width: 138px;
}



/*-- Employment Inquiries Contact Form Page --*/

.cp-employment-contact-form-name-fields > .gfield_label_before_complex, 
.gform_heading > .gform_title, 
.gform_required_legend, 
.cp-employment-contact-form-fields > .gfield_label > .gfield_required > .gfield_required_asterisk{
	display: none !important;
}

.cp-employment-contact-form-name-fields > .ginput_complex span label {
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: var(--black) !important;
}

.cp-employment-contact-form-fields > .gfield_label {
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: var(--black) !important;
}


/* .cp-quote-contact-form-fields > .ginput_container_checkbox  .gfield_checkbox {
	display: inline;
} */

.cp-employment-contact-form .gform_footer > input[type="submit"] {
	background-color: var(--lorange);
	color: var(--white);
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 700;
	width: 138px;
	
}

/*-- Get A Quote Contact Form Page --*/

.cp-quote-contact-form-name-fields > .gfield_label_before_complex, 
.gform_heading > .gform_title, 
.gform_required_legend, 
.cp-quote-contact-form-fields > .gfield_label > .gfield_required > .gfield_required_asterisk{
	display: none !important;
}

.cp-quote-contact-form-name-fields > .ginput_complex span label {
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: var(--black) !important;
}

.cp-quote-contact-form-fields > .gfield_label {
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: var(--black) !important;
}


/* .cp-quote-contact-form-fields > .ginput_container_checkbox  .gfield_checkbox {
	display: inline;
} */

.cp-quote-contact-form .gform_footer > input[type="submit"] {
	background-color: var(--lorange);
	color: var(--white);
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 700;
	width: 138px;
	
}

/*-- Contact Page --*/
.cp-contact-link{
	color: var(--gray);
	transition: color .2s;
	line-height: 20px;
}
.cp-contact-link:hover{
	color: var(--orange);
}

.cp-contact-form-name-fields > .gfield_label_before_complex, 
.gform_heading > .gform_title, 
.gform_required_legend, 
.cp-contact-form-fields > .gfield_label > .gfield_required > .gfield_required_asterisk{
	display: none !important;
}


.cp-contact-location-name {
	font-weight: 600;
	color: var(--black);
}

.cp-contact-location-name:not(:first-child) {
	font-weight: 600;
	color: var(--black);
	margin-top: 30px;
}

.cp-contact-form-name-fields > .ginput_complex span label {
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: var(--black) !important;
}

.cp-contact-form-fields > .gfield_label {
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	color: var(--black) !important;
}

.cp-business-contact-link {
	color: var(--orange);
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	transition: .2s ease;
}

.cp-business-contact-link:not(:first-child) {
	margin-top: 12px;
}
.cp-business-contact-link:hover{
	cursor: pointer;
	color: var(--lorange);
}

.cp-business-contact-link::after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	-webkit-filter: brightness(.8) hue-rotate(27deg) saturate(1703%);
	height: 16px;
	width: 10.5px;
	display: inline;
	padding-top: 1px;
	padding-left: 12px;
	transition: .2s ease;
}
.cp-business-contact-link:hover::after{
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	-webkit-filter: none;
}

.cp-contact-form .gform_body #field_2_5 .ginput_container > .textarea {
	height: 160px;
}
.cp-contact-form .gform_footer > input[type="submit"] {
	background-color: var(--orange);
	color: var(--white);
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 700;
	width: 138px;
	
}
@media only screen and (min-width: 1024px){
	.cp-contact-links-wrap .elementor-container{
		flex-direction: column;
	}
	.cp-contact-links-wrap .elementor-container .elementor-column{
		width: 100%;
	}
}

.eae-modal-content form.cp-contact-form .gform_footer > input[type="submit"] {
	border: none !important;
	transition: 0.3 ease;
}

.eae-modal-content form.cp-contact-form .gform_footer > input[type="submit"]:hover {
	background: var(--lorange);
}

.eae-modal-content form.cp-contact-form label.gfield_label span.gfield_required {
	color: var(--gray);
	font-size: 16px;
}



/*-- Home Page --*/

.cp-home-hero-dynamic-heading {
/* 	position: relative; */
}

.cp-home-hero-dynamic-heading h2 {
	width: 1050px;
}

/* Orange line beneath the dynamic heading */
.cp-home-hero-dynamic-heading:after{
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background: var(--orange);
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Home Hero services navigation - position the dropdown contents and style the background */
.cp-home-hero-navigation > div > nav {
	background: none;
	position: absolute;
	bottom: -140px;
	z-index: 10;
}

.cp-home-hero-navigation > div > nav > ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex: 1;
	justify-content: center;
	margin-top: 0px !important;
}

.cp-home-hero-navigation > div > div {
	position: relative;
	top: -30px;
	background: none;
}

.cp-home-hero-navigation > div > div > i {
	font-size: 90px;
	transition: 0.2 ease;
}

.cp-home-hero-dropdown-option::after {
	background: none !important;
}


/* Testimonials - Align testimonial text left and apply padding (allows name and title to be aligned right in Elementor UI) */
.cp-home-testimonials-slider > div > div > div > .swiper-wrapper > .swiper-slide > div > div > .elementor-testimonial__text  {
/* 	margin-left: 50px; */
	text-align: left;
}

/* Testimonials - Set the color of the company name to light gray (Header is added separately and is not styled in Elementor UI) */
.cp-home-testimonials-slider-header {
	color: var(--lgray);
}

/* SVG Testimonials section accent (Gray and orange triangles) */
.cp-home-testimonials-slider::before {
	content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent-gray-orange.svg);
	width: 315px;
    position: absolute;
    left: -120px;
    top: 100px;
	transform: scale(0.5);
	display: inline-block;
}

/* Testimonials - Add a dash before the name  */
/* .cp-home-testimonials-slider > div > div > div > .swiper-wrapper > .swiper-slide > div > div > .elementor-testimonial__cite > .elementor-testimonial__name:before {
	content: "";
	color: var(--gray);
	height: 4px;
    background-color: var(--gray);
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
} */

/* Services Testimonials - Add a dash before the name  */
/* .cp-home-testimonials-slider.services-testimonial > div > div > div > .swiper-wrapper > .swiper-slide > div > div > .elementor-testimonial__cite > .elementor-testimonial__name:before {
	content: "";
	color: var(--gray);
	height: 4px;
    background-color: var(--gray);
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
} */



/* Testimonials - Ensure width of testimonial content is 100% (ensures shorter testimonials match the width of longer ones)  */
.cp-home-testimonials-slider > div > div > div > .swiper-wrapper > .swiper-slide > div > div.elementor-testimonial__content {
	width: 100%;
}


.cp-home-testimonials-slider.services-testimonial > div > div > div > div > .swiper-slide {
	background: transparent;
}


/* Portfolio Cards - Set the organization rules for each child element */
.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content {
	display: flex;
	flex-flow: column;
	padding: 0;
}

/* Portfolio cards - Display title second */
.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content > .ele-entry-title {
	margin-top: 10px;
/* 	order: 2; */
}

/* Portfolio cards - Display meta first */
/* .cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content > .entry-meta {
	order: 1;
	margin-top: 5px;
} */

/* Portfolio cards - Display excerpt third */
.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article >.post-entry-content > .entry-excerpt {
	order: 3;
}

/* Portfolio cards - Display button fourth */
.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content > .box-button {
	order: 4;
	justify-content: left;
}

/* Portfolio cards - Add chevron to the button link */
.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content > .box-button::after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-orange-right.svg');
	height: 16px;
	width: 10.5px;
	display: inline;
	padding-top: 1px;
	padding-left: 12px;
	transition: .2s ease;
}


.cp-global-portfolio-grid > div > .portfolio-shortcode > div > .wf-cell > article > .post-entry-content > .box-button:hover:after {
	content: url('/wp-content/themes/mapr/assets/images/comprise-chevron-lorange.svg');
	transition: .2s ease;
}

/* 
.cp-accent-fill::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-accent-fill-gray.svg);
	width: 315px;
    position: absolute;
    right: -100px;
    bottom: 40px;
} */


.cp-home-portfolio-section-accent::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent-triangles-white-gray.svg);
	width: 500px;
    position: absolute;
    right: -150px;
	bottom: 25px;
}

.cp-home-industries-section-accent::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent-triangles-white-large.svg);
	width: 500px;
    position: absolute;
    left: -145px;
	bottom: -0px;
}

.cp-section-accent-triangles-large::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent-triangles-gray-large.svg);
	width: 500px;
    position: absolute;
    left: -145px;
	top: -0px;
}

/* SVG accent for Services section (orange rectangle) */
/* .cp-home-services-section-accent::before{
	content: url('/wp-content/themes/mapr/assets/images/comprise-box-orange.svg');
	height: 74px;
	width: 20%;
	z-index: 9;
	position: absolute;
	right: 0;
	bottom: -3px;
} */


/* SERVICES PAGE */

div.cp-service-expert-grid div.elementor-widget-container div.elementor-posts-container article.elementor-post {
	border-bottom-left-radius: 50px !important;
	border-top-left-radius: 50px !important;
	align-items: center;
}

.cp-service-item-inner-pr::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/PublicRelations_Grey@4x.png);
	/* ORANGE */
/* 	background: url(/wp-content/uploads/2023/02/PublicRelations_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-content-development::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/ContentDev_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/ContentDev_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-strategy::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/Strategy_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/Strategy_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-web-design-development::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/WebDesignDev_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/WebDesignDev_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-creative::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/Creative_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/Creative_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-digital-marketing-seo::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/SEO_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/SEO_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-social::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/Social_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/Social_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-webinar::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/Webinar_Grey@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/Webinar_Orange@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}

.cp-service-item-inner-video::before {
	content: "";
	/* GRAY */
	background: url(/wp-content/uploads/2023/03/Video_Grey-copy@4x.png);
	/* ORANGE */
/*     background: url(/wp-content/uploads/2023/02/Video_Orange-copy@4x.png); */
    width: 400px;
    position: absolute;
    left: -400px;
    z-index: 1;
    height: 450px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
	opacity: 0.2;
}
.cp-services-tabmenu .e-n-tabs-content .e-con-full.e-active {
	padding-top: 0px;
}



/* Portfolio tag background */
.cp-portfolio-tag {
	background: var(--orange);
/* 	border-radius: 100px; */
	padding: 5px;
	transition: .2 ease;
}

.cp-portfolio-tag:hover {
	background: var(--lorange);
}

/* Digital Marketing & SEO */
.cp-portfolio-tag-digital-marketing {
	content: url("/wp-content/uploads/2023/03/SEO_WH.svg");
	width: 40px;
}

/* Public Relations */
.cp-portfolio-tag-public-relations {
	content: url("/wp-content/uploads/2023/03/PublicRelations_WH.svg");
	width: 40px;
}

/* Social Media */
.cp-portfolio-tag-social-media {
	content: url("/wp-content/uploads/2023/03/Social_WH.svg");
	width: 40px;
}

/* Creative Services */
.cp-portfolio-tag-creative {
	content: url("/wp-content/uploads/2023/03/Creative_WH.svg");
	width: 40px;
}

/* Web Design & Development */
.cp-portfolio-tag-web-design-development {
	content: url("/wp-content/uploads/2023/03/WebDesignDev_WH.svg");
	width: 40px;
}

/* Content Development */
.cp-portfolio-tag-content-development {
	content: url("/wp-content/uploads/2023/03/ContentDev_WH.svg");
	width: 40px;
}

/* Strategy */
.cp-portfolio-tag-strategy {
	content: url("/wp-content/uploads/2023/03/Strategy_WH.svg");
	width: 40px;
}

/* Trade Shows */
.cp-portfolio-tag-trade-shows {
	content: url("/wp-content/uploads/2024/10/TradeShows_WH.svg");
	width: 40px;
}

/* Webinar Production */
.cp-portfolio-tag-webinar-production {
	content: url("/wp-content/uploads/2023/03/Webinar_WH.svg");
	width: 40px;
}

/* Video */
.cp-portfolio-tag-video {
	content: url("/wp-content/uploads/2023/03/Video_WH-copy.svg");
	width: 40px;
}

/* Crisis Communications */
.cp-portfolio-tag-crisis-communications {
	content: url("/wp-content/uploads/2024/11/CrisisCommunication_WH.svg");
	width: 40px;
}

/* Media Training */
.cp-portfolio-tag-media-training {
	content: url("/wp-content/uploads/2024/11/MediaTraining_WH.svg");
	width: 40px;
}




/* Case study pages */
/* This code was added September 20, 2024 to patch an issue with Elementor not aligning the title for counter elements correctly */
.cp-counter-patch .elementor-counter-title {
	text-align: center;
}

.cp-case-study-content-switcher .main-metric {
	color: var(--orange);
	font-size: 32px;
	padding-top: 15px;
	padding-bottom: 30px;
}

body div.e-con-inner div.cp-case-study-content-switcher table {
	border-bottom: none;
	margin-bottom: 30px;
}

body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr th {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 15px;
	text-align: center;
}

body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr td {
	font-size: 30px;
	padding-top: 15px;
	font-family: var(--font-primary);
}

body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr th,
body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr td {
	border-top: none;
	border-right: 1px solid var(--gray);
}

body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr th:last-child,
body div.e-con-inner div.cp-case-study-content-switcher div.eae-cs-content-section.active table tbody tr td:last-child {
	border-right: none;
}

.hide-chart {
	display: none;
}

.cp-case-study-title-center p {
	text-align: center;
}


/* Webinars page */
.cp-webinars-hide-modal-button {
	display: none;
}

a.open-panelist-modal {
	transition: 0.3 ease;
}

a.open-panelist-modal:hover {
	color: var(--lorange);
	cursor: pointer;
}


/* Web Design & Development page */
.cp-webdev-hide-modal-button {
	display: none;
}

a.open-audit-modal {
	background: var(--orange);
	color: var(--lgray);
	font-size: 16px;
	font-weight: 700;
	padding: 15px 30px;
	transition: 0.3 ease;
}

a.open-audit-modal:hover {
	background: var(--lorange);
	cursor: pointer;
	transition: 0.3 ease;
}


/* Client Onboarding Page */
.cp-client-guide-accordion .elementor-accordion-item {
	margin-bottom: 5px;
}

.cp-client-guide-dual-col-list ul {
	columns: 2;
	-moz-columns: 2;
	-webkit-columns: 2; 
}

@media only screen and (max-width: 768px) {
	.cp-client-guide-dual-col-list ul {
		columns: 1;
		-moz-columns: 1;
		-webkit-columns: 1; 
	}
} 


/* COMPRISE INDUSTRY LEADERSHIP SCORECARD QUIZ PAGE */

/* This class hides the required indicator in the quiz questions. This way we can make the questions required but not disrupt the styling of the form */
.cp-industry-leadership-scorecard-quiz .gform-body .hide-required span.gfield_required {
	display: none;
}

/* Bold each question (field label) to make them stand-out and easier to read */
.cp-industry-leadership-scorecard-quiz .gform-body .gfield_label {
	font-weight: 700;
}

/* Adjust the width of the name field */
/* .cp-industry-leadership-scorecard-quiz .gform-body #field_20_1 {
	grid-column: span 8;
} */

/* Adjust the width of the company field */
/* .cp-industry-leadership-scorecard-quiz .gform-body #field_20_4 {
	grid-column: span 4;
} */

/* Change the layout of the final question to have three columns instead of one large column */
.cp-industry-leadership-scorecard-quiz .gform-body #field_20_12 .ginput_container {
	columns: 3;
}

@media only screen and (max-width: 767px) {
	.cp-industry-leadership-scorecard-quiz .gform-body #field_20_12 .ginput_container {
		columns: 1;
	}
}

/* Submit button styling - overwriting the default styling to match similar buttons throught the site */
#main .cp-industry-leadership-scorecard-quiz .gform_footer #gform_submit_button_20 {
	font-family: 'Montserrat';
	text-transform: uppercase;
}


/* Hide the nav menu (Elementor exclude rules in theme builder were not working) */
.page-id-35781 #page .elementor-location-header,
.page-id-35793 #page .elementor-location-header {
	display: none;
}


.page-id-35793 .cp-sub-heading-line div h2,
.page-id-35793 .cp-sub-heading-line div h1{
    display: inline;
    background: #FFF;
    z-index: 9;
    padding-right: 30px;
	position: relative;
}



/* Change the color of the progress bar */
#main .gf_progressbar_percentage.percentbar_blue  {
	background-color: var(--orange) !important;
}

/* Change the appearance of the Next and Previous buttons */
#main .gform_page_footer.top_label input.button {
	-webkit-appearance: button !important;
	padding: 10px 30px !important;
    font-family: 'Montserrat' !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
	background-color: var(--orange) !important;
	color: #EFF0F1 !important;
	transition: 0.3s ease !important;
	border: 0px !important;
}

#main .gform_page_footer.top_label input.button:hover {
	background-color: var(--lorange) !important;
}

/* CLIENT GUIDE LOGIN PAGE */

#page .post-password-form {
	margin-top: 90px;
}

#page .post-password-form input[type="submit"] {
	border: none;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	transition: 0.3 ease;
}

#page .post-password-form input[type="submit"]:hover {
	border: none;
	background: var(--lorange);
	transition: 0.3 ease;
}


/* VISITECH ACQUISITION PAGE */
.elementor-widget-wrap .cp-visitech-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
/*     border: 1px solid var(--gray); */
}
.cp-visitech-container {
/*     height: 100%;
    width: 100%; */
/*     display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lgray); */
    z-index: 5;
}

.cp-visitech-container::before{
    content: "";
    display: block;
    background: black;
    height: 1px;
    width: 100vw;
    position: absolute;
   	left: -1200px;
	top: 50%;
}

.cp-visitech-box {
	z-index: 9;
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
	.cp-visitech-container::before{
		content: "";
		display: block;
		background: black;
		height: 1px;
		width: 100vw;
		position: absolute;
		left: -840px;
		top: 50%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.cp-visitech-container::before{
		content: "";
		display: block;
		background: black;
		height: 1px;
		width: 100vw;
		position: absolute;
		left: -720px;
		top: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.cp-visitech-container::before{
		content: "";
		display: block;
		background: black;
		height: 1px;
		width: 100vw;
		position: absolute;
		left: -690px;
		top: 30%;
	}
}


/* SOCIAL MEDIA MARKETING LANDING PAGES */
/* Hide the nav menu (Elementor exclude rules in theme builder were not working) */
.page-id-32962 #page .elementor-location-header,
.page-id-32993 #page .elementor-location-header {
	display: none;
}

/* Hide the footer (thank you page only) (Elementor exclude rules in theme builder were not working) */
.page-id-32993 #page .elementor-footer {
	display: none;
}


.cp-social-media-marketing-hero .cp-social-media-marketing-heading .year {
	color: #E96425; 
	font-size: 48px;	
}

.cp-social-media-marketing-hero .cp-social-media-marketing-heading .guide {
	color: #FFFFFF;
	font-size: 54px;	
}

.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-text {
	color: #E96425;
	font-size: 32px;
}

.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-sm {
	font-weight: 700;
	font-size: 58px;
}

.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-guide {
	font-size: 52px;
}


.cp-social-media-marketing-contact .gform_button {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .year {
		color: #E96425; 
		font-size: 42px;	
	}

	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .guide {
		color: #FFFFFF;
		font-size: 42px;	
	}
	
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-text {
		color: #E96425;
		font-size: 32px;
	}

	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-sm {
		font-weight: 700;
		font-size: 46px;
	}
	
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-guide {
		font-size: 38px;
	}
}

@media only screen and (max-width: 768px) {
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .year {
		color: #E96425; 
		font-size: 28px;	
	}

	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .guide {
		color: #FFFFFF;
		font-size: 28px;	
	}
	
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-sm {
		font-weight: 700;
		font-size: 52px;
	}
	
	.cp-social-media-marketing-hero .cp-social-media-marketing-heading .thank-you-guide {
		font-size: 36px;
	}
}





/* Industry Landing Pages */

@media only screen and (max-width: 767px) and (min-width: 500px) {
	.cp-industries-expertise-bullet-icon-col .elementor-icon {
		position: relative;
		left: -20%;
	}
	
	.cp-industries-expertise-bullet-text-col {
		position: relative;
		left: -10%;
	}
}

/* Convert Plus - 2023 Awards Popup */
.cp-convert-popup-header {
	background: #3f484d;
}





/* Breakpoint for Tablet - Home Page */
@media only screen and (max-width: 1024px){
	/* Home Hero services navigation - Adjust position the dropdown contents */
	.cp-home-hero-navigation > div > nav {
		position: absolute;
		bottom: -160px;
	}
	/* service page approach gray accent */
	.single-service .cp-accent-fill-container > div::before{
		display: none;
	}
	/* services page cta accent */
	.services-cta-section-accent::after,
	.services-cta-section-accent-dark-gray::after {
		width: 250px;
		height: 175px;
	}
}

/* Breakpoint for Mobile - Home Page */
@media only screen and (max-width: 768px){
	
	/* Testimonials - Adjust layout of each testimonial with image on top and text beneath */
	.cp-home-testimonials-slider > div > div > div > div > div > .elementor-testimonial {
		flex-direction: column-reverse;
	}
	
	/* Hero section nav - reduce size of links for mobile screens */
	.cp-home-hero-dropdown-option > a {
		font-size: 16px !important;
		justify-content: left !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	
	/* Hero section nav - set width of each menu item */
	.cp-home-hero-dropdown-option {
		display: flex !important;
		width: 50%;
	}
	
	/* Home Hero services navigation - Adjust position the dropdown contents */
	.cp-home-hero-navigation > div > nav {
		position: absolute;
		bottom: -140px;
	}
	
	.cp-home-hero-dropdown-option > a::after {
		width: 0px !important;
		height: 0px !important;
	}
}

/* Breakpoint for  Extra Small - Home Page */
@media only screen and (max-width: 500px){
	
	/* Home Hero services navigation - Adjust position the dropdown contents */
	.cp-home-hero-navigation > div > nav {
		position: absolute;
		bottom: -160px;
	}
}




/*-- Who We Are Page --*/
/* .cp-fw-section-inner > .elementor-container > .elementor-column > .elementor-widget-wrap.elementor-element-populated {
	margin-left:50px !important;
} */




/* Positioning for Leonardo Da Vinci quote  */
.cp-who-we-are-quote-position > div  {
	position: relative;
	top: 80px;
	right: 120px;
	width: 120%;
}

/* Our Team mosaic - Reverse the order that the name and job title are displayed in */
.cp-who-we-are-team-mosaic > .elementor-widget-container > .portfolio-shortcode > .dt-css-grid > .wf-cell > article > .post-entry-content {
	display: flex;
	flex-direction: column-reverse;
}
.page.page-id-24140 .post.dt_team .post-entry-content h3{
	display: block;
}

/* Award logo - Apply background color to the image rather than its container */
.cp-who-we-are-award-logo > .elementor-widget-container > a > img {
	display: inline;
    background: #EFF0F1;
    z-index: 9;
	position: relative;
	bottom: 25px;
}

/* SVG accent for About Us section */
.cp-who-we-are-section-accent::before{
	content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent.svg);
	width: 450px;
    position: absolute;
    right: -150px;
    bottom: 30px;
	display: inline-block;
}

/* Vertical line through "How We Work" section */
.cp-who-we-are-vertical-line-col-long:after{
	content:"";
    position: absolute;
    z-index: 0;
    top: -90px;
    bottom: 0;
    left: 50%;
	height: 1100px;
    border-left: 1px solid var(--gray);
}

/* Tablet breakpoint - Who We Are - Make content of About Us section full-width  */
@media only screen and (max-width: 1024px){
	#page div.about-us-fw div.elementor-inner-column {
		--the7-target-width: 100%;
	}
	
	#page .about-us-fw section > div.elementor-column-gap-custom {
		max-width: 100%;
	}
}

/* Breakpoint for Tablet - Who We Are page */
@media only screen and (max-width: 1024px){
	/* Adjust the size of the section accent SVG for tablet viewing	 */
	.cp-who-we-are-section-accent::before{
		content: url(/wp-content/themes/mapr/assets/images/comprise-section-accent.svg);
		width: 270px;
		position: absolute;
		right: -60px;
		bottom: 30px;
	}	
	
	/* 	Adjust the position of the quote */
	.cp-who-we-are-quote-position > div {
		position: relative;
		top: 0px;
		right: 80px;
		width: 100%;
	}
}


/* Mobile breakpoint - Who We Are page */
@media only screen and (max-width: 769px){
	
	/* Awards - Adjust position of the award image in the heading */
	.cp-who-we-are-award-logo > .elementor-widget-container > a > img {
		display: inline;
		position: static;
		width: 300px;
		margin-bottom: 30px;
	}
	
	/* How We Work - Hide the vertical line */
	.cp-who-we-are-vertical-line-col-long::after {
		border-left: none;
	}
	
	/* 	Adjust the position of the quote */
	.cp-who-we-are-quote-position > div {
		position: relative;
		top: 0px;
		right: 0px;
		width: 100%;
	}
}

/* Unique breakpoint for headings on services page that use old section elements */
@media only screen and (max-width: 1230px) and (min-width: 1025px) {
	.cp-heading-ml {
		margin-left: 60px;
	}	
}

.cp-dmfoco-heading {
	min-height: 64px;
}

/* @media only screen and (max-width: 767px) {
	.elementor-widget-wrap .cp-award-img-cont{
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--gray);
	}
} */



/* BLOG POSTS */

#the7-body.single-post .cp-post-meta-data li {
	list-style-type: none;
}

#page .cp-blog-iconlist-redx-greencheck i.fa-check:before {
	color: green;
}

#page .cp-blog-iconlist-redx-greencheck i.fa-times:before {
	color: red;
}



#page div.cp-blog-sidebar-postgrid article .elementor-post__title a:hover {
	color: var(--orange);
	transition: .2s ease;
}

#page div.cp-blog-sidebar-postgrid article .elementor-post__title a {
	transition: .2s ease;
}


/* OUR WORK */
/* Breakpoint for  mobile - Our Work */
@media only screen and (max-width: 767px){
	#page .cp-work-tab-menu div.e-n-tab-title {
		background: #D8DAD8;
	}
	
	#page .cp-work-tab-menu div.e-n-tab-title:hover,
	#page .cp-work-tab-menu div.e-n-tab-title.e-active {
		background: #EFF0F1;
	}
}


/* POSTS */
/* Breakpoint for  mobile - Our Work */
@media only screen and (max-width: 767px){
	.cp-hero-col-post .single-page-title-wrap > .elementor-widget-container > .elementor-heading-title::after{
		content: "";
		position: absolute;
		width: 100vw;
		height: 10px;
		background: var(--orange);
		display: block;
		bottom: -20px;
		right: -25px;
	}
}


/* MC4WP STYLES */

.sm-drip-campaign-form-wrap p {
	display: flex;
	flex-direction: column;
}

.sm-drip-campaign-form-wrap p.submit-wrap{
	display: block;
}
.sm-drip-campaign-form-wrap p.submit-wrap input[type="submit"]{
	width: auto;
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-family: 'montserrat';
    text-transform: uppercase;
}
.sm-drip-campaign-form-wrap p span.required {
	color: #E96525;
	font-style: italic;
	font-size: .8em;
}
.sm-drip-campaign-form-wrap p.radio-wrap{
	flex-direction: column;
	row-gap: 10px;
	margin-bottom: 30px;
}
.sm-drip-campaign-form-wrap p.radio-wrap .radio-item{
	display: flex;
    align-items: flex-start;
    gap: 10px;
}
.sm-drip-campaign-form-wrap p.radio-wrap input{
	margin-top: 5px;
}