/*
Theme Name:   DfineTheme
Description:  Write here a brief description about your child-theme
Author:       Write here the author's name
Author URL:   Write here the author's blog or website url
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  DfineTheme
*/

/* Write here your own personal stylesheet */

/**/
.testimonial {background-color: #132546; padding: 40px; margin-bottom: 40px; border-radius: 4px;}
.testimonial-flex {display: flex; justify-content: space-between; align-items: center;}
.testimonial p {background-color: rgba(255,255,255,0.1); line-height: 2em; font-size: 16px; margin: 20px auto 0 auto!important; padding: 20px; border-radius: 4px; color: #fff; font-weight: 300;}
.testimonial h3 {display: inline; font-size: 18px!important; color: #fff!important; border-radius: 4px; background-color: rgba(255,255,255,0.1); padding: 12px; border-radius: 4px; margin: 0; align-items: center;}
.testimonial h6 {color: rgba(255,255,255,0.5); font-size: 14px; margin: 0 10px 0 0;}
.testimonial span {margin-right: 9px;}
.testimonial i {color: #EB003F; font-size: 16px; margin-left: 1px;}

/*Underline Effects*/
.u-pink span {position: relative;}
.u-pink span::before {content: ''; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background-color: #EB003F; transform-origin: bottom left; transform: scaleX(1); transition: transform 0.3s ease-in-out;}
.u-pink span:hover::before {transform: scaleX(0); transform-origin: bottom right;}

/*Colour Adjustments*/
.i-pink i {color: #EB003F;}
.pink span {color: #EB003F;}

/*Flex Grids*/
.flex-grid {display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: center;}
.flex-scroll {display: flex; flex-wrap: nowrap; overflow-x: scroll;}
.flex-post .elementor-posts-container {display: flex!important; justify-content: space-between!important; flex-wrap: nowrap!important; overflow-x: scroll;}

@media only screen and (max-width: 600px) { /*MOBILE*/
	.flex-post article {width: 88%; flex: 0 0 auto; margin-right: 10px;}
	.scroll-column {width: 88%; flex: 0 0 auto; margin-right: 10px;}
	.testimonial {width: 70%; flex: 0 0 auto; margin-right: 10px;}
	.two {width: 100%;}
	.three {width: 100%;}
	.four {width: 100%;}
}

@media only screen and (min-width: 601px) and (max-width: 1024px) { /*TABLET*/
	.flex-post article {width: 32%; flex: 0 0 auto; margin-right: 10px;}
	.scroll-column {width: 32%; flex: 0 0 auto; margin-right: 10px;}
	.testimonial {width: 70%; flex: 0 0 auto; margin-right: 10px;}
	.two {width: 48%;}
	.three {width: 48%;}
	.four {width: 48%;}
}

@media only screen and (min-width: 1025px) { /*DESKTOP*/
	.flex-post article {width: 32%; flex: 0 0 auto; margin-right: 10px;}
	.scroll-column {width: 32%; flex: 0 0 auto; margin-right: 10px;}
	.testimonial {width: 70%; flex: 0 0 auto; margin-right: 10px;}
	.two {width: 48%;}
	.three {width: 32%;}
	.four {width: 24%;}
}