/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


.row.reveal.disable-animation{
	transform: translateY(0) !important;
	opacity: 1 !important;
}

 .row{
	padding:50px 0;
	margin-bottom: 0 !important;
 }

 .row .row{
	padding: 0;
 }

 .container.boxed-layout{
	width:100%;
	max-width:1016px;
	margin:auto;
 }


 h6.superscription{
	color:#0F6FB7;
	text-transform: uppercase;
	font-weight: 500;
}


.row h1, 
.row h2, 
.row h3, 
.row h4, 
.row h5, 
.row h6{
	margin:5px 0 10px !important;
}





/*Reusable heading block*/
.row.heading .container.boxed-layout{
	display: flex;
	flex-direction: column;
	max-width: 100%;
}


.row.heading .container.boxed-layout.left{
	justify-content: start;
	text-align: left;
}

.row.heading .container.boxed-layout.center{
	justify-content: center;
	text-align: center;
}

.row.heading .container.boxed-layout.right{
	justify-content: end;
	text-align: right;
}





/*Reusable buttons*/
.button.colored{
	padding:10px 40px;
	transition: .5s ease;
}

.button.colored:hover{
	transition: .5s ease;
	background-color: #1087E0;
	color:white;
}

.button.default{
	background: none;
	padding: 0;
	color: #848484;
	text-decoration: underline;
	min-height:unset;
}

.button.default:hover{
	background-color: transparent;
}


.buttons{
	display: flex;
	align-items: center;
}

.buttons .button:nth-child(2){
	margin-left:20px;
}





/* Footer */
footer#footer{
	margin-top: 80px;
}




/* Predefined margins */
.mTS{
	margin-top: 5px;
}
.mTM{
	margin-top:10px;
}

.mTL{
	margin-top: 15px;
}

.mTXL{
	margin-top: 20px;
}





/*Animations*/
/*Animations*/
.row.reveal,
.reveal{
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition: 1s all ease;
}


.row.reveal .reveal{
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition:1.5s all ease;
}

.reveal.reveal-left{
	position: relative;
	transform: translate(-1000px, 0);
	opacity: 0;
	transition: 1s all ease;
}

.reveal.active,
.reveal .reveal:nth-child(2).active,
.reveal .reveal:nth-child(3).active{
transform: translateY(0);
opacity: 1;
}









/* Media query */
@media only screen and (max-width:1199px){
	.row{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 25px;
	}
}




@media only screen and (max-width: 992px){
	.column .row.heading .container.boxed-layout.left{
		justify-content: center;
		align-items: center;
		text-align: center;
	}


	.column .buttons{
		flex-direction: column;
		row-gap: 20px;
		align-items: center;
	}
	
	.column .buttons .button{
		margin: 0;
	}

	


	.stk-block-content .row{
		padding:0 !important;
	}
}










/* Single team*/
.container.single-layout{
	max-width: 1170px;
	width: 100%;
	margin: auto;
}





.container.single-layout .single-hero{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container.single-layout .single-hero .team-data{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}


.container.single-layout .single-hero img{
	margin-right: 100px;
	width: calc(50% - 80px);
	min-width: calc(50% - 80px);
	max-width: calc(50% - 80px);
	border-radius: 30px;
	max-height: 500px;
	object-fit: cover;
	object-position: center;
}

.container.single-layout .single-description{
	margin-top: 50px;
}


.container.single-layout .row.heading{
	margin-top: 100px;
}




@media only screen and (max-width:992px){
	.container.single-layout .single-hero{
		flex-direction: column;
		justify-content: start;
		align-items: start;
		row-gap: 30px;
	}

	.container.single-layout .single-hero img{
		margin: 0;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}













/* UNIVERSAL FOR BLOCKS AND ARCHIVE PAGES */
/*
*
*
*
*
*
*/
/* Hero banner with image / archive page slide */
.posts-slider{
	position: relative;
	overflow-x: hidden;
	padding:0;
}


.row.hero-banner{
	min-width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	height: 700px;
	position: relative;
}


.row.hero-banner .container {
	max-width: 1820px;
	width: 100%;
	position: relative;
  }


.row.hero-banner .hero-background{
	position: absolute;
    	z-index: 1;
    	height: 100%;
	width: 100%;
}

.row.hero-banner .hero-background img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 25px;
	background-position: center center;
}


  .row.hero-banner .container .hero-content-container{
	max-width:1170px;
	margin:auto;
	position: relative;
	display: flex;
	z-index: 2;
	height: 100%;
	padding: 0 50px;
  }


.row.hero-banner .container .hero-content-container .content{
	max-width:450px;
	margin: auto 0;
}

/* Swiper pagination */
span.swiper-pagination-bullet {
	height: 15px;
	width: 100px;
	border-radius: 10px;
	cursor: pointer;
}



/* Media query */
@media only screen and (max-width:992px){
	.row.hero-banner .hero-background img{
		filter: contrast(0.25) brightness(1.55)
	}
}
@media only screen and (max-width:700px){
	.row.hero-banner .container .hero-content-container{
		padding: 0 30px;
	}

	span.swiper-pagination-bullet{
		width:50px;
	}
}






/*
*
*
*
*
*
*
*
*
*/
/* Banner section with or without border, for pages, block and archive and single templates */
.row.banner-section{
	min-width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
}

.row.banner-section .container {
	width: 100% !important;
	max-width: 1500px !important;
	border-radius: 25px;
	display: flex;
}

.row.banner-section .container.border{
	border: 1px solid #0F6FB7;
}

.row.banner-section .container.border .content{
	max-width:1020px;
}

.row.banner-section .container .content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:1150px;
	width:100%;
	margin:auto;
	padding:80px 0;
}

.row.banner-section .container .content p{
	margin:0;
	max-width:50%;
	margin: 0 30px;
}



/* Media query */
@media only screen and (max-width:1199px){
	.row.banner-section .container .content{
		padding: 30px;
		flex-direction: column;
		width: 100%;
		justify-content: center;
		align-items: center;
		row-gap: 30px;
		text-align: center;
	}

	.row.banner-section .container .content p{
		max-width: 100%;
		margin: 0;
	}
}























/* FOR ARCHIVE PAGE */
/* Filtering bar */
.filter-bar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	z-index: 999;
}

.categories-bar {
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
	row-gap: 20px;
}


.category-filter.active{
	color: var(--paletteColor1);
	font-weight: 600;
	border-bottom: 2px solid var(--paletteColor1);
}



/* Sorting */
.sorting-bar{
	border: 1px solid #E9E9E9;
	border-radius: 10px;
	padding: 10px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 50px;
	position: relative;
	cursor: pointer;
	z-index: 9;
}

.sorting-bar p{
	margin: 0;
}


/* Options bar */
.sorting-bar .sort-options{
	display: none;
	position: absolute;
	background: white;
	min-width: calc(100% + 2px);
	max-width: calc(100% + 2px);
	width: calc(100% + 2px);
	top: 85%;
	left: -1px;
	right: 0;
	margin: auto;
	border: 1px solid #E9E9E9;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.sorting-bar .sort-options .option{
	padding: 10px 30px;
	transition: .5s ease;
	cursor: pointer;
}

.sorting-bar .sort-options .option:first-child{
	border-bottom: 1px solid #E9E9E9;
}


.sorting-bar .sort-options .option:hover,
.sorting-bar .sort-options .option.active{
	background: var(--paletteColor1);
	transition: .5s ease;
	color: white;
}


.sorting-bar .sort-options .option:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



@media only screen and (max-width:1199px){
	.filter-bar{
		flex-direction: column;
		row-gap: 50px;
	}

	.categories-bar{
		justify-content: center;
		align-items: center;
	}

	#pojo-a11y-toolbar{
		display: none !important;
	}
}





/* SWIPER SLIDE / SLIDES - OVERRIDE */
/* Remove padding for first row */
.archive .row.heading:first-child,
.blog .row.heading:first-child{
	padding-top: 0;
	padding-bottom: 0;
}

.archive .row.hero-banner,
.blog .row.hero-banner{
	padding-top: 0;
	padding-bottom: 0;
}



.blog .row.hero-banner .content h2,
.archive .row.hero-banner .content h2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}













/* Single template - members cpt */
.container.single-layout .single-hero img.single-thumbnail.members{
	width: 300px;
	max-width: 300px;
	min-width: 300px;
	max-height: 400px;
}

.container.single-layout.single-members .single-hero{
	justify-content: start;
}

.container.single-layout.single-members{
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}


@media only screen and (max-width:992px){
	.container.single-layout .single-hero img.single-thumbnail.members{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}