/*
Theme Name: INSPERIAL Child Theme > Astra
Theme URI: https://www.sohappy-studio.com
Author: Agence So'Happy
Author URI: hhttps://www.sohappy-studio.com
Description: Theme for INSPERIAL - Astra child theme
Template: astra
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: insperial
*/
/******************************/
/********** Variables CSS *****/
/******************************/
:root {
	--main-color: #1e2247;
	--sub-color: #939BB8;

    --white : #fff;
	--black : #000;
	--grey: #C7C6C6;
    
	--montserrat:'Montserrat', sans-serif;
}

/* --------------- GENERAL ---------------- */
html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	

}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	font-size: 1.5rem;
	font-family: var(--montserrat);
	color: #000;
	/* overflow-x: hidden; */

}
#content {
	position: relative;
	z-index: 1;
	margin-top: -250px;
}


h1, .entry-content h1 {
	font-size: 4rem;
	font-weight: 400;
	text-transform: uppercase;

}
h2, .entry-content h2 {
	font-size: 3rem;
	font-weight: 400;
	text-transform: uppercase;

}
h3, .entry-content h3 {
	font-size: 2rem;
	font-weight: 400;

}
h4, .entry-content h4 {

}
h5, .entry-content h5 {
	
}

/* définit un style commun pour les paragraphes */
p, a, ul li {
	color: var(--main-color);
}
p, .entry-content p {
	margin-top: 0;
	margin-bottom: 2rem;
}
p a, .entry-content li a, h4 a {
	padding-bottom: 1px;
	border-bottom: var(--sub-color) dotted 1px;
	text-decoration: none!important;
	color: inherit;
	font-weight: inherit;
}
.entry-content p a, .entry-content li a {
	color: var(--sub-color);
	
}
.entry-content p a:hover, .entry-content li a:hover{
	color: var(--main-color);
	border-bottom-color: var(--main-color);
}

p a:hover {
	color: var(--main-color);
}

strong {
	font-weight: 700;
}
em {
    font-style: italic;
}


/* -------- MAINTENANCE PAGE ---------- */
header.entry-header, .site-header-primary-section-right .ast-builder-menu {
	display: none;
}
#content {
	margin-top: -60px;
}
div.vertical-left {
	transform: rotate(-90deg);
	text-align: center;

}
div.vertical-right {
	transform: rotate(90deg);
	text-align: center;
}


/* --------- CONTENUS ----------- */

.with-vertical-line {
	border-right: 2px solid black; /* La ligne verticale */
	padding-right: 10px; /* Ajoute un peu d'espace pour que le texte ne touche pas la ligne */
  }
  
  .with-vertical-line + .wp-block-column {
	padding-left: 10px; /* Espace pour la colonne suivante afin que son contenu ne touche pas la ligne */
  }