/**
 * Theme Name: Referrals
 * Description: Blocksy Child theme
 * Author: SLIMC
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 0.1
 */
:root {
	/* Spacing */
	--sp-xs:10px;
	--sp-sm:15px;
	--sp-md:24px;
	--sp-lg:30px;
	--sp-xl:45px;
	--sp-xxl:65px;
}
.uagb-container-inner-blocks-wrap{
	max-width: var(--theme-normal-container-max-width) !important;
	width: var(--theme-container-width) !important;
	margin-inline: auto !important;
}
.wp-block-uagb-container{
	margin-block-end: 0 !important;
}
.wp-block-uagb-container.section{	
	padding-top: var(--sp-xxl) !important;
	padding-bottom: var(--sp-xxl) !important;
}
@media (max-width:768px){
	.wp-block-uagb-container.section{
		padding-top: var(--sp-lg) !important;
		padding-bottom: var(--sp-lg) !important;
	}	
}
.wp-block-uagb-container.section-search{
	margin-block-end: 0 !important;
	padding-top: var(--sp-xxl) !important;
	padding-bottom: var(--sp-xs) !important;
}
.wp-block-post-excerpt{
	margin: 0 0 10px 0;
}

.animate a, .animate .wp-block-button__link{ transition: all .5s; }
.shadow .wp-block-uagb-container{ overflow: hidden; box-shadow: 0px 2px 3px 0px #1018281f; }

/*page top padding fix*/
.home .ct-container-full{
	padding-top: 0 !important;
}

/*custom footer*/
#footer .wp-block-uagb-image__figure img{
	height: 50px !important;
	width: auto !important;
	max-width: 210px !important;
}
#footer h4{
	font-size: 18px;
	color: var(--theme-palette-color-8);
}
#footer .widget_nav_menu{
	margin-top: 10px !important;
}
#footer .widget_nav_menu a{
	color: var(--theme-palette-color-7);
}
#footer .widget_nav_menu a:hover{
	color: var(--theme-palette-color-8);
}
@media (max-width:554px){
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
		/*--container-spacing: 40px;
		--columns-gap: 30px;
		--widgets-gap: 30px;*/
		--grid-template-columns: auto;
		text-align: center;
	}
	.footer-logo{
		float: none !important;
		margin-bottom: 20px;
	}
}

@media (max-width:768px){
	.wp-block-uagb-marketing-button.m-center{	
		justify-content: center;
	}
}

/*custom post list - services*/
.service .section{
	padding-top: var(--sp-md) !important;
}
.service .banner{
	padding: 25px 15px;
	width: 100%;
	background-color: var(--theme-palette-color-3);
	border-radius: 10px;
	margin-bottom: 30px;
}
	.service .banner h1{
		text-align: center;
		font-size: 36px;
		color: var(--theme-palette-color-7);
	}
.service-categories{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 15px;
}
.service-categories a.service-category-link{
	display: flex;
	align-items: center;
	padding: 5px 20px;
	margin: 0 7px 15px;
	border: 1px solid var(--theme-palette-color-7);
	border-radius: 6px;
	color: var(--theme-palette-color-4);
}
.service-categories a.service-category-link:hover, .service-categories a.service-category-link.active{
	border-color: var(--theme-palette-color-6);
	background-color: var(--theme-palette-color-6);
}
.service-categories a.service-category-link span{
	margin-left: 10px;
	font-size: 14px;
}

.service-list-wrap{
	display: grid;
	row-gap: 30px;
	column-gap: 20px;
	justify-content: space-between;
	grid-template-columns: repeat(4, minmax(0, 1fr));	
}
.service-box-wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border: 5px solid var(--theme-palette-color-7);
	border-radius: 8px;
	box-shadow: 1px 1px 4px #777;
	padding: 12px 10px;
	position: relative;
}
.service-box-wrap:hover{
	border: 5px solid var(--theme-palette-color-6);
	/*box-shadow: 1px 1px 4px var(--theme-palette-color-6);*/
}
.service-box-wrap img{
	display: block;
	margin: 0 auto 10px;
}
.service-box-wrap h2{
	font-size: 18px;
	margin: 0;
}
.service-tag-wrap {
	position: absolute;
	top: 10px;
	right: 10px;
}
.service-tag-wrap a{
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid var(--theme-palette-color-6);
	background-color: var(--theme-palette-color-6);
	color: var(--theme-palette-color-4);
	border-radius: 6px;
	margin: 0 5px;
	font-size: 10px;
}

.service-cat-wrap {
	display: flex;
	flex-direction: row;
	justify-content:center;
	padding: 8px 0 5px;
}
.service-box-wrap .service-cat-span{
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid var(--theme-palette-color-7);
	border-radius: 6px;
	margin: 0 5px;
	font-size: 10px;
}
.service-box-wrap .service-link{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cm-pgntn{
	text-align: center;
	padding-top: 40px;
}
.cm-pgntn .page-numbers{
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid var(--theme-palette-color-7);
	border-radius: 6px;
	margin: 0 5px;
}
.cm-pgntn .page-numbers.current, .cm-pgntn .page-numbers:hover{
	border-color: var(--theme-palette-color-3);
	background-color: var(--theme-palette-color-3);
	color: var(--theme-palette-color-7);
}
@media (max-width:1024px){
	.service-list-wrap{		
		grid-template-columns: repeat(3, minmax(0, 1fr));	
	}
}
@media (max-width:768px){
	.service-list-wrap{
		grid-template-columns: repeat(2, minmax(0, 1fr));	
	}
}



/*custom post - service*/
.site-main .service .service-wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.site-main .service .service-main{
	width:72% !important;
	/*border: 1px solid #ccc;*/
}
.site-main .service .service-main h1{
	font-size: 32px;
}
.site-main .service .service-main h2{
	font-size: 28px;
}
.site-main .service .service-side{
	width:25% !important;
	/*border: 1px solid #ccc;*/
}
.site-main .service .service-side p{
	margin-bottom: 5px;
}
.service-side .form-wrap{
	padding: 10px;
	background-color: var(--theme-palette-color-7);
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 2px 2px 6px #777;
}
.service-side .form-row{
	margin-bottom: 10px;
}
.service-side .form-row label{
	display: block;
	margin: 0 0 2px;
	cursor: auto !important;
}
.service-side .form-row .form-field{
	padding: 2px 10px;
	height: 30px;
	line-height: 30px;
	display: block;
	width: 100%;
}
.service-side .form-row em.error{
	color: red;
}
.service-side .form-row.prefilled{
	opacity: 0.6;
}
.service-side .form-row.btn-wrap{
	padding-top: 10px;
	display: flex;
	justify-content: center;
}
.service-side .cm-note{
	font-size: 10px;
	text-align: center;
	color: #777;
}
.service-side .dev-links{text-align: center;}
.service-side a.shf{
	display: inline-block;
	margin: 10px auto;
}


@media (max-width:1024px){
	.site-main .service .service-main{
		width:67% !important;
	}
	.site-main .service .service-side{
		width:30% !important;
	}
}
@media (max-width:768px){
	.site-main .service .service-wrap{
		flex-direction: column;
	}
	.site-main .service .service-main{
		width:100% !important;
	}
	.site-main .service .service-side{
		width:100% !important;
	}
}


/*serach fix*/
#search-modal .asl_w_container {
	width: 60%;
	margin: 100px auto 0 !important;
}
div.asl_m {	
	z-index: 10 !important;
}


/*cart adj*/
/*#header .ct-header-cart{
	margin-right: 16px !important;
}*/
/*woocommerce*/
/*.products li.product, li.wc-block-product{
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #80808061;
	position: relative;
	box-shadow: 0px 2px 3px 0px #1018281f;
	padding-bottom: 10px;
}

.products li.product .entry-excerpt p{
	line-height: 1.2 !important;
	font-size: 14px !important;
}

.ct-woo-card-actions{
	display: none !important;
}

@media (max-width:554px){
	.home-feat-cats .wp-block-uagb-container{
		width: 100% !important;
		max-width: 100% !important;
		min-height: 180px !important;
	}
}*/



.cPost-container{
	/*display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;*/	
}
/*.cPost-container.featured{
	padding: 15px;
	background-color: var(--theme-palette-color-6);
	border: 1px solid var(--theme-palette-color-5);
	margin-bottom: 30px;
}
.cPost-container.featured h2{
	display: block;
	width: 100%;
}
.cPost-container-inner{
	display: grid;
	row-gap: 30px;
	column-gap: 20px;
	justify-content: space-between;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cPost{	
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.cPost-inner{
	position: relative;
}
.cPost-container .cPost-container-inner ,.cPost-col-2 .cPost-container-inner{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cPost-col-3 .cPost-container-inner{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cPost-col-4 .cPost-container-inner{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width:768px){
	.cPost-container .cPost-container-inner{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:480px){
	.cPost-container .cPost-container-inner{
		grid-template-columns: 100%;
	}
}
.cPost-inner{
	padding: 0 0 20px;
}

.featured-img{
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	padding-top: 60%;
}
	.featured-img img{
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
		
.cPost-content{
	padding-left: 15px;
	padding-right: 15px;
}


.cPost-content ul.post-categories{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 5px;
	padding: 0;
	position: relative;
	z-index: 11;
}
.cPost-content ul.post-categories li{
	display: flex;
	list-style-type: none;
}
.cPost-content ul.post-categories li a{
	display: inline-block;
	padding: 2px 10px;
	background-color: var(--theme-palette-color-5);
	color: var(--theme-palette-color-6);
	margin: 0 12px 10px 0; 
	font-size: 12px;
	line-height: 1.4;
}
.cPost-content h3{
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.excerpt p{
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.3;
}
.container-link-overlay  {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}*/


/*.wpc-filters-widget-wrapper{
	padding: 30px 0 0;
}
.wpc-filters-widget-wrapper .wpc-filters-section{
	margin-bottom:0px;
}*/