/* ---------------------------------------
	Custom Styles
-----------------------------------------*/

.curvedFrame {border-radius:1em;}


/* ARROW HOVER*/

.arrow {
    margin: 1em 0;
}

.arrow::after {
        display: inline-block;
        padding-left: 8px;
        content: "\0279E"; // arrow right unicode
	-webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

.arrow:hover::after {

-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);

}

.arrow:hover {color: var(--dark-red);}



/* ---------------------------------------
    TOUCHPOINTS
-----------------------------------------*/

div.moduletable.touchpointWrap {
	position:relative;
	padding:1.5em 1.5em 4em 1.5em!important;
	border-radius: 10px 10px 70px 10px;
	background: rgb(232,232,232)!important;
	background: linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%)!important;
	

}


div.moduletable.touchpointWrap .link { 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}

.touchpoint {display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; align-content:flex-start; gap:1em;}

div.touchpoint div.apReadMore {position: absolute; bottom: 0; left:0; margin: 0; padding: 1em; border-top: 1px solid var(--green); width: 100%; font-size:1.1em; font-weight:400; text-align:left;}


@media (min-width:576px) and (max-width:992px) { 
	.touchpoint {flex-flow:row nowrap; flex: 1 2 0; align-items:center; align-content:center;}
	div.touchpoint div.apReadMore {padding-right:4em; text-align:right;}
}



/* ---------------------------------------
    MODULE SIDEBAR NENU
-----------------------------------------*/

div.moduletable.sidebarMenu h3 {font-size:1.2em; line-height:1.2em; margin-bottom: 1em;}

div.moduletable.sidebarMenu ul.nav {display:block;}

div.moduletable.sidebarMenu ul.nav li  {margin: 8px 0; padding-left:10px; border-left:3px solid var(--light-blue);}


div.moduletable.sidebarMenu ul.nav li.nav-item::after  {
	content: '';
    display: block;
    width: 0;
    height: 1.5px;
    background: var(--light-blue);
    transition: width .5s;
}


div.moduletable.sidebarMenu ul.nav li.nav-item:hover::after  {
    width: 90%;
}


/* ---------------------------------------
	CUSTOM BLOGS LAYOUT
-----------------------------------------*/


/* NEWS GRID */

#newgridContainer { display:grid; column-gap: .5em; grid-template-columns:1fr 1fr; justify-items: start; height:100%;}

#newgridContainer div.newgridImage {align-self:center; height:100%;}

#newgridContainer div.newgridImage figure.left.item-image {margin:0; padding:0; float:none; height:100%}

#newgridContainer div.newgridImage img {object-fit:cover!important;width: 100%; height: 100%;}
.newgridIntroText {margin-bottom:1em;}


@media (max-width: 1200px) {
	#newgridContainer {grid-template-columns: 1fr;} 
}
	
.layout-aircarenewgrid figure {margin-bottom:0!important;}


/* ---------------------------------------
	CUSTOM PAGES
-----------------------------------------*/

#serviceIcons {text-transform:uppercase; font-weight:600; text-align:center; font-size:1em; line-height:1em;}

@media (min-width: 576px) and (max-width:992px) {
	
	#distributorLogos.gridContainer12col div.gridItem.colSpan2, 
	#serviceIcons.gridContainer12col div.gridItem.colSpan3 {grid-column: span 6!important;} 
}

/*ARTICLES*/

#headerPanel {align-items: center;margin-top:2em;}

@media (max-width:992px){
	
#headerPanel h1, #headerPanel .h1 {font-size: 40px;}
	
	}

/*GOOGLE MAP EMBED*/

.mapEmbed {margin-bottom:1em;}




/* ---------------------------------------
FOOTER
-----------------------------------------*/


/*FOOTER LOGOS*/

.footerLogos {
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items:center;
	flex-wrap: wrap;
	gap: 2em;
	margin:0;
}

div#acuity-footer {display:hidden!important;}




/* ---------------------------------------
	COMPONENTS CUSTOM CSS
-----------------------------------------*/

/* CONVERT FORMS 

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap { padding: 0 0 1em 0!important;}
.convertforms .cf-footer {margin-top: 2em!important;}

@media (max-width: 767px) {
.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
  width: 100%!important;
}
}*/

/* ---------------------------------------
RT TESTIMONIALS
-----------------------------------------*/

#rt-testimonialsContainer {margin-top:1em;}

#rt-testimonials {display:flex; align-items:stretch; align-content:center; gap:2em; position:relative;}


#rt-testimonials #bubble {padding:2em; background:#fcaf15; border-radius:2em; margin-bottom:40px; min-height:230px;}

#rt-testimonials #bubble .quote {font-size: 1.1em; color:var(--white); text-shadow: 1px 1px 5px #bf7f00; font-weight:400; border-left: 2px solid var(--teal); padding-left:1em; }


#rt-testimonials #bubble .speech {position:absolute; bottom:-40px; left:100px; width:40px; height:40px; background-image:url(../images/testimonials/speech-tick.svg);}
#rt-testimonials #bubble .speech-marks {width:30px; height:30px; margin-bottom:10px; background:url(../images/testimonials/speech-marks.svg) no-repeat;}


/* ---------------------------------------
RT SIMPLE JCE MEDIABOX GALLERY
-----------------------------------------*/

#rtGallery.responsiveGrid {display:grid; grid-gap:1em; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); justify-items: center;}

#rtGallery .galleryGrid {padding:0; width:100%;}