/*
 Theme Name: castejon-electricite-theme-child
 Theme URI:    
 Description: Personnalisatin du thème storefront, thème par défaut de WooCommerce
 Author: Thomas Tixier
 Author URI:  
 Template: storefront
 Version: 1.0.0
*/

/*
*Couleurs
*/

/*
*Polices
*/

@font-face {
    font-family: 'lato';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaa';
    src: url('fonts/comfortaa-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaa';
    src: url('fonts/comfortaa-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/monsterrat-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

/*
*Réglages généraux
*/


body {
	background-color : #fff;
	color : var(--couleur-texte);
	font-family: var(--font-texte);
    letter-spacing: 1px;
}


a{
	color : var(--couleur-liens);
    transition: var(--main-short-transition);
}

a:hover{
	text-decoration : none;
	color : var(--couleur-liens-hover);
}

a:focus,
input:focus,
textarea:focus,
button:focus{
   outline: none;
}

.entry-content{
    font-family: var(--font-texte);
    font-size: var(--font-size-medium);
}

p.font-titre{
    font-family: var(--font-titre);
    font-size: var(--font-size-large);
    padding: 0 25%;
}

img{
    transition: var(--main-short-transition);
}

table:not(.has-background) th.product-remove,
table:not(.has-background) th.product-thumbnail
{
	background-color: transparent;
}

h1,h2,h3,h4{
    font-family: var(--font-titre);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

/*blocs*/

h2{
    font-size: var(--font-size-x-large);
}

h3{
    font-size: var(--font-size-large);
}

h4{
    font-size: var(--font-size-medium);
}


h2.wp-block-heading,
h3.wp-block-heading
{
    padding-top: 2rem;
    margin-bottom: 2rem;
}

h2.wp-block-heading.has-text-align-center{
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

h2.wp-block-heading::before,
h3.wp-block-heading::before
{
    content : '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 3.375rem;
    height: .625rem;
    background-image: url('images/picto-points.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 10;
}

h3.wp-block-heading{
    text-transform: none;
}

.wp-block-columns{
    gap: 10rem;
}

:root{
    --quote-padding: 7vw;
}

#main-container .entry-content blockquote{
    padding: var(--quote-padding) calc(3 / 4 * var(--quote-padding));
    border-radius: 1.25rem;
    border: none;
    position: relative;
}

.entry-content blockquote p{
    padding: 0;
    margin: 0;
    font-family: var(--font-titre);
    font-size: var(--font-size-large);
    font-style: normal;
    line-height: 1.3;
}

.entry-content blockquote::before{
    content : '';
    position: absolute;
    left: 50%;
    top: calc(.5 * var(--quote-padding));

    transform: translate(-50%, -50%);
    width: 7.875rem;
    height: 2rem;
    background-image: url('images/picto-quote.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

ul.wp-block-list{
    margin-left: 0;
}

ul.wp-block-list li{
    padding-left: .5rem;
    margin-left: .5rem;
}

ul.wp-block-list li::marker{
    content: ">";
    color: var(--couleur-4);
    font-weight: 700;
}


.entry-content > .wp-block-group{
    padding: 7.875rem 3.75rem;
}

.wp-block-group__inner-container{
    max-width: 80vw;
    margin: 0 auto;
}