/*
Style sur-mesure 
Glow By Catharina
*/

/* GÉNÉRAL */


#primary > article > .entry-content {
 margin-top: 0;
}

body.page {
	margin-bottom: 0;
}

#page h2 {
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 55px;
	color: #2E2E2E;
}

#page h3 {
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 45px;
	color: #2E2E2E;
}

#page p {
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
	color: #262626;
}

/* MENU DESKTOP */


/* Menu */

#menu-glow {
	box-shadow: #0000000f 0 0 10px 4px;
}


#site-navigation .lien-texte a {
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #262626;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 20px;
	position: relative;
}




#site-navigation .picto-insta-menu a, #site-navigation .picto-tik-menu a, #site-navigation .picto-fb-menu a  {
	font-size: 0; 
	position: relative;
}

#site-navigation .picto-insta-menu a:after {
	margin-left: 0px;
	margin-right: 12px;
}

#site-navigation .picto-fb-menu a:after, #site-navigation .picto-tik-menu a:after {
	margin: 0 12px;
}


#site-navigation .picto-insta-menu a:after, #site-navigation .picto-fb-menu a:after, #site-navigation .picto-tik-menu a:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
}

#site-navigation .picto-insta-menu a:after {
	background-image: url('https://glow-bycatharina.fr/wp-content/uploads/2025/05/insta-rose.svg');
}

#site-navigation .picto-tik-menu a:after {
	background-image: url('https://glow-bycatharina.fr/wp-content/uploads/2025/05/tiktok-orange.svg');
}

#site-navigation .picto-fb-menu a:after {
	background-image: url('https://glow-bycatharina.fr/wp-content/uploads/2025/05/facebook-jaune.svg');
}




/* BLOC INTRO */

#bloc-intro h1 {
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 70px;
	color: white;
	margin-bottom: 40px;
}

#bloc-intro h1 b {
color: #FDC151;
}

#bloc-intro p {
	font-family: "poppins", sans-serif;
    font-weight: 700;
    font-size: 30px;
	color: white;
}



/* BLOC QUI SE CACHE DERRIERE */
#bloc-catharina h2 b {
	color:#D52D5D;
}

/* BLOC EXPERIENCES */
#bloc-experiences h3 {
	position: relative;
	display: block; 
}

#bloc-experiences h3 b {
	color: #D52D5D;
}
#bloc-experiences a {
	color: #262626;
	text-decoration: underline;
}



/* MES SERVICES */
#titre-services, #bloc-catharina, #bloc-contact {
	scroll-margin-top: 100px;
}


#titre-services h2 {
	color: transparent;
}

/* BLOC COMMUNICATIION ET ANIMATION */

#bloc-communication h3, #bloc-animation h3 {
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 55px;
	color: #2E2E2E;
}

#bloc-communication h4, #bloc-animation h4 {
	font-size: 30px;
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	color: #2E2E2E;
}


#btn-animation {
	border-radius: 30px;
    background-color: #D52D5D;
    padding: 12px 30px;
}


#btn-animation span {
	color: white;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
}


/* BLOC MODELING */
#bloc-modeling h3 {
color: white;
font-size: 55px;
}

#bloc-modeling p {
	color: white;
}

#btn-book {
	border-radius: 30px;
    background-color: white;
    padding: 12px 30px;
}

#btn-book span {
	color: #D52D5D;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

/* BLOC CONTACT */

#bloc-contact h2 b {
	color: #D52D5D;
}

#btn-tel,
#btn-mail {
	border-radius: 30px;
    background-color: #D52D5D;
    padding: 12px 30px;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    box-shadow: #0000001f 1px 1px 10px 2Px;
}


/* BLOC FORMULAIRE */


.wpforms-submit-container {
	display: flex;
	flex-direction: row-reverse;
}

#bloc-formulaire h2 {
	text-align: center;
}

#bloc-formulaire h2 b {
	color: #F17105;
}


#bloc-formulaire label {
	font-family: "poppins", sans-serif;
	font-weight: 500;
	font-style: italic;
	color: #262626;
	opacity: 0.8;
	letter-spacing: 0.5px;
}

#bloc-formulaire input,
#bloc-formulaire textarea {
	border: 0;
	border-radius: 30px;
	box-shadow: #0000001f 1px 1px 10px 2Px;
}

#bloc-formulaire .wpforms-required-label {
	color: #F17105;
}

#bloc-formulaire .btn-contact-glow, 
#bloc-formulaire .btn-contact-glow:hover,
#bloc-formulaire .btn-contact-glow:active {
    border-radius: 30px;
    background-color: #F17105;
    padding: 0 30px;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
	box-shadow: #0000001f 1px 1px 10px 2Px;
}

/* Msg confirmation */

#bloc-formulaire div.wpforms-container-full .wpforms-confirmation-container-full{
	background: #F17105;
    border: none;
    border-radius: 30px;
}


#bloc-formulaire div.wpforms-container-full .wpforms-confirmation-container-full p {
	color: white;
	text-align: center;
}


/* BLOC FOOTER */

#bloc-footer, #bloc-footer p, #bloc-footer p a, #bloc-footer p a:visited  {
	color: white;
}

#bloc-footer p {
	text-align: center;
    font-size: 14px;
    padding: 6px 0;
}

#bloc-footer {
	position: relative;
}

#bloc-footer:before {
	content: "";
    width: 240px;
    height: 204px;
    background-image: url(https://glow-bycatharina.fr/wp-content/uploads/2025/05/etoile.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 0;
	top: -204px;
	z-index: -1;
}


#footer-rose-fonce {
	background-color: #D52D5D;
	padding-top: 40px;
    padding-bottom: 40px;
}

#footer-rose-clair {
	background-color: #E65780;
}

#footer-rose-fonce .row, #footer-rose-fonce .row > div {
	/*display: flex;*/
}

#footer-rose-clair p {
	margin: 0;
}

#footer-rose-clair p, #footer-rose-clair a {
	font-weight: 500;
}

.col-logo, .col-coordonnes, .col-reseaux {
	display: flex;
		justify-content: center;
		gap: 1rem;
		align-items: center;
}

.col-logo, .col-coordonnes {
		justify-content: center;
}

.col-coordonnes a {
	text-decoration: none;
}


.col-coordonnes a:hover {
	font-weight: 700;
}

.col-reseaux {
	justify-content: flex-end;
}

.col-reseaux a {
	margin: 0 10px;
}

.col-coordonnes p, .col-stemp p {
	margin: 0;
}

.col-stemp img{
	display: block;
    margin: auto;
}

@media (max-width: 767.98px) {
	#img-modeling {
		position: relative;
        top: 0;
        right: 0;
        width: 100%;
	}
  }



  /*MENTIONS*/

  #bloc-mentions {
	padding: 60px 0 0 0;
  }

  #bloc-mentions h1 {
		font-family: "superior-title", serif;
		font-weight: 800;
		font-style: normal;
		font-size: 55px;
		color: #262626;
		margin-bottom: 40px;
  }

  #bloc-mentions h2 {
	font-family: "superior-title", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 30px;
	color: #262626;
  }

  #bloc-mentions a {
	text-decoration: underline;
	color: #262626;
  }





  /* RESPONSIVE */


  @media (max-width:767px) {


	/* Général */

	#primary {
		padding-top: 73px;
	}

	#page h1 {
		font-size: 60px;
	}

	#page h2 {
		font-size: 45px;
	}

	#page h3 {
		font-size: 40px;
	}

	#page h4 {
		font-size: 25px;
	}

	/* Modeling */

	#img-modeling {
		z-index: 0;
	}
	

	/* footer */

	.col-logo > img {
		margin-bottom: 40px;
	}

	.col-reseaux {
		justify-content: center;
    	margin: 40px 0;
	}

	/*Menu*/



	#div-logo {
		z-index: 1;
	}

	#masthead {
		position: fixed;
		z-index: 1;
		display: block;
		background-color: white;
		width: 100%;
	}

	#div-logo img {
		width: 90px;
        margin: 15px 0 15px 10px;
	}

	#site-navigation {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

button.menu-toggle {
	position: relative;
	color: transparent;
	font-size: 0;
}

button.menu-toggle:after {
	content: "";
	width: 41px;
	height: 27px;
	background-image: url(https://glow-bycatharina.fr/wp-content/uploads/2025/05/menu-ferme.svg);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-50%);
	z-index: 1;

}


	#site-navigation.toggled {
		width: 100vw;
		height: 100vh;
		position: absolute;
		background-color: white;
		display: block;
	}

	/* Emplacement icon fermeture menu */
	#site-navigation.toggled button.menu-toggle{
		position: static;
	}

	#site-navigation.toggled button.menu-toggle:after {
		background-image: url(https://glow-bycatharina.fr/wp-content/uploads/2025/05/menu-ouvert.svg);
        right: 15px;
        top: 15px;
		transform: none;
    }

	.menu-menu-principal-container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);

	}


	.menu-menu-principal-container a {
		font-family: "poppins", sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #262626;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 50px;
		text-align: center;
	}

	#site-navigation .picto-insta-menu a:after,
	#site-navigation .picto-tik-menu a:after,
	#site-navigation .picto-fb-menu a:after {
		margin-left: 0;
		margin-right: 0;
	}

	#site-navigation .picto-insta-menu a:after {
		margin-top: 30px;
	}

  }



  @media (min-width: 600px) {

	/* Menu */

	#masthead {
		position: fixed;
		width: 100vw;
		z-index: 11;
		background-color: white;
	}

	#div-logo img {
		width: 110px;
		margin: 15px 0 15px 25px;
	}

	#site-navigation {
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
	}

	#site-navigation ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	

	#site-navigation .lien-texte:not(.menu-item-198) a:after {
		content: "";
		width: 17px;
		height: 19px;
		background-image: url(https://glow-bycatharina.fr/wp-content/uploads/2025/05/etoile-menu.svg);
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		right: -16px;
		transform: translateX(-50%);
		top: 0;
	}


	

}

  @media (min-width:1025px) {

	#primary {
		padding-top: 83px;
	}

	/* Intro */

	#bloc-intro {
		position: relative;
	}
	
	#bloc-intro:after {
		content: "";
		width: 100%;
		height: 225.39px;
		background-image: url(https://glow-bycatharina.fr/wp-content/uploads/2025/05/longue-vague-rose-2-scaled.png);
		background-position: center center;
		background-repeat: repeat-x;
		background-size: 2428.8px;
		display: block;
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 1;
	}


	/* Services */

	#bloc-experiences h3:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		margin-left: 20px;
		height: 1px;
		width: 67%;
		background-color: #D52D5D;
	}

  }