/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.9.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*
[Table content]

1. GLOBAL CSS
 	1.1 SETION PADDING
 	1.2 GLOBAL BUTTON
2. HEADER SECTION
	2.1 Humber menu icon

3. ATELIER CREATIFS PAGE
   3.1  sec2h3 (for font weight)
   3.2  usec  (for font-size and font weight and other )
   3.3  ubackground   (for background image )
   3.4  sec3fontfamily (for font weight and font family)
   3.5  upadding15 ( for padding )
   3.6 upad14 (for font-size and font weight)
   3.7 upad15  (for font-size and font weight)
   3.8 upad15 p em (for font-color change )
4. HOME PAGE
5. FOOTER SECTION
6. STUDIO PAGE
7. ACCOMPAGNEMT PAGE
*/

/* 1 GLOBAL CSS */

/*** 1.1 SETION PADDING****/
body, p, span, a{
	font-family: 'HelveticaNeueLT Std';
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Mohave', sans-serif;
}
	.section { margin: 80px 0px; }
	.fontregular h4{
		font-weight:400;
	}
	.bpadding
	{
	  padding-bottom:10px;
	}
	.icon-button hamburger{
	  display: none !important;
	}
/*** 1.1 END SETION PADDING****/

/*** 1.2 GLOBAL BUTTON****/
	.btn-optional {
		border: 1px solid #06038d !important;
		border-radius: 0px !important;
		font-family: 'HelveticaNeueLT Std' !important;
		font-weight: bold !important;
	}
	ul.menu-optional {
		position: absolute;
		top: 0px;
	}

	.button{
		border: 1px solid #06038d !important;
		background-color: transparent !important;
		color: #06038d !important;
		border-radius: 0px !important;
	}
	.button:not(.-reset-color), a.button:not(.-reset-color){
		font-family: 'HelveticaNeueLT Std' !important; /* Arial, Helvetica, "sans-serif"*/
		font-weight: 300 !important;
	}

	#main .button:hover, #masthead .button:hover{
		background-color: #06038d !important;
		color: #fff !important;
	}

	a.network {
		width: 0px !important;
		height: 0px !important;
		border-radius: 0px !important;
		border: 0px !important;
		color: #06038d !important;
		margin-left: 10px;
	}
/*** 1.2 END GLOBAL BUTTON****/

/* 1 END GLOBAL CSS*/

/* 2 header section */
	.header-wrap {
		border-bottom: 1px solid #abb8c3;
	}
    .header.-sticky:not(.-fixed) .header-wrap,
    .header-wrap {
        height: 90px;
    }
	#site-navigation ul.menu{
	   padding-top: 20px;
	}
	#site-navigation ul.menu li a{
		padding-left: 1.2vw;
		padding-right: 0;
	    font-family: 'HelveticaNeueLT Std';
	}
	header{
		padding-top: 20px;
	}

	ul#menu-primary li a span {
		font-weight: bold;
		color: #818284;
	}
	ul#menu-primary li.current-menu-item a span{
		color: #06038d;
	}
.menu-optional > li:not(.icon-button-holder):not(:last-child) {
    padding-right: 0;
}
.header {
  position:sticky  ! important;
  background-color: #fff;
}
.header-cap
{
	display:none ! important;
}

/*******2.1 HUMBER MENU ICON*****************/
	.hamburger.icon-button > .icon{color: #fff;}
	.icon-button.hamburger{background-color: rgb(6 3 141);}
	.header.-mobile .menu > .nav-item{margin: 0px;}
/*******2.1 END HUMBER MENU ICON*****************/

/* 2 END HEADER SECTION */



/************ ATELIERS CREATFS PAGE ******************/
/* ATELIERS CREATFS 3.2*/
	.usec{
		color: #06058f;
		font-size: 1.4em;
		font-weight: 400;
		padding-bottom:3%;
	}

/* ATELIERS CREATFS 3.3 */

	.ubackground {
		background-position: top 90px right !important;
		background-size: 30%;
	}

	.ufontsize{
		font-size:1.25em;
		font-style:italic;
	}

/* ATELIERS CREATFS 3.5*/

	.upadding15{
		padding-bottom:5%;
	}
/* ATELIERS CREATFS 3.6*/
	#ubackground {
		background-position: top 90px right !important;
		background-size: 30%;
	}
	.upad14{
		font-weight:300;
		font-size:1.25em;
		color:#414042;
	}
/* ATELIERS CREATFS 3.7*/

	.upad15 p{
		font-size:1.3em;
		font-weight:500;

	}
/* ATELIERS CREATFS 3.8*/
	.upad15 p em {
		color:#414042;
		font-weight:300;

	}

/**************************** 3 END ATELIERS CREATFS PAGE*********************/



/**************************** 4 HOME PAGE *********************/
	#space {
		height: 180px !important;
	}
	.img2 {
		position: absolute;
		top: -70px;
		right: -4px;
		width:140px;
		 -webkit-animation: spin 9s linear infinite;
		-moz-animation: spin 9s linear infinite;
		animation: spin 9s linear infinite;
	}

	 @keyframes spin {
	  from {
		transform: rotate(-0deg);
	  }
	  to {
		transform: rotate(-360deg);
	  }
	}
	.img2 .vc_figure, .img2 .vc_box_border_grey{
	width: 100%;
	}
	.plR {
		padding: 0px 190px;
	}
	.quote {
		color: #06038d;
	}
	.pd_r {
		padding-right: 50px;
	}
	.pd_l {
		padding-left: 30px;
	}
	#slide_sec {
    background-position: bottom right 13%;
    background-repeat: no-repeat;
    background-size: auto;
	background-attachment: fixed;	
    perspective: 2px;	
    padding: 80px 0px;	
}
	#studio{
	background-size: auto !important;
    background-position: bottom 5% right 13% !important;
    overflow: visible;
    background-attachment: fixed;
    perspective: 2px; 
	padding: 80px 0px;
	
	}
	.hide_icon .icon-button {
		display: none;
	}
	.hide_icon .accordion-button{
		justify-content: center;
	}
	.button_pd_0 .accordion-body{
		padding: 20px 0px !important;
	}
	.accordion .accordion-button {
    background: rgba(0,0,0,0.0) !important;
	}
/***************** 4 END HOME PAGE *************************/


/********************** 5 FOOTER SETION ***********************/
	.widgets-column .widget_nav_menu ul.menu li a:before {
		color: #06038d;
		content: ".";
		font-size: 62px;
		/* width: 50px; */
		/* height: 50px; */
		position: absolute;
		top: -55px;
		left: -20px;
		 margin-left: 10px;
	}
	.widgets-column ul{
		text-align: center;
	}
	.widget_ohio_widget_logo .branding .logo{
		margin: 0 auto;
	}
	.widgets-column .widget_nav_menu ul.menu li {
		position: relative;
		padding-left: 12px;
	}

	.widgets-column .widget_nav_menu ul.menu li a {
		color: #06038d;
		font-weight: 700;
	}
	.site-footer .widgets {
		padding-top: 1rem !important;

	}
	 .site-footer > .page-container{
	  border-top: 1px solid #abb8c3;
	  padding-top:40px;
	}
	.site-footer .page-container + .site-footer-copyright .holder {
	  border-top: 0px !important;
	  color:#414042;

	}
	.site-footer .widgets {
		padding-top: 5rem;
		padding-bottom: 0;
	}
/***************** 5 END FOOTER SETION ***********************/



/********* studio start 6  ***********/

	.sfs h4{

		font-weight: 400;
		color: #06038d;
		font-size: 1.50em;
		line-height:1.6;
	}

	.sh2 h2{
		font-size:2.25em;
		font-weight:500;
	  }
	.sff p{
		font-size:1.25em;
	}

	.sbg{
		/*background: url(/app/uploads/2022/08/Calque-1.png) no-repeat;
		background-size:50%;
		background-position: bottom right -18%;*/
	}
	.sp{
	padding-top:5%;
	}
/***************** END studio end ***********/



/********* 7. ACCOMPAGNMENT PAGE *************/
	.li_b_padding ul li {
		padding-bottom: 20px;
	}
/******END 7. ACCOMPAGNMENT PAGE*********************/


/*******8 RESPONSIVE *********************/
@media screen and (max-width: 1279px){
	.sbg{background-size: 70%;}
}
@media screen and (max-width: 768px){
	  .clb__section_spacer {
		height: 14vh !important;
	}
	ul.menu-optional{
		display: none !important;
	}
	#col_width .vc_col-sm-4{
		width: 100%;
	    margin-bottom: 50px;
	}
	.hide_on_mobile{display: none;}
	.uheight {height: 80px !important;}
	.page-container .vc_row .vc_col-sm-6.widgets-column{
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	ul.menu-optional, .hide_mobile{
		display: none;
	}
	#space {height: 70px !important;}
	.uheight {height: 20px !important;}
	.sbg {
    background-size: 95%;
    padding-bottom: 140px;
	}
	#ubackground{
	padding-top: 0 !important;
	}
	header {
    padding-top: 0;
	}
	.section {
		margin: 25px 0px;
	}
	.marginon_mobile {
		margin-top: 0px !important;
		margin-bottom: 20px;
	}
	.pd_l {
		padding-bottom: 30px;
	}
	.widget_space .wpb_content_element {
		margin-bottom: 10px;
	}
	#m_l .vc_column-inner{
		margin-left: 0px !important;
	}
	.widget_space {
		margin-bottom: 35px;
	}
	#studio{
		margin-bottom: 50px;
	}
	#section_new{
		padding-top: 40px !important;
		padding-bottom: 70px !important;
	}
	#slide_sec, #studio {	
    padding: 25px 0px;	
}
}