/*
Theme Name: The LeftWay
Description: CAUM theme
Author: David
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */






@font-face {
    font-family: 'st_marie_extraboldextrabold';
    src: url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.eot');
    src: url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.woff') format('woff'),
         url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/stereotypes_-_stmarie-extrabold-webfont.svg#st_marie_extraboldextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'st_marie_demibolddemibold';
    src: url('/wp-content/fonts/stmarie-demibold-webfont.eot');
    src: url('/wp-content/fonts/stmarie-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/stmarie-demibold-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/stmarie-demibold-webfont.woff') format('woff'),
         url('/wp-content/fonts/stmarie-demibold-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/stmarie-demibold-webfont.svg#st_marie_demibolddemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'st_marie_pro_regularregular';
    src: url('/wp-content/fonts/stmariepro-regular-webfont.eot');
    src: url('/wp-content/fonts/stmariepro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/stmariepro-regular-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/stmariepro-regular-webfont.woff') format('woff'),
         url('/wp-content/fonts/stmariepro-regular-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/stmariepro-regular-webfont.svg#st_marie_pro_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @import url('https://fonts.googleapis.com/css?family=Overpass'); */




/* changement setup initial de oceanwp qui réduit les zones utiles*/
.single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .wp-block-image, .single-post.content-max-width .wp-block-gallery, .single-post.content-max-width .wp-block-video, .single-post.content-max-width .wp-block-quote, .single-post.content-max-width .wp-block-text-columns, .single-post.content-max-width .entry-content ul, .single-post.content-max-width .entry-content ol, .single-post.content-max-width .wp-block-cover-text, .single-post.content-max-width .post-tags, .single-post.content-max-width .comments-area {
margin: auto;
max-width: 2500px;
}
.container {
	padding-left: 20px;
	padding-right: 20px;
}



/* frame border orange*/
body::before {
	border: 20px solid #ff3600;
	bottom: 0;
	top: 0;
	content: "";
	position: fixed;
	width: 100%;	
	/*
	transition: border-width 0.3s ease-out; 
	pointer-events: none;
	left: 0;
	display: block;
	*/
}

@media screen and (max-width: 667px) {
	body:after {
	border: 10px solid #ff3600;
	}
}
@media screen and (min-width: 668px) and (max-width: 900px) {
	body:after {
	border: 15px solid #ff3600;
	}
}


#footer-bottom {
	padding: 20px 0 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

@media screen and (max-width: 667px) {
	#footer-bottom {
		padding: 10px 0 0;
	}
}
@media screen and (min-width: 668px) and (max-width: 900px) {
	#footer-bottom {
		padding: 15px 0 0;
	}
}




/* Header fixe en haut de page */
#site-header {
    position: fixed;
}

@media screen and (max-width: 960px) {
	#site-header {
	    margin-top: -50px;
		z-index: 999;
	}
	
}


/* Header Logo */
#site-logo #site-logo-inner a:hover img {
    opacity: 1;
	transform: scale(1.1, 1.1);
}



/* responsive menu */

@media screen and (min-width: 900px) {

	/*.
	responsive-menu-open #responsive-menu-container.slide-right {
		top: 0px;
		bottom: 10px;
		right: 10px;
	}
	*/

	/*
	#responsive-menu-title-image {
		margin-right: 70px !important;
	}
	*/

	#responsive-menu-container {
		height: 50px;
		margin-right: 50px !important;
		width: auto !important;
		background: transparent;
		
	}

	#responsive-menu-container #responsive-menu li  {
		display: block !important;
		float: left;
		width: auto;
		height: 20px;
		white-space: nowrap;
		margin-right: 40px;
		margin-left: 10px;
		padding-right: 5px;
		padding-left: 5px;
		margin-top: 6px;
		font-size: 25px !important;
	}

	#responsive-menu-container #responsive-menu li a:active  {
		text-decoration: underline;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link {
		text-decoration: underline;
	}
}

@media screen and (max-width: 899px) {
	#responsive-menu-container {
		padding-top: 80px !important;
		border-left: 5px solid #fff !important;
		padding-left: 20px !important;
	}
}

button#responsive-menu-button:hover {
	opacity: 1 !important;
}


 .menu-item {
 	font-size: 25px !important;
 }
 
 .responsive-menu-item {
 	font-size: 25px !important;
 }
 #responsive-menu-item {
 	font-size: 25px !important;
 }
 
 

 
/* page CPC : titre e-commerce pour iphone5 */
@media screen and (max-width: 350px) {  
	.elementor-575 .elementor-element.elementor-element-3sd7xsk .elementor-heading-title {
 		font-size: 4rem !important;
 	}
 }
 
 
 /* Featured image en haut des posts */
 .single .thumbnail {
     display: none;
 }
 
 
  /* Featured image sur page archives */
 .elementor-post__thumbnail {
 	border-bottom: 1px solid #fff;
 }
 
 /* titre clients sur page archives */
 h3 {
 	margin-bottom: -12px;
 }
h3:hover {
	text-decoration: underline;
	color: #ff3600;
}


/* Modal window mentions légales */
.omw-modal-title {
	position: absolute;
	top: 10px !important;
	left: 35px !important;
	font-size: 25px !important;
}





.elementor-heading-title.elementor-size-default {
   /* transform: rotate(270deg);
	width: 450px;
	height: auto; */
}



/*Home page: moving background */
.elementor-2574 .elementor-element.elementor-element-3lmen26 {

  background-size:110% 110%;
  background-position:bottom;
  animation: animatedBackground 10s linear infinite;
 }
 
 @keyframes animatedBackground {
 	0% { background-position: 0 0; }
 	50% { background-position: 100% 10%; }
   100% { background-position: 0 0; }
 }



/*Home page alt: bouncing scroll icon */
.elementor-3001 .elementor-element.elementor-element-3lmen26 {

  background-size:110% 110%;
  background-position:bottom;
  animation: animatedBackground 10s linear infinite;
 }
 
 @keyframes animatedBackground {
 	0% { background-position: 0 0; }
 	50% { background-position: 100% 10%; }
   100% { background-position: 0 0; }
 }