/*
Theme Name:     unov
Theme URI:      
Description:    Page-builder-framework child theme.
Author:         Me
Author URI:     
Template:       page-builder-framework
Version:        0.1.0
*/

/* GLOBAL */
#inner-content {
	padding-top: 0;
	padding-bottom: 0;
}
.texte_blanc *, .texte_blanc {
	color: #fff;
}

.intro_p {
	font-size: 24px;
	color: #12697f;
}

.titre_deco h2::before {
	content:'';
	background-image: url(assets/images/oeil.png);
	position: relative;
	display: inline-block;
	left: 0;
	background-size: cover;
    height: 35px;
    background-repeat: no-repeat;
    width: 50px;
    margin-right: 20px;
} 


/****404*****/

body.error404 footer {
	position: fixed;
    bottom: 0;
    width: 100%;
}

body.error404 main {
	position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*** HOMEPAGE ***/
	
.letter_color::first-letter {
	color: #61c198 !important;
}

.home h1 span {
	display: inline-block;
}

.tagline h2{
	font-weight: 400 !important;
	font-size: 36px;
}

.hp_formations h3, .grille_formations h3 {
	padding: 15px 10px !important;
}
.hp_formations .ult-banner-block .mask.opaque-background .bb-description{
	position: absolute;
	bottom: 30%;
}


/*** Pages Formation ***/

.page_title {
	min-height: 300px;
}

.grille_centree {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

.btn_cta .ubtn {
	padding: 10px 50px;
}

.titre_grille_formations h2 {
	font-size: 34px;
}

.grille_formations h3 {
	min-height: 72px;
	display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.grille_formations .ult-banner-block .mask.opaque-background p {
	position: absolute;
	bottom: 50%;
	width:100%;
}



/* Photo membres */

.membres_row .wpb_single_image img {
	max-width: 70%;
}

.membres_row {
	margin-bottom: 50px;
}

/* MEDIA QUERIES */

@media screen and (min-width: 991px) and (max-width: 1092px){
	.grille_formations h3 {
		min-height: 93px;
	}
}

@media screen and (min-height: 800px){
	.qsn_bg .upb_row_bg, .ortho_bg .upb_row_bg {
		background-position-y: -100px !important;
	}

	.ortho_bg .upb_row_bg {
		background-position-y: -100px !important;
		transform: scale(1);
	}
}


/* Responsive */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
	
	#wpbf-mobile-menu-toggle {
		font-size: 35px;
		color: #12697f;
	}
	
	.wpbf-mobile-menu .sub-menu {
		padding-left: 30px !important;
	}
	
	.vc_row-fluid, .vc_row-fluid {
		padding: 0 50px !important;
	}
	
	.hp_formations .vc_col-sm-4 h3 {
		min-height: 102px;
		display: flex;
    	align-items: center;
    	padding: 0px 20px 10px !important;
	}
	
	.grille_formations .vc_col-md-4 h3 {
		min-height: 95px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.titre_deco {
		margin-bottom: 0px !important;
	}
	
	.qsn_bg .upb_row_bg, .ortho_bg .upb_row_bg {
		background-position-y: center !important;
	}
	
	.vc_row-fluid, .vc_row-fluid {
		padding: 0 20px !important;
	}
	
	.home_btn .ubtn-text, .btn_catalogue .ubtn-text {
		font-size: 24px !important;
	}
	
	.btn_catalogue button {
		padding: 21px 42px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	
	.wpbf-navigation .wpbf-2-3 {
		width: 180px !important;
	}
	
	.home-intro h1 {
		font-size: 40px;
	}
	
	body.error404 h1 {
		font-size: 42px !important;
	}
	
	body.error404 main {
		width: 80% !important;
	}
	
	.home-intro h2 {
		font-size: 25px;
	}
	
	.home-intro .ubtn-large {
		padding: 12px 10px;
	}
	
	.partners .vc_col-sm-6.vc_col-has-fill > .vc_column-inner {
		padding-right: 15px !important;
		border-right: none !important;
		margin-bottom: 30px;
	}
	
	.vc_col-sm-6 > .vc_column-inner {
		padding-left: 15px !important;
	}
	
	.partners h2 {
		text-align: center;
	}
	
	.vc_row.vc_column-gap-30 {
		margin-left: -15px !important;
    	margin-right: -15px !important;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	.wpbf-mobile-nav-wrapper {
		padding-top: 15px !important;
    	padding-bottom: 15px !important;
	}
	
	body.error404 h1 {
		font-size: 28px !important;
	}
	
	.home_btn .ubtn-text, .btn_catalogue .ubtn-text {
		font-size: 18px !important;
	}
	
	.home_btn {
		margin-top: 50px;
	}
	
	.home_btn button, .btn_catalogue button {
		padding: 15px 12px !important;
	}
	
	.vc_row-fluid, .vc_row-fluid {
		padding: 0 0px !important;
	}
	
	.page_title {
    	min-height: 220px;
	}
	
	.page_title h1 {
		font-size: 45px;
		line-height: 48px;
		text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
	}
	
	.home-intro h1 {
		font-size: 31px;
		line-height: 34px;
	}
	
	.home-intro h2 {
		font-size: 19px;
	}
	
	.home-intro .ubtn-large {
		padding: 7px 10px;
		font-size: 17px !important;
		line-height: 19px;
	}
	
	.home-intro .wpb_content_element.texte_blanc {
		margin-bottom: 20px !important;
	}
	
	.titre_deco h2 {
		font-size: 30px;
	}
	
	.titre_deco h2::before {
		background-size: contain;
    	width: 25px;
    	margin-right: 8px;
    	vertical-align: middle;
    	height: 25px;
	}
	
	.intro_p {
		font-size: 18px;
		line-height: 27px;
		margin-bottom: 15px !important;
	}
	
	.tromb .wpb_single_image {
		margin-bottom: 15px;
	}
	
	.tromb .vc_col-sm-4 {
		margin-bottom: 20px;
	}
	
	.agre .wpb_single_image img {
		max-width: 150px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}