/*
Theme Name:     Gridlove Child
Theme URI:      https://mekshq.com/theme/gridlove
Description:    Child theme for Gridlove theme
Author:         meks
Author URI:     https://mekshq.com
Template:       gridlove
Version:        0.1.0
*/

/* ALL */
.mks_button {
	background: var(--wp--preset--color--gridlove-acc);
	color: #fff;
}
.lowercase{
    text-transform: lowercase;
}
/* Cards */
article, .gridlove-share, .widget {
	border-radius: 20px;
	overflow: hidden;
}
#footer .widget{
	border-radius:0;
}
.gridlove-box {
    border-radius: 20px;
    overflow: hidden;
}
.meks_ess.square .meks_ess-item, .rounded {
	border-radius: 50px !important;
}
.gridlove-header-wrapper {
    z-index: 8002;
}
.gridlove-header-bottom {
    z-index: 8003;
    border-top: 0px;
	background-color: var(--wp--preset--color--gridlove-highlight-bg);
}
.gridlove-header-bottom, .gridlove-header-bottom a {
    color: #E0E0E0;
}
.gridlove-logo{
    height: 25px;
    width:auto;
}
.logo-groupe img {
	height: 30px;
	width: 30px;
	padding-bottom: 1px;
	transition: 0.3s;
	opacity: .6;
}
.logo-groupe.actualsite img {
	opacity: 1;
}
.gridlove-header-bottom li:hover a img {
    margin-bottom: 5px;
	opacity: 1;
}
.menu-item.actualsite:after {
	content: '';
    height: 0px;
    width: 0px;
    border-right: 12px solid transparent;
    border-bottom: 9px solid white;
    border-left: 12px solid transparent;
    bottom: -2px;
    left: 13px;
    position: absolute;
}
#menu-gridlove-secondary.gridlove-main-nav li>a {
    padding: 0 10px;
}
.gridlove-main-nav li>a {
	border-radius: 20px;
}
.gridlove-header-bottom .gridlove-main-nav a {
    font-weight: 400;
	font-size: 15px;
}
.gridlove-actions-button>span, .gridlove-actions-cart>a {
    line-height: 37px;
    height: 41px;
    width: 41px;
    padding: 0px 10px;
    border-radius: 50px;
    border: solid 2px;
}
.gridlove-header-bottom a:hover, .gridlove-header-bottom .gridlove-sidebar-action:hover, .gridlove-header-bottom .gridlove-actions-button > span:hover, .gridlove-header-bottom .current_page_item > a, .gridlove-header-bottom .current_page_ancestor > a, .gridlove-header-bottom .current-menu-item > a, .gridlove-header-bottom .current-menu-ancestor > a {
    color: #ffffff;
}
.gridlove-header-bottom .gridlove-actions>li>span, .gridlove-header-sticky .gridlove-actions>li>span {
    height: 41px;
    line-height: 37px;
}
.gridlove-header-middle .sub-menu, .gridlove-header-responsive .sub-menu {
    border-radius: 20px;
}
.meks_ess.circle .meks_ess-item, .meks_ess.square .meks_ess-item, .meks_ess.transparent .meks_ess-item {
    width: 38px;
    height: 38px;
    line-height: 39px;
}
.gridlove-header-responsive {
    position: relative;
		z-index: 8002;
		margin-bottom: 30px;
}
.gridlove-ban {
    margin: 30px auto;
}
@media (max-width: 1023px) {
body {
    padding-top: 0px;
}
.gridlove-main-nav li>a {
    padding: 0 8px;
}
.menu-item.actualsite:after {
    left: 10px;
}
}

.submit, .gridlove-button, .mks_autor_link_wrap a, .mks_read_more a, input[type="submit"], button[type="submit"], .gridlove-cat, .gridlove-pill, .gridlove-button-search, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button, .add_to_cart_button {
    border-radius: 50px;
}
input[type=number], input[type=search], input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password], input[type=date], select, textarea {
    border-radius: 15px;
}


/* MODALE POPUP */
.close_modal {
    position: relative;
    float: right;
    cursor: pointer;
    width: 30px;
    padding: 6px 0 0 0;
    height: 30px;
    right: 5px;
    bottom: 155px;
    transition: .3s;
    transform: scale(0.7);
    opacity: .7;
}
.close_modal .closex:before {
    content: "";
    height: 20px;
    border-left: 2px solid #111;
    position: absolute;
    right: 13px;
    transform: rotate(-45deg);
}
.close_modal .closex:after {
    content: "";
    height: 20px;
    border-left: 2px solid #111;
    position: absolute;
    right: 13px;
    transform: rotate(45deg);
}
.follow-modal .textwidget .left-modal {
    bottom: 0;
    margin-top: -20px;
}
.follow-modal .textwidget .left-modal .freelance-image {
	height: 175px;
    max-width: 275px;
}
.follow-modal .button-modal {
    margin: 0 0 13px 0;
	font-weight: bold;
}
.follow-modal .button-modal .mks_button {
	background:#fff!important;
	color:rgb(40, 60, 134)!important;
}
.follow-modal .titre-modal {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.follow-modal .textwidget .right-modal {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 35px;
	height: 155px;
}
.follow-modal .textwidget {
    display: flex;
}
.follow-modal-container-inner {
    background: linear-gradient(to right, rgb(40, 60, 134), rgb(69, 162, 71))!important;
    max-width: 690px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
	color:#fff;
}
.follow-modal-container {
    width: 100%;
    max-width: 920px;
    margin: auto;
    height: 155px;
    display: block;
    z-index: 999;
}
.follow-modal {
    width: calc(100% - 40px);
    height: 155px;
    display: block;
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 20px;
    transform: translateY(190px);
    transition: 1s;
    color: #111;
}
.follow-modal.fixed-800 {
    transform: translateY(0px);
}
.none {
    display: none;
}
@media (max-width: 1023px) {
.follow-modal-container-inner {
    max-width: 100%;
    margin: auto;
}
}
@media (max-width: 680px) {
	.close_modal {
    bottom: 128px;
}
	.follow-modal .textwidget .left-modal {
		display: none;
	}
	.follow-modal .titre-modal {
    font-size: 16px;
}
	.follow-modal {
    height: 85px;
}
	.follow-modal-container-inner {
    border-radius: 20px 20px 0 0;
}
	.follow-modal .textwidget .right-modal {
  	text-align: center;
    padding: 20px;
	height: 135px;
}
	.follow-modal {
    bottom: 0px;
	transform: translateY(250px);
    width: calc(100% - 20px);
    left: 10px;
}
	.follow-modal.fixed-800 {
    transform: translateY(30px);
}
	.follow-modal, .follow-modal-container {
		height: auto;
	}
	.follow-modal .button-modal span {
    display: block;
}
.follow-modal .button-modal {
    margin: 0;
}
}


/* animation pub */
.container-slider {
	background: var(--wp--preset--color--gridlove-highlight-acc);
	border-radius: 20px;
	text-align: center;
	padding: 20px 0 1px 0;
	margin-bottom: 40px;
}
.slider-contain {
	align-items: center;
	display: flex;
	height: 290px;
	justify-content: center;
	margin-bottom: 10px;
}

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-200px * 5))}
}


.slider {
	height: 290px;
	padding: 20px 0;
	margin: auto;
	overflow:hidden;
	position: relative;
	width: 960px;
}
.slider .slide-track {
	animation: scroll 10s linear infinite;
	display: flex;
	width: calc(200px * 10);
}

.slider .slide {
	height: 250px;
	width: 200px;
	padding: 0 10px;
	transition: .15s;
}
.slider .slide img {
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.slider .slide:hover {
    transform: scale(1.05);
}
.slide-track:hover {
  animation-play-state: paused;
}
.slider-subcta {
	font-size: 15px;
    margin-top: 10px;
}
.slider-desc {
    font-weight: 600;
    font-size: 20px;
    color: #111111;
    max-width: 360px;
    margin: 15px auto 10px auto;
}

/* slider landing */
.gridlove-cover-wrapper .gridlove-post {
    height: 180px;
}
.gridlove-cover-area.gridlove-cover-wrapper {
    height: 240px!important;
		background: #373737;
}
.gridlove-cover-wrapper .gridlove-post-d .entry-image img {
    height: 180px;
}

/* banner video */
/* .cta-online-wrapper .cta-online-codeur {
    background: no-repeat url(../../../../../../../../../themes/sp_blog/dist/images/apprenez-a-la-maison1_mobile.jpg) 50%;
}*/
.cta-online-wrapper .cta-online {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    background-size: cover;
    height: 250px;
    width: 100%;
    border-radius: 20px;
    display: block;
	background: #1d0f05;
}

.cta-online-wrapper .cta-online__video-wrapper {
    position: absolute;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cta-online-wrapper .cta-online__video-wrapper video {
    min-width: 100%;
    min-height: 100%;
    border-radius: 5px;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cta-online-wrapper .cta-online__txt {
    position: relative;
    text-align: center;
    height: 250px;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    flex-direction: column;
	padding: 0 15px;
    background-color: rgb(0 0 0 / 30%);
}

.button-videoban {
    color: #FFFFFF;
    background-color: rgb(255 255 255 / 30%);
    font-weight: 500;
}
.cta-online-wrapper .cta-online__txt__solution {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
	margin: 0 0 15px;
}
@media screen and (min-width: 768px) {
.cta-online-wrapper .cta-online__txt__solution {
    font-size: 30px;
    line-height: 45px;
}
	.cta-online-wrapper .cta-online {
    height: 250px;
}
}

/* BELOW SINGLE POST CONTENT */
#below-single-post p.h4{
	margin-bottom:5px;
}
#below-single-post .gridlove-box{
	margin-bottom:20px;
}
#below-single-post .box-inner-p{
	background-size:cover;
}
#below-single-post .gridlove-box p{
	color:#fff;
    text-shadow: 5px 5px 10px black;
}
#below-single-post .gridlove-box p .AvM{
	font-size: 23px;
	font-weight: 500;
}
#below-single-post .gridlove-box p.AmV{
	color:#F1CB12;
	margin:0;
}
#below-single-post .mks_button{
	width: 100%;
	text-transform: none;
	font-size: 16px;
	line-height: 70px;
}
#below-single-post a.mks_button:hover{
	color:#fff;
}

/* SPONSORED POSTS */
.postsponso{
	font-size: 14px;
	color: var(--wp--preset--color--gridlove-acc);
}
.btn.btn-primary a{
	color: #fff;
	padding: 16px 24px;
	border-radius: 50px;
	background-color: var(--wp--preset--color--gridlove-acc);
}
.btn.btn-primary a:hover{
	opacity:0.7;
}
.btn.btn-primary{
	padding: 10px 0;
	text-align:center;
	margin-bottom:30px;
}
h2.sponso-label::after, h3.sponso-label::after {
	content: "Sponsorisé";
	background: #e6e6e6;
	border-radius: 7px;
	padding: 5px 10px;
	font-size: 18px;
	color: #383838;
	font-weight: 500; 
	margin-left: 15px;
	vertical-align: middle;
}
h2.affiliate-label::after, h3.affiliate-label::after {
	content: "Affiliation";
	background: #e6e6e6;
	border-radius: 7px;
	padding: 5px 10px;
	font-size: 18px;
	color: #383838;
	font-weight: 500; 
	margin-left: 15px;
	vertical-align: middle;
}
h2.partner-label::after, h3.partner-label::after {
	content: "Partenaire";
	background: #e6e6e6;
	border-radius: 7px;
	padding: 5px 10px;
	font-size: 18px;
	color: #383838;
	font-weight: 500; 
	margin-left: 15px;
	vertical-align: middle;
}
/* HEADER SIDEBAR */
.gridlove-sidebar-action-inside img{
	height:30px;
	margin-bottom: 15px;
}
.gridlove-sidebar-action-inside a{
	color:#5e5e5e;
	border:none;
}
.gridlove-sidebar-action-inside .widget_text a:hover{
	border:none;
}
.gridlove-sidebar-action-inside img#traduc, .gridlove-sidebar-action-inside img#redacteur{
	height: 50px;
	margin-top: -25px;
}

/* SIDEBAR minimalist */
.gridlove-sidebar .gridlove-box{
	background:none;
	box-shadow:none;
	padding:0;
}
.simple-box{
    padding:10px;
}
.simple-box h4{
	margin-bottom:14px;
}
.simple-box p{
	line-height:24px;
	margin-bottom:19px;
}
.simple-box a:hover{
	color:#fff;
}
.simple-box a.mks_button_medium {
    padding:16px 24px;
    background-color: var(--wp--preset--color--gridlove-acc);
    font-size:14px;
    font-weight:400;
    text-transform: none;
}

/* SIDEBAR Linkedin */
.gridlove-sidebar .sidebar-bg {
    background-color:#fff;
    padding: 25px 30px 40px;
    border-radius:20px;
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    margin-bottom:5px;
}
.btn.btn-secondary {
    background-color:#fff;
    border: 2px solid;
    padding: 10px;
}
.btn.btn-secondary:hover {
    background-color:#efefef;
    border: 2px solid;
}
.btn.btn-secondary a{
	color: var(---wp--preset--color--gridlove-highlight-acc);
    text-decoration: none;
}

/* SIDEBAR portage */

.gridlove-sidebar #portage {
    background-image: url(/blog/wp-content/uploads/2022/05/freelance-portage-bg.png);
   background-position: 100px;
   background-size: 350px;
   background-repeat: no-repeat;
}
.gridlove-sidebar #portage p{
    width:80%;
   padding-bottom: 10px;
}
.gridlove-sidebar #portage a {
   border:none!important;
}

/* SIDEBAR fixed */

.widget .side-all {
	border-radius:20px;
	padding:0 20px 20px;
    text-align: center;
	background-color: var(--wp--preset--color--gridlove-highlight-bg);
	color:#fff;
	margin-top: 190px;
}
.widget .side-all .side-img {
	width:250px;
	margin-top:-190px;
}
.widget .side-all p {
	color:#fff;
	font-size: 1.2rem;
	font-weight: 700;
	margin:10px 0;
    text-align: left;
}
.widget .text-center {
    text-align: center;
}
.widget ul.side-ul {
	padding-bottom:10px;
}
.widget li.side-li {
	display: block !important;
	color:#fff;
	line-height:2rem;
    text-align: left !important;
}
.widget .side-all .fa {
	color: var(--wp--preset--color--gridlove-acc);
}
.widget .side-all .button_side_all {
	padding: 16px 14px;
	color:#fff;
	display:block;
	margin-top:15px auto 0;
	text-align:center
}

/* NEWSLETTER SIDEBAR */
.gridlove-sticky-sidebar.is_stuck {
    z-index: 9999;
}
div#sidebar-newsletter {
    margin:140px 10px 10px;
}
#sidebar-newsletter  .sidebar-nl {
    padding:20px;
    border-radius:20px;
    box-shadow: 0 0 10px rgba(1,1,1,0.2);
}
#sidebar-newsletter .sidebar-nl img {
    display:block;
    margin:-140px auto 0;
    padding-bottom:1rem;
}
#sidebar-newsletter .sidebar-nl ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar-newsletter .sidebar-nl li {
    padding-left: 1rem;
    text-indent: -1rem;
    padding-bottom:10px;
}
#sidebar-newsletter .sidebar-nl li.li-fire::before {
    content: "🔥  ";
}
#sidebar-newsletter .sidebar-nl li.li-gift::before {
    content: "🎁  ";
}
#sidebar-newsletter .sidebar-nl li.li-rocket::before {
    content: "🚀  ";
}
#sidebar-newsletter .triangle-with-shadow {
    width: 100px;
    height: 25px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }
#sidebar-newsletter .triangle-with-shadow:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #f3f3f3;
    transform: rotate(135deg); /* Prefixes... */
    bottom: 15px;
    left: 25px;
    box-shadow: 0 0 10px rgba(1, 1, 1, 0.2);
  }
#sidebar-newsletter form.subscription {
    width:100%;
    padding-top: 10px;
}
#sidebar-newsletter input.email{
    border:2px solid var(--wp--preset--color--gridlove-acc);
    border-radius:50px;
    padding:25px 50px 25px 10px;
}
#sidebar-newsletter form.subscription .subscribe-ok button {
    background:var(--wp--preset--color--gridlove-acc); 
    color:#fff;
    text-align:center;
    font-size:30px;
    border-radius:50px;
    position:relative;
    left:233px;
    bottom:47px;
    padding:2px 2px 2px 7px;
}

/* NEWSLETTER SIDEBAR SIMPLE - à supprimer quand toutes les NL avec incentives seront en place  */

.newsletter_box.side-all{
	margin-top:0;
	padding:20px;
}

.gridlove-sidebar .widget_text.widget.gridlove-box.widget_custom_html .newsletter_box.side-all p{
	width:100%;
	font-size:1rem;
	font-weight:500;
}
.newsletter_box.side-all input[type="email"], .newsletter_box.side-all button[type="submit"]{
	height:auto;
	padding: 16px 14px;
	line-height:1.4;
	border-radius: 50px;
	margin-bottom:10px;
    text-transform: none;
    font-weight: inherit;
    font-size: inherit;
    width: 100%;
}

/* BEAUTIFY THEME */
.home .module-title{
	padding-top:50px;
}
.home .gridlove-cat{
	border-radius:20px;
}
.gridlove-footer .custom-html-widget #submit{
	width:100%;
}
.gridlove-footer .widget_nav_menu a{
	font-weight:400;
}
@media (max-width: 579px) {
    .gridlove-footer .widget_nav_menu a{
        line-height: 2.6;
    }
}
.comment-form-author{
	width: 100%;
	padding: 0;
}
.comment-body{
    border-radius: 0;
}
.gridlove-content article p{
	line-height:1.7rem;
}
.gridlove-content .gridlove-box article h2, .gridlove-content .gridlove-box article h3, .gridlove-content .gridlove-box article h4, .gridlove-content .gridlove-box article h5, .gridlove-content .gridlove-box article h6{
	padding-top:36px;
}
.gridlove-content article ul {
	list-style: none;
	padding: 0;
}
.gridlove-content article ul li {
	padding-left: 1.5em;
	margin-bottom:12px;
}
.gridlove-content article ul li:before {
	content: "\f00c";
	color:#000;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.5em;
	width: 1.5em;
	color: var(--wp--preset--color--gridlove-acc);
}
blockquote:not(.tiktok-embed),
q {
	font-size: 16px;
	line-height: 1.5rem;
	position: relative;
	font-weight: 500;
	border: 2px solid rgba(94,94,94,0.1);
	border-radius: 20px;
	padding: 15px;
	margin-top:35px;
}
blockquote:not(.tiktok-embed):before, q:not(.tiktok-embed):before {
    content: '\f129';
    width: 44px;
    height: 44px;
    background-color: var(--wp--preset--color--gridlove-acc);
    border-radius: 50px 50px 20px 50px;
    border: 4px solid white;
    position: absolute;
    margin: -20px 0 0 -27px;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: 22px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    padding: 8px 15px;
}
blockquote.tiktok-embed:before {
    content: none;
}
blockquote.sponso:before, q.sponso:before {
    content: 'Sponsorisé';
    height: 44px;
    width: auto;
    background-color: #e6e6e6;
    border-radius: 50px;
    border: 4px solid #fff;
    position: absolute;
    margin: -20px 0 0 0;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    color: #383838;
    padding: 8px 15px;
    line-height: 20px;
}
blockquote.sponso-alert:before {
    background-color: #32CD32;
}
blockquote p, q p{
	z-index: 1;
	position: relative;
	margin:10px;
}
.module-desc {
    margin-top: 20px;
    max-width: 100%;
}
@font-face {
  font-display: swap;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border: 2px solid rgba(94,94,94,0.1);
    padding-left: 15px;
}
/* ADS */
.home .gridlove-ban-below-header, .category .gridlove-ban-below-header, .home .follow-modal, .category .follow-modal, .search .gridlove-ban-below-header, .search .follow-modal {
	display: none;
}
/* font */

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

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

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

/* COOKIES */
#cm{
  max-width: 18em!important;
}
.cc_div #c-bns {
  margin-top: 0.7em!important;
}
.cc_div .c-bn{
  padding: 0.7em!important;
}

/* TOOLS */
h2.tool__title{
  margin-right: 1rem;
  margin-bottom: 0;
}
h3.tool__excerpt{
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.2rem;
}
.tool__thumbnail img{
  border-radius: 25px;
  border: 1px solid #f3f3f3;
}
.gridlove-content article .tool__list ul, .tool__list ul{
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 2.5rem;
}
.tool__stars{
    color: #FBC300;
    font-size: 20px;
    margin-top: 3px;
}