/*
Theme Name: Urbanomics
Description: Organization & leadership development experts
Author: BMestudio
Template: flatsome
Version: 3.0
*/


/*start KEYFRAMES*/
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
/*end KEYFRAMES*/


/*start HEADER*/
.off-canvas-right.mfp-ready .mfp-content{
	height: 200px;
	box-shadow: none;
	--drawer-width: 450px;
}
	.off-canvas:not(.off-canvas-center) .nav-vertical li > a{
		color: var(--fs-color-secondary);
		font-size: 1em;
		font-weight: 400;
	}
/*end HEADER*/


/*start FOOTER*/
footer i{
	color: var(--fs-color-primary);
	margin-right: 5px!important;
}

.absolute-footer{
	padding: 15px 0;
	color: rgba(255,255,255,0.8)!important;
}

.wrap-footer{
	border-top: 1px solid #D9D9D9;
}
	.wrap-footer .ux-menu-link__link{
		font-weight: 600;
		color: #1D2631;
	}
	.wrap-footer .ux-menu-link__link:hover{
		color: var(--fs-color-secondary);
		opacity: 1;
	}
/*end FOOTER*/

/*start HOME*/
.wrap-main .overlay{
	mix-blend-mode: multiply;
}
	.wrap-main .section-title{
		margin: 0 0 15px 0;
		justify-content: center;
		font-weight: 300;
		letter-spacing: 0.2em;
		font-size: 1.6em;
	}
		.wrap-main .section-title b{
			max-width: 90px;
			background: #fff;
			opacity: 1;
			height: 1px;
		}
	.wrap-main .banner h1{
		margin: 0;
		font-size: 5em;
		font-weight: 400;
	}
	.wrap-main .button.white{
		margin: 0;
		/*animation: float 6s ease-in-out infinite;*/
		display: flex;
		justify-content: center;
		align-items: center;
	}

.home .subtitle h2{
	font-size: 4em;
	font-weight: 300;
	margin: 0 0 30px 0;
	line-height: 1.1em;
}

.home .tex-box-custom{
	padding: 0 5%;
}
.home .rounded-15 .img-inner{
	border-radius: 15px;
}

.home .accordion-item{
	margin-bottom: 30px;
}
	.home .accordion-title{
		border: 1px solid #e7e9ed;
		border-radius: 30px;
		padding: 7px 15px;
		min-width: 250px;
		display: inline-block;
		color: var(--fs-color-secondary);
		font-size: 1em;
	}
	.home .accordion-title.active{
		background-color: var(--fs-color-secondary);
		color: #fff;
		font-weight: 400;
		border-color: transparent;
	}
		.home .accordion .toggle{
			right: 7px;
			left: auto;
			top: 7px;
			background: #e7e9ed;
			width: 25px;
			height: 25px;
			line-height: 25px;
			opacity: 1;
			margin: 0;
			min-height: 1px;
			font-size: 0.75em;
			color: var(--fs-color-secondary);
		}

	.home .accordion-inner{
		padding: 30px 15px 0;
	}
		.home .accordion-inner ul{
			column-count: 2;
			column-gap: 30px;
		}
			.home .accordion-inner ul li{
				margin: 0 0 15px 0;
				list-style: none;
				padding: 0 0 15px 0;
				border-bottom: 1px solid #e7e9ed;
			}

.custom-box{
	max-width: 60%;
	margin-bottom: 150px;
}
.custom-box:last-child{
	margin-bottom: 0;
}
	.custom-box .wrap-header-box{
		position: relative;
		width: 100%;
		margin-bottom: 30px;
	}
		.wrap-header-box .icon-box-img{
			position: absolute;
			right: -40%;
			bottom: 40px;
			width: 75% !important;
			max-width: 75%;			
		}
		.wrap-header-box .icon-box-img .icon-inner{
			overflow: hidden;
			border-radius: 15px;
			background-color: rgba(0,115,132,0.4);
		}
			.wrap-header-box .icon-box-img img{
				overflow: hidden;
				border-radius: 15px;
				position: relative;
				padding: 0!important;
				mix-blend-mode: lighten;
			}
		.custom-box .icon-box-text{
			background: rgba(0, 126, 132, 0.1);
			min-height: 300px;
			border-radius: 15px;
			padding: 30px!important;
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
			flex-wrap: nowrap;
			flex-direction: row;
		}
			.custom-box .icon-box-text h6{
				margin: 0;
				color: var(--fs-color-secondary);
				display: inline-block;
				font-size: 1.5em;
				font-weight: 500;
				width: auto;
				text-transform: none;
			}
			.custom-box .icon-box-text h5{
				color: var(--fs-color-primary);
				font-weight: 400;
				font-size: 1em;
				margin: 0 15px 2px 0;
				display: inline-block;
				width: auto;
			}

	.custom-box .icon-box-content{
		padding: 0 30px;
	}


.custom-box:nth-child(even){
	margin-left: 30%;
}
	.custom-box:nth-child(even) .icon-box-text{
		justify-content: flex-end;
	}
	.custom-box:nth-child(even) .icon-box-img{
		right: auto;
		left: -40%;
	}
	/*.custom-box:nth-child(even) .icon-box-text{
		padding-left: 40%!important;
	}*/
/*end HOME*/


/*start PARTNERS*/
.wrap-logos .col-inner{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}
	.wrap-logos .col-inner .ux-logo{
		margin: 0;
	}
/*end PARTNERS*/


/*start OUR TEAM*/
.rounded-img{
	border-radius: 15px;
	overflow: hidden;
}

.custom-team .box-image{
	background: rgba(0, 126, 132, 0.1);
	min-height: 240px;
	border-radius: 15px;
}
	.custom-team .box-image .box-image-inner{
		display: none;
	}
.custom-team .box-text{
	text-shadow: none!important;
  	padding: 0 60px 30px;
}
	.custom-team .box-text h4{
		margin: 0;
		color: var(--fs-color-secondary);
		text-shadow: none;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		max-width: 60%;
	}
		.custom-team .box-text h4 br{
			display: none;
		}
		.custom-team .box-text h4 span.person-name{
			color: var(--fs-color-primary);
			font-weight: 400;
			font-size: 1em;
			margin-right: 30px;
		}
		.custom-team .box-text h4 span.person-title{
			font-weight: 500!important;
			font-size: 1.6em;
			opacity: 1;
		}

		.team-member-content{
			padding: 30px 60px 0;
		}


.custom-slider .flickity-slider > .row{
	width: 75%!important;
	max-width: 75%!important;
}
.custom-slider .flickity-slider > .row:not(.is-selected){
	opacity: 0.7;
	transform: scale(0.9);
	 -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.custom-slider  .flickity-prev-next-button{
	top: 120px;
	bottom: auto;
	color: rgba(0, 126, 132, 0.25);
}
.flickity-prev-next-button.previous{
	left: -35%;
}
.flickity-prev-next-button.next{
	left: -30%;
}


.slider-style-focus{
	padding: 0;
}
/*end OUR TEAM*/


/*start CONTACT*/
.wpcf7-form{
	margin: 0;
}
#wrap-form input,
#wrap-form textarea{
	box-shadow: none;
	border: 1px solid #4F617733;
	border-radius: 7px;
	height: 50px;
	padding: 7px;
}
#wrap-form textarea{
	resize: none;
	height: 120px;
}
#wrap-form label{
	font-weight: 400;
}
	#wrap-form label span{
		color: var(--fs-color-primary);
	}
	#wrap-form .button{
		margin: 0;
		text-transform: none;
	}
	.wrap-submit{
		position: relative;
	}
	.wpcf7-spinner{
		position: absolute;
		top: 25%;
		left: 45%;
		margin: 0;
	}
/*end CONTACT*/


/*start BLOG*/
.title-blog{
	font-weight: 300;
	font-size: 3em;
	margin: 0 0 60px 0;
}

.post-item{
	padding-bottom: 0;
	margin-bottom: 60px;
}
	.post-item .box-vertical{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
		.post-item .box-image{
			display: block;
		}
			.post-item .box-image .image-cover{
				border-radius: 15px;
			}
		.post-item .box-text{
			padding: 0;
			width: 55%;
			display: block;
			margin-left: 5%;
		}
			.post-item .box-text .item-head{
				border-radius: 15px;
				padding: 30px;
				background-color: rgba(0, 126, 132, 0.1);
				min-height: 200px;
				margin-bottom: 15px;
			}				
				.post-item .box-text .item-head .post-meta{
					display: block;
					margin-bottom: 60px;
					color: var(--fs-color-secondary);
					font-size: 1em;
				}
				.post-item .box-text .item-head .cat-label{
					display: block;
					font-size: 1.2em;
					color: var(--fs-color-primary);
				}
				.post-item .box-text .item-head .post-title{
					margin: 0;
					color: var(--fs-color-secondary);
					font-size: 2.3em;
					font-weight: 500;
				}
					.post-item .box-text .item-head .post-title > a{
						line-height: 1.2em;
						margin: 0;
					}
			.post-item .box-text .blog-post-inner > p{
				margin: 0;
				padding: 0 30px;
			}

	.page-numbers.nav-pagination li > a{
		color: rgba(0, 126, 132, 0.25);
	}
	.page-numbers.nav-pagination li > a:hover{
		color: #fff;
	}


	.single-post .entry-header-text{
		padding: 0;
		margin-bottom: 60px;
	}
		.single-post .post-meta{
			color: var(--fs-color-secondary);
			font-size: 1em;
			display: block;
			margin-bottom: 15px;
		}
		.single-post .entry-title{
			color: var(--fs-color-primary);
			font-weight: 300;
			line-height: 1.2em;
			font-size: 3em;
			max-width: 75%;;
			margin: 0;
		}
		.single-post .entry-image{
			border-radius: 15px;
			overflow: hidden;
			margin-bottom: 60px;
		}
		.single-post .entry-content.single-page{
			padding: 0;
		}
			.single-post .entry-content.single-page .col{
				padding-bottom: 0;
			}
/*end BLOG*/


/*-----------start MEDIA QUERIES-----------*/
/*start IPHONE VERTICAL*/
@media (min-width: 320px) and (max-width: 479px) {
	/*start FOOTER*/
	footer.footer-wrapper .img{
		margin: 0 auto 15px;
	}
	footer.footer-wrapper .medium-5{
		margin-bottom: 30px;
	}
	.wrap-footer .ux-menu-link__link{
		justify-content: center;
	}
	footer.footer-wrapper .row > .medium-6{
		padding-bottom: 0;
	}
	/*end FOOTER*/

	/*start HOME*/
	.home .wrap-main .is-full-height{
		height: calc(100vh - 70px);
	}
		/*.home .wrap-main .text-box,
		.home .wrap-main .text-box-content,
		.home .wrap-main .text-inner{
			height: 100%;
		}
		.home .wrap-main .text-inner{
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 30px 0;
		}*/
			.wrap-main .section-title{
				font-size: 1.1em;
				margin: 0;
			}
			.wrap-main .banner h1{
				font-size: 3em;
				margin: 15px 0 0;
			}


	.home .subtitle h2{
		font-size: 1.8em;
		margin-bottom: 15px;
	}

	.custom-box{
		max-width: 100%;
		margin-bottom: 90px;
	}
		.wrap-header-box .icon-box-img{
			position: absolute;
			right: 0;
			bottom: 30%;
			width: 80% !important;
			max-width: 80%;
		}
		.custom-box .icon-box-text{
			min-height: 200px;
			padding: 15px!important;
			max-width: 95%;
		}
			.custom-box .icon-box-text h6{
				font-size: 1.2em;
			}
			.custom-box .icon-box-text h5{
				margin: 0 15px 0 0;
			}
		.custom-box .icon-box-content{
			padding: 0 15px;
		}	

		.custom-box:nth-child(2n) {
			margin-left: 0;
			text-align: left;
		}
			.custom-box:nth-child(2n) .icon-box-img {
				right: auto;
				left: 0;
			}
			.custom-box:nth-child(2n) .icon-box-text {
				margin-left: 5%;
			}

	.wrap-services .row.align-middle{
		justify-content: center!important;
	}
	.home .accordion-title{
		min-width: 100%;
	}
		.home .accordion-inner ul{
			column-count: 1;
			column-gap: 0;
		}
	/*end HOME*/


	/*start OUR TEAM*/
	.custom-team .box-image{
		min-height: 150px;
	}
	.custom-team .box-text{
	  	padding: 0 30px 15px;
	}
		.custom-team .box-text h4 span.person-title{
			font-size: 1.2em;
		}
	.team-member-content{
		padding: 15px 0 0 30px;
  		font-size: 0.9em;
	}

	.custom-slider .flickity-slider > .row{
		width: 80%!important;
		max-width: 80%!important;
	}
	.custom-slider .flickity-prev-next-button{
		display: block!important;
		top: -120px;
	}
	.flickity-prev-next-button.previous{
		left: auto;
  		right: 15%;
	}
	.flickity-prev-next-button.next{
		left: auto;
		right: 0;
	}
	/*end OUR TEAM*/


	/*start LOGOS*/
	.wrap-logos .col-inner{
		flex-direction: column;
	}
		.wrap-logos .col-inner .ux-logo{
			margin-bottom: 15px;
		}
	/*end LOGOS*/

	/*start BLOG*/
	.post-item .box-vertical{
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
		.post-item .box-text{
			width: 90%;
			margin-left: 0;
			margin-top: 30px;
		}
			.post-item .box-text .item-head{
				padding: 15px;
				min-height: 80px;
				margin-bottom: 30px;
			}
				.post-item .box-text .item-head .post-meta{
					margin-bottom: 30px;
					font-size: 0.9em;
				}
				.post-item .box-text .item-head .cat-label{
					font-size: 1em;
				}
				.post-item .box-text .item-head .post-title{
					font-size: 1.8em;
				}

	.single-post .entry-header-text,
	.single-post .entry-image{
		margin-bottom: 30px;
	}
		.single-post .entry-title{
			font-size: 2em;
	  		max-width: 100%;
		}
	/*end BLOG*/
}
/*end IPHONE VERTICAL*/

/*start IPHONE HORIZONTAL*/
@media (min-width: 480px) and (max-width: 767px) {
   
}
/*end IPHONE HORIZONTAL*/

 /*start IPAD VERTICAL*/
@media (min-width: 768px) and (max-width: 979px){
    
}
/*end IPAD VERTICAL*/

/*start BIG SCREEN*/
@media (min-width: 1200px){
}
/*end BIG SCREEN*/
/*-----------end MEDIA QUERIES-----------*/