/*!
Theme Name: 150euros
Theme URI: http://underscores.me/
Author: Julien Pasini
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: magazine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*FONT*/
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v10/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*GENERAL*/
body{
	margin:0;
	padding:0;
	background-color:#F3F2EF;
}

body .entry-header h2.entry-title a{
	color: #282524;
	text-decoration: none;
}

.wp-block-media-text__content{
	padding-left:0 !important;
}

.clear{
	clear:both;
}

.site{
	width:1100px;
	margin:0 auto;
}

/*HEADER*/
.site-header{
	padding:20px 0 15px 5px;
}

/*CONTENT*/
.site-main .wp-block-group, .site-main .post{
	background-color:#FFF;
	padding:60px 100px 50px 100px;
	margin-bottom:59px;
}

.site-main .wp-block-group p{
	margin:0;
}

.site-main .wp-block-group.no-margin{
	margin:0;
	padding-bottom:0;
}
.site-main .wp-block-group.no-padding-top{
	padding-top:0;
}

.site-main .wp-block-buttons .wp-block-button{
	font-size:20px;
	color:#FFF;
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	margin-right:30px;
}

.site-main .wp-block-buttons .wp-block-button:hover {
  transform: scale(1.04); /* Le bouton sera agrandi à 110% de sa taille d'origine */
}

.site-main .wp-block-buttons .wp-block-button.active a{
	background-color:#F5104E !important;
}

.site-main .wp-block-buttons .wp-block-button:last-child{
	margin-right:0;
}

.site-main .wp-block-separator{
	width:422px;
}

.site-main h1{
	text-transform:uppercase;
	font-size:40px;
	color:#282524;
	margin:0;
	padding:0;
	font-family: 'Bebas Neue';
}

.site-main h2{
	text-transform:uppercase;
	font-size:40px;
	color:#282524;
	margin:0;
	padding:0;
	font-family: 'Bebas Neue';
}

.site-main h2.big{
	font-size:78px;
}

.site-main h3{
	text-transform:uppercase;
	font-size:34px;
	color:#282524;
	margin:0;
	padding:0;
	font-family: 'Bebas Neue';
}

.site-main h4{
	text-transform:uppercase;
	font-size:38px;
	color:#282524;
	margin:0;
	padding:0;
	font-family: 'Bebas Neue';
}

.site-main h5{
	text-transform:uppercase;
	font-size:25px;
	color:#282524;
	margin:0;
	padding:0;
	font-family: 'Bebas Neue';
}

.site-main p{
	font-family: 'Montserrat';
	color:#282524;
	font-size:16px;
}

.site-main .wp-block-columns{
	position: relative;
}

.site-main .wp-block-columns .img-couverture{
	position: absolute;
	top:-110px;
	right:-110px;
	width:381px;
	transform: rotate(11deg);
}

.site-main .wp-block-columns .img-magazines{
	width:648px;
	position:relative;
	left:-133px;
}

.site-main .carousel{
	height:209px;
	padding:0 100px;
}

.site-main .carousel .carousel-slider-outer{
	position:relative;
	top:-57px;
}

.site-main .carousel .owl-item{
	background-color: #FFF;
	height:231px !important;
}

.site-main .carousel .owl-item .carousel-slider__post-title{
	margin-top:10px;
}

.site-main .carousel .owl-item .carousel-slider__post{
	margin:0;
	border-radius:0;
} 

.site-main .carousel .owl-item .carousel-slider__post-image{
	border-radius:0;
}

.site-main .carousel .owl-item a{
	text-decoration:none;
	color:#282524;
}

.site-main .carousel .owl-item .carousel-slider__post-meta, .site-main .carousel .owl-item .carousel-slider__post-excerpt{
	display: none;
}

.site-main .carousel .owl-item h2{
	font-family: 'Montserrat';
	font-size:15px;
	color:#282524;
	text-transform:inherit;
	font-weight:600;
}

/*FOOTER*/
.site-footer{
	padding-bottom:50px;
}

.site-footer .col.info{
	float:left;
	justify-content: center;
}

.site-footer .col.info img{
	float:left;
}

.site-footer .col.info .bloc-info{
	float:left;
	color:#282524;
	font-size:10px;
	margin-left:15px;
	padding-top:8px;
	font-family: 'Arial';
}

.site-footer .col.menu{
	float:right;
}

.site-footer .col.menu ul{
	list-style:none;
}

.site-footer .col.menu ul li{
	float:left;
	padding: 0 5px;
	border-right:1px solid #282524;
}

.site-footer .col.menu ul li:last-child{
	border:0;
}

.site-footer .col.menu ul li a{
	color:#282524;
	text-decoration:none;
	font-size: 11px;
	font-family: 'Montserrat';
	font-weight:500;
}

/*FORM*/
form{
	width:600px;
	margin:0 auto;
}

form label{
	display:block;
	font-size: 20px;
	font-family: 'Bebas Neue';
	padding-left:15px;
}

form .group-form .bloc-form{
	float:left;
	margin-right:40px;
}

form .group-form .bloc-form.last{
		margin-right:0;
}

form input[type=email]{
	width:340px;
}

form .required{
	color:#F5104E;
}

form input[type=text]{
	width:130px;
}

form input{
	height:46px;
	padding:0 20px;
	color:#282524;
	border:1px solid #C6C6C6;
	border-radius:25px;
	font-size: 16px;
	font-family: 'Montserrat';
}

form input::placeholder{
	color:#282524;
	opacity:0.5;
}

form .group-form.center{
	text-align:center;
	margin-top:20px;
}

form .group-form.checkbox{
	height: 35px;
}

form .group-form.margin-top{
	margin-top:20px;
}

form .group-form.checkbox input[type=checkbox]{
	float:left;
	height:auto;
}

form .group-form.checkbox label{
	float:left;
	font-size: 14px;
	font-family: 'Montserrat';
	padding-left:5px;
	color:#282524;
	line-height:14px;
	font-weight: 400;
}

form input[type=submit]{
	color:#FFF;
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	border:0;
	background-color:#0f3573;
	cursor:pointer;
	font-size:24px;
	padding:5px 31px;
}

form input[type=submit]:hover {
  transform: scale(1.04); /* Le bouton sera agrandi à 110% de sa taille d'origine */
}

/*Code promo*/
.site-main.code-promo{
	background-color: #FFF;
}

.site-main.code-promo .wp-block-group{
	width:536px;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
}

.site-main.code-promo h1{
	color:#0F3573;
	font-size:41px;
	padding:0 26px;
}

.site-main.code-promo .code_promo{
	margin-top:20px;
}

.site-main.code-promo form .group-form .bloc-form {
	margin-right:20px;
}

.site-main.code-promo form input[type=email] {
	width:320px;
	background-color:#F3F2EF;
	border:0;
}

.site-main.code-promo form input[type=text] {
	width:111px;
	background-color:#F3F2EF;
	border:0;
}

.site-main.code-promo .code_promo input{
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	width: 492px !important;
	margin-bottom:15px;
	font-weight:bold;
	text-align:center;
	font-size:26px;
	background-color:#F3F2EF;
	border:0;
}

.site-main.code-promo form .group-form.center {
	width:536px;
}

.site-main.code-promo form input[type=submit]{
	background-color:#F5104E;
}

.site-main.code-promo .image-magazine{
	position: absolute;
	bottom:0;
	left:10%;
}

.site-main #error{
	margin-top:10px !important;
	text-align:center;
	font-size:14px;
	color:#F5104E;
}

/*RESPONSIVE*/
@media (max-width: 1700px) {
	.site-main.code-promo .image-magazine{
		left:0;
		width: 40%;
	}
}