/**
 * Theme Name: Mapiscine
 * Theme URI: https://mapiscine.ch
 * Description: Thème personnalisé pour le site MaPiscine
 * Version: 1.0.0
 * Author: Nicolas Decaesteker
 * Author URI: https://coqauweb.com
 * Template: blocksy
 * Text Domain: blocksy
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset & Include
2.0  Custom
3.0  Media Queries

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset & Include
--------------------------------------------------------------*/

:root {
	color-scheme: light dark;
	--bg-color-page : rgb(19,20,32); /* #131420 */
	--bg-color-sec : rgb(48,70,86); /* #304656 */
	--bg-color-sec-grad : rgba(48,70,86,0); /* #304656 */
	--bg-color-box-sec : rgb(91,96,101); /* #5b6065 */
	--bg-color-footer : rgb(51,7,0); /* #330700 */
	--color-primary : rgb(250,249,245); /* #faf9f5 */
	--color-primary-dark : rgb(204,204,204); /* #CCC */
	--color-primary-darker : rgb(221,221,221); /* #DDD */
	--color-hero : rgb(152,105,22); /* #986916 */
	--color-hero-shade : rgb(202,175,143); /* #CAAF8F */
	--color-w : rgb(255,255,255); /* #FFF */
	--color-b : rgb(0,0,0); /* #000 */
	--color-gray : rgb(85,85,85); /* #555 */
	--color-darkgray : rgb(51,51,51); /* #333 */
	--color-link : rgb(58,133,200); /* #3A85C8 */
	--color-link-h : rgb(46,106,160); /* 2E6AA0 */
	--color-highlight : rgb(136,136,136); /* #888 */
	--color-alert-success : rgb(76,187,23); /* #4CBB17 */
	--color-alert-error : rgb(220,20,60); /* #DC143C */
	--btn-bg : rgb(63,67,70); /* #3f4346 */
	--btn-sec : rgb(36,38,40); /* #242628 */
	--caption-bg-thumb : rgba(0,0,0, .6); /* #000 */
	--caption-bg-box : rgba(63,67,70, .9); /* #3f4346 */
}

@media (prefers-color-scheme: dark) {
	:root {
	--bg-color-page : rgb(19,20,32); /* #131420 */
	--bg-color-page-sec : rgb(48,70,86); /* #304656 */
	--bg-color-box-sec : rgb(91,96,101); /* #5b6065 */
	--bg-color-footer : rgb(51,7,0); /* #330700 */
	--color-primary : rgb(238,238,238); /* #EEE */
	--color-primary-dark : rgb(204,204,204); /* #CCC */
	--color-primary-darker : rgb(221,221,221); /* #DDD */
	--color-hero : rgb(152,105,22); /* #FF2400 */
	--color-hero-shade : rgb(178,25,0); /* #B21900 */
	--color-w : rgb(255,255,255); /* #FFF */
	--color-b : rgb(0,0,0); /* #000 */
	--color-gray : rgb(85,85,85); /* #555 */
	--color-darkgray : rgb(51,51,51); /* #333 */
	--color-link : rgb(47,110,190); /*a faire*/
	--color-link-h : rgb(47,110,190); /*a faire*/
	--color-highlight : rgb(136,136,136); /* #888 */
	--btn-bg : rgb(63,67,70); /* #3f4346 */
	--btn-sec : rgb(36,38,40); /* #242628 */
	--caption-bg-thumb : rgba(0,0,0, .6); /* #000 */
	--caption-bg-box : rgba(63,67,70, .9); /* #3f4346 */
	--error-color : var(--raspberry, red);
	}
}

@font-face {
	font-family: 'Benedict';
	src: local('BenedictRegular'),
		url('https://bigsy-luminaires.fr//webfonts/BenedictRegular.woff2') format('woff2'),
		url('https://bigsy-luminaires.fr//webfonts/BenedictRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------
2.0 Custom
--------------------------------------------------------------*/

/* User agent */
body {}

/* Header */
#header .ct-header-trigger.ct-toggle {border-width: 2px !important; margin-right: 10px;}
#header .ct-button-ghost {background-color: transparent !important; }

/* Footer */


/* Content */
	#main {margin-top: -150px;}
	.wrap-global {margin-bottom: 0!important;}
	.wrap-h3 {position: relative;}
	.wrap-h3 h3 {
		display: inline-block;
		position: absolute;
		margin: 0;
		padding: 10px 20px;
		background-color: #ffffff;
		border: 1px solid #000;
		top: 20px;
	}
	.wrap-h3 h3.h3-left { right: calc(50% - 40px);}
	.wrap-h3 h3.h3-right { left: calc(50% - 40px);}
	.wrap-h3 .type-txt {align-self: end; padding-bottom: 20px;}
	.wrap-h3 .type-txt p {margin-bottom: 15px;}
	.wrap-h3 .type-txt-right p,
	.wrap-h3 .type-txt-right .wp-block-button {margin-left: 20px;}
	.wrap-h3 .type-txt-left p,
	.wrap-h3 .type-txt-left .wp-block-button {margin-right: 20px;}

	h2.wp-block-heading {font-size: 28px; color: #555555;}
	h3.wp-block-heading {font-size: 22px; color: #666666;}
	
    

	/* Home */
	.ct-container-full {padding-top: 0;}

	/* pages piscine */
	.parent-pageid-38 .wp-block-cover__inner-container {padding-left: 80px;}
	.parent-pageid-38 h1 {color: #ffffff;}
	.parent-pageid-38 .wp-block-cover__inner-container p {font-size: 20px; color: #eeeeee;}

	/* Slider */
	/*.wp-block-themepunch-revslider.revslider {margin-top: -100px;}*/
	
	/* Tooltip, menu burger & offcanvas */

	/* Images et cartes */

/* Mentions légales */



/*--------------------------------------------------------------
2.1 Custom Slider Revolution
--------------------------------------------------------------*/

/* Logo */

/* Pages */

/* Présentation */


/* **************** */
/* CONTACT FORM */
/* **************** */

 
/* <textarea> message field height for below desktop viewport */
@media screen and (max-width: 960px) {}


/*--------------------------------------------------------------
3.0 Media Queries
--------------------------------------------------------------*/

/*
Mobile S < 390px
Mobile L ≥ 390px
Screen S ≥ 820px
Screen L ≥ 1280px
*/

@media (max-width: 389px) {
	/* slider */
	
	/* header */
	
	/* footer */
	
	/* Content */
	
	/* H1 & revslider */
	
	/* offcanvas */
	
	/* images et cartes */
	
}

@media (min-width: 390px) and (max-width: 819px) {
	/* slider */
	
	/* header */
	
	/* footer */
	
	/* content */
	
	/* H1 & revslider */
	
	/* offcanvas */
	
	/* images et cartes */
	
}

@media (max-width: 819px) {
	/* content */
	
	/* H1 & revslider */
	
	/* offcanvas */
	
	/* images et cartes */
	
}

@media (min-width: 820px) and (max-width: 1279px) {
	
	/* header */
	
	/* footer */
	
	/* content */
	
	/* H1 & revslider */
	
	/* offcanvas */
	
	/* images et cartes */
	
}