/*
Theme Name: Ratio Child
Theme URI: http://ratio.edge-themes.com/
Description: A child theme of Ratio Theme
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Version: 1.0.0
Template: ratio
*/
/*@import url("../ratio/style.css");*/


@font-face {
    font-family: 'Molitor';
    src: url('/wp-content/themes/ratio-child/fonts/Molitor-Text-Regular-205TF.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Molitor';
    src: url('/wp-content/themes/ratio-child/fonts/Molitor-Text-Bold-205TF.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Molitor';
    src: url('/wp-content/themes/ratio-child/fonts/Molitor-Text-Italic-205TF.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Molitor';
    src: url('/wp-content/themes/ratio-child/fonts/Molitor-Text-BoldItalic-205TF.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Bon Vivant';
    src: url('/wp-content/themes/ratio-child/fonts/BonVivant.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


@media only screen and (min-width: 768px) {
.encadre_gris{
	max-width: 45%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 20px !important;
	}}
@media only screen and (max-width: 768px) {
  :has(> .encadre_gris) {
    display: flex;
    flex-direction: column;
  }

  .encadre_gris {
    height: auto ;
	  text-align: center;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	  padding: 20px !important;
	  margin: auto;
	  width: 80%;
	  margin-bottom: 30px;
  }
}


.encadre {
  background-color: #fff; /* Couleur de fond blanche */
  padding: 20px; /* Espace interne autour du texte */
  border-radius: 10px; /* Bords arrondis */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombre visible sur les 4 côtés */
  text-align: center; /* Centrer le texte */
  font-family: 'Arial', sans-serif; /* Police du texte */
  font-size: 16px; /* Taille du texte */
  line-height: 1.6; /* Hauteur de ligne pour lisibilité */
	    margin-top: 20px;
    margin-bottom: 20px !important;
}

.encadre_item {
	    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 20px;

}


.social-remote {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: rgba(239, 198, 23, 1) !important;
  background: rgba(239, 198, 23, 1) !important;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 45px;
  height: 210px;
  z-index: 9999;
	justify-content: space-evenly;
}

.social-icon {
  display: block;
  width: 40px;
  height: 40px;
}

.social-icon img {
  width: 100%;
  height: 100%;
}


h1, h5, h3,p, h6{
    font-family: 'Molitor', Arial, sans-serif !important;
}
h2, h4{
 font-family: 'Bon Vivant', Arial, sans-serif !important;
}



.edgtf-content > .edgtf-content-inner > .edgtf-full-width > .edgtf-full-width-inner {
	padding: 0px !important;
}

.edgtf-fullscreen-menu-opener-inner > .edgtf-line {
	height: 5px !important;
    width: 50px !important;
	margin: 5px !important;
	position: relative;
    display: inline-block;
}
	


.edgtf-fullscreen-menu-opener-inner > .edgtf-line::before{
	height: 5px !important;
    width: 50px !important;
	top:-10px;
}
.edgtf-fullscreen-menu-opener-inner > .edgtf-line::after {
    height: 5px !important;
    width: 50px !important;
	top:10px;
}

.edgtf-footer-top-holder{
	background-color: white !important;
}

.edgtf-footer-bottom-holder{
	    background-color: #efc617 !important;
}


.edgtf-footer-bottom-holder a {
		color: black;
	}

.edgtf-footer-bottom-holder p {
		color: black !important;
	}

.edgtf-vertical-align-containers{
	padding: 0px !important;
}

a.edgtf-fullscreen-menu-opener {
	width: 60px !important;
	height: 50px !important;
}
@media only screen and (max-width: 480px) {
    h3 {
        font-size: 22px;
        line-height: 28px;
	}
	h1{
		font-size: 30px;
        line-height: 38px;
	}
	h2{
		font-size: 25px;
        line-height: 38px;
	}
	h4{
		font-size: 20px;
        line-height: 28px;
	}
	h5{
		font-size: 18px;
        line-height: 28px;
	}
	h6{
		font-size: 15px;
        line-height: 18px;
	}

}

.edgtf-post-content{
	margin-top:110px;
}
.edgtf-widget-title{
	font-family: 'Molitor', Arial, sans-serif !important;
	font-size:35px;
	
}

h4.edgtf-widget-title  {
	padding-bottom:25px;
}
.edgtf-sidebar .edgtf-widget-title {
    padding: 0 9px 7px;
    margin-bottom: 19px;
    border-bottom: 6px solid #efc617;
	
}
.edgtf-blog-holder article .edgtf-post-title{
	font-family: 'Molitor', Arial, sans-serif !important;
	font-size:45px;
	line-height:52px;
	
}
.edgtf-post-info-category, .edgtf-post-info-date {
    font-family: 'Molitor';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
}


.vc_separator h2, h4 {
    font-size:48px;
    margin-right:15px;
    margin-left:15px;
}


@media only screen and (max-width: 480px) {
    .edgtf-footer-column-1 p font{
        --min-fs: 1;
        --max-fs: 1.5;
        --min-vw: 20;
        --max-vw: 45;
        --min-fs-rem: var(--min-fs)* 1rem;
        --max-fs-rem: var(--max-fs)* 1rem;
        --min-vw-rem: var(--min-vw)* 1rem;
        --slope: (var(--max-fs) - var(--min-fs))*(100vw - var(--min-vw-rem)) /(var(--max-vw) - var(--min-vw));
        font-size: clamp(var(--min-fs-rem), var(--min-fs-rem) + var(--slope), var(--max-fs-rem));
        white-space: nowrap;
    }
	.formbrevo{
		 width: 90%!important; max-width: 400px!important; margin: 0 auto!important; 
	}
}
h3.edgtf-post-title {
	font-size: 28px !important;
    line-height: 32px !important;
}
.edgtf-separator{
	border-width: 5px !important;
}

@media only screen and (max-width: 480px) { 
	h1.edgtf-title-subtitle-holder{
	font-size: 25px !important;
    line-height: 29px !important;
	
	}}

    .edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-with-space article .edgtf-item-image-holder a img, .edgtf-portfolio-list-holder-outer.edgtf-ptf-standard article .edgtf-item-image-holder a img{
        -webkit-backface-visibility: visible !important;
    }