/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* ------- FONTS ------- */


/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('https://bellatores.fr/wp-content/themes/generatepress_child/fonts/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('https://bellatores.fr/wp-content/themes/generatepress_child/fonts/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('https://bellatores.fr/wp-content/themes/generatepress_child/fonts/manrope-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1{

}

body{
	font-family: "Manrope";
}

.hl{
	font-family: "Gelica" !important;
	font-size: 55px;
	line-height: 130%; /* 71.5px */
}

@media (max-width: 768px) {
	.hl{
		font-family: "Gelica" !important;
		font-size: 35px;
		line-height: 130%; /* 71.5px */
	}
}

.hm{
	font-family: "Gelica" !important;
	font-size: 35px;
	line-height: 130%; /* 71.5px */
}


.sub{
	font-family: "Manrope";
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
	letter-spacing: 0.48px;
	text-transform: uppercase;
}

strong {
    font-weight: 600 !important;
}

/* ------- Buttons ------- */

.tags-light .tag{
	background: var(--base-3) !important;
    color: var(--contrast) !important;
}

.tag {
    background: var(--accent) !important;
    color: var(--contrast) !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
    margin: 0px 2px;
}

.tag-dark{
	background: var(--contrast) !important;
    color: var(--base-3) !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
    margin: 0px 2px;
}

.cta-xl{
	font-family: "Gelica" !important;
	font-size: 26px;
	background: var(--base-3) !important;
	color: var(--contrast) !important;
    padding: 5px 12px !important;
    border-radius: 2px;
	position: relative;
	margin-right: 40px;
}

.cta-nav, .cta {
    background: var(--accent) !important;
    color: var(--contrast) !important;
    padding: 5px 12px !important;
    border-radius: 2px;
	position: relative;
	margin-right: 40px;
}

.cta-nav {
    line-height: 1.7em !important;
}

.cta-nav:after, .cta:after {
	position: absolute;
	right: -40px;
	top: 0px;
    content: "";
    height: 35px;
    width: 35px;
	border-radius: 2px;
	background-color: var(--contrast);
	background-image: url("/wp-content/themes/generatepress_child/assets/arrow-bellatores.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
}

.cta-xl:after{
	position: absolute;
	right: -55px;
    content: "";
    height: 48px;
    width: 48px;
	border-radius: 2px;
	background-color: var(--contrast);
	background-image: url("/wp-content/themes/generatepress_child/assets/arrow-bellatores.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px;
}


/* ------- NAV ------- */

.site-header .grid-container {
	max-width: none;
}
.nav-float-right #site-navigation {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1030px) {

	.inside-header.grid-container {
		margin-right: 130px;
		}
	}

header#masthead {
    background: transparent;
}

.main-navigation .main-nav ul li a {
    line-height: 40px;
}

.main-navigation, .main-navigation ul ul {
border-radius: 100px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}

.main-navigation .main-nav ul li{
	  text-decoration: none;
}


.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li a:hover {
    color: var(--contrast) !important;
}

.main-navigation .main-nav ul li a:active, .main-navigation .main-nav ul li a:focus{
	color: var(--contrast) !important;
}


.menu a:hover{
  
}

/* Sticky nav */

.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container{
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}

.inside-navigation {
    position: inherit !important;
}

.cta-nav {
    position: absolute;
    right: 30px;
}

.sticky-enabled .main-navigation.is_stuck .inside-navigation {
    position: relative;
    background: white !important;
    border-radius: 100px;
	margin: 10px 10px;
    /* text-align: center; */
    /* display: inline-flex; */
    width: -webkit-fill-available;
}

.sticky-enabled .main-navigation.is_stuck ul#menu-menu {
    margin-right: 160px;
}


/* Mobile Nav */

@media (min-width: 769px) and (max-width: 1030px) {

	.cta-nav.hide-on-mobile {
		margin-right: 120px;
	}
}

#generate-slideout-menu .cta {
    order: 2;
    margin-left: 20px;
}

.has-inline-mobile-toggle .inside-header {
    padding: 20px !important;
}

button.menu-toggle {
    background: transparent !important;
}

.menu-toggle{
	    line-height: 55px !important;
}

#generate-slideout-menu .inside-navigation.grid-container.grid-parent {
    padding: 30px 20px;
}

nav#generate-slideout-menu {
    border-radius: 50px;
}

.slideout-overlay{
	background-color: rgb(22 20 20) !important;
}


/* Reveal text */


.split-char {
  opacity: 0.1;
  display: inline-block;
  white-space: pre;
  position: relative;
}


.split-line {
  display: block;
  overflow: hidden;
  position: relative;
}

.split-line__inner {
  display: inline-block;
  will-change: transform;
}

/* FAQ */

.schema-faq-question:hover {
    cursor: pointer;
}

.schema-faq-question{
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	display: block;
	padding: 15px 15px 15px 0px;
	position: relative;
}

@media (max-width: 768px){
	.schema-faq-question{
		font-size: 16px !important;
	}
}

p.schema-faq-answer {
	margin-bottom: 0px !important;
}

.wp-block-yoast-faq-block{
	border-top: 1px solid #000;
}

.schema-faq-section{
	border-bottom: 1px solid #000;
}

strong.schema-faq-question:after {
    content: "+";
    position: absolute;
    right: 2px;
	border-radius: 8px;
	padding: 0px 0px 2px 0px;
	width: 30px;
    text-align: center;
}

.schema-faq-question{
	font-size: 20px;
}

.schema-faq-section.active .schema-faq-question:after {
            content: "-" !important;
        }
.schema-faq-section.active {
    padding-bottom: 20px;
}


.schema-faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.schema-faq-section.active .schema-faq-answer {
    opacity: 1;
}


/* Clickable container */

.linked-container, .blog .inside-article {
    position: relative;
}

.linked-container .link:before, .linked-container .link:before, .blog .inside-article .entry-title a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.linked-container .link, .blog .inside-article .entry-title a {
  text-decoration: none;
}


.link a {
    text-decoration: none !important;
}