/*

Theme Name: Great Managers – Child Theme
Theme URI: https://www.aardvarky.com
Author: Aardvarky
Author URI: https://www.aardvarky.com
Description: Custom Theme based on X-Framework for Custom Managers Ltd.
Version: 1.0.0
Template: x

*/
.gtmgr-panels {
	display: flex !important;
}
.gtmgr-panels-3 .x-container, .gtmgr-panels-4 .x-container, .gtmgr-panels-6 .x-container, .gtmgr-panels-6 .x-container.marginless-columns{
	flex-flow: row; 
	flex-wrap: wrap;
}
.gtmgr-panels-4 .x-container .x-column {
	flex: 0 0 25%;
	min-height: 470px !important;
} 
.gtmgr-panels-6 .x-container .x-column {
	flex: 2 0 33.33%;
	min-height: 26.5em;
}
.gtmgr-panels .x-container {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 26em;
}
.gtmgr-panels .x-container .x-column {
	background: #6a1c8a;
	padding: 2em !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	/*min-height: 26.5em;*/
	transition: all 0.25s linear 0.25s;
}
.gtmgr-panels .x-container .x-column:hover {
	background: #623277 !important;
	transition: all 0.25s linear 0.25s;
	/*width: auto !important;*/
}
.gtmgr-panels .x-container .x-column .h-custom-headline {
	color: #fff;
	transition: all 0.25s linear 0.25s;
}
.gtmgr-panels .x-container .x-column:hover .h-custom-headline {
	opacity: 0; 
    height: 0;
    width: 0;
    overflow: hidden;
	transition: all 0.25s linear 0.25s;
}
.gtmgr-panels .x-container .x-column .x-text, .gtmgr-panels .x-container .x-column .x-img {
	opacity: 0; 
    height: 0;
    width: 0;
    overflow: hidden;
	color: rgba(255,255,255,0);
	transition: all 0.25s linear 0.25s;
}
.gtmgr-panels .x-container .x-column:hover .x-text, .gtmgr-panels .x-container .x-column:hover .x-img {
	opacity: 1;
    height: auto;
    width: auto;
	color: rgba(255,255,255,1);
	transition: all 0.25s linear 0.25s;
}
.testimonials-widget-testimonial q, .testimonials-widget-testimonial blockquote {
	margin: 0.5em 0;
    font-size: 130%;
    padding: 0.5em 0;
}
.video-box {
	position: relative;
}
.video-box:before {
	content: "\f04b";
	font-family: "FontAwesome";
	font-size: 60px;
	position: absolute;
	top: 35%;
	left: 45%;
	color: rgba(0,0,0,0.6);
}
.video-box:hover:before {
	color: rgba(0,0,0,0.45);
}
/*
Gravity Form Half Column Fix
 */
body .gform_wrapper .top_label li.gfield.gf_right_half {
	float: none !important;
}
@media (min-width: 768px) and (max-width: 997px) {
	.gtmgr-panels-6  .x-container .x-column {
		min-height: 530px;
	}
	.gtmgr-panels-4 .x-container .x-column {
		flex: 2 0 50%;
	}
}
@media (min-width: 531px) and (max-width: 767px) {
	.gtmgr-panels-6 .x-container .x-column {
		min-height: 540px;
		flex: 3 0 50%;
	}
	.gtmgr-panels-4 .x-container .x-column {
		flex: 2 0 50%;
	}
	.gtmgr-panels .x-container .x-column {
		margin-bottom: 0;
	}
	.reverse-stack .x-container {
		flex-direction: column-reverse;
		display: flex !important;
	}
	.forward-stack .x-container  {
		flex-direction: column;
		display: flex !important;
	}
	.forward-stack .x-container .x-column, .reverse-stack .x-container .x-column {
		min-height: 300px;
		display: flex !important;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;

	}
	.video-box {
		margin-top: 2%;
	}
}
@media (max-width: 530px) {
	.gtmgr-panels-6 .x-container .x-column {
		min-height: 540px;
		flex: 6 0 100%;
	}
	.gtmgr-panels-4 .x-container .x-column {
		flex: 4 0 100%;
	}
	.reverse-stack .x-container {
		flex-direction: column-reverse;
		display: flex !important;
	}
	.forward-stack .x-container  {
		flex-direction: column;
		display: flex !important;
	}
	.forward-stack .x-container .x-column, .reverse-stack .x-container .x-column {
		min-height: 300px;
		display: flex !important;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	.video-box {
		margin-top: 2%;
	}
}