@charset "UTF-8";

/*
Theme Name: Mokapav
Theme URI: https://www.matthieumarce.com/
Author: Matthieu Marcé
Author URI: https://www.matthieumarce.com/
Description: Blank theme
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:mokapav
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {font-family: 'Abramo Script';src: url('inc/fonts/AbramoScript.woff2') format('woff2'),url('inc/fonts/AbramoScript.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Raisonne';src: url('inc/fonts/Raisonne-DemiBold.woff2') format('woff2'),url('inc/fonts/Raisonne-DemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Raisonne Book';src: url('inc/fonts/Raisonne-Book.woff2') format('woff2'),url('inc/fonts/Raisonne-Book.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-Black.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-Black.woff') format('woff');    font-weight: 900;    font-style: normal;    font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-Light.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-Light.woff') format('woff');    font-weight: 300;    font-style: normal;    font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-Medium.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-Medium.woff') format('woff');    font-weight: 500;    font-style: normal;    font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-MediumItalic.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-MediumItalic.woff') format('woff');    font-weight: 500;    font-style: italic;    font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-Regular.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-Regular.woff') format('woff');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {font-family: 'Brandon Grotesque';src: url('inc/fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'),url('inc/fonts/BrandonGrotesque-RegularItalic.woff') format('woff');    font-weight: normal;    font-style: italic;font-display: swap;}

html, body {margin:0;padding:0;font-family:'Brandon Grotesque';font-weight:normal;font-size:18px;line-height:26px}

b, strong {font-weight:500}

h1 {font-family:'Brandon Grotesque';font-weight:500;font-size:35px;line-height:55px;text-transform:uppercase;letter-spacing:0.1em;margin:0}
h2 {font-family:'Brandon Grotesque';font-weight:300;font-size:42px;line-height:45px;text-transform:uppercase;margin:0}
h3 {font-family:'Abramo Script';font-size:60px;line-height:38px;font-weight:normal;margin:0}
h4 {font-family:'Raisonne Book';font-size:font-size:15px;line-height:26px;text-transform:uppercase;margin:0;letter-spacing:0.2em}
h4 > b, h4 > strong {font-family:'Raisonne'}

/* CLASSES SPÉCIFIQUES */
.no-margin-bottom {margin-bottom:0}
.mkpv-vertical-separator {width:1px;height:30px;margin:auto;background-color:#307378}
.mkpv-btn-offres:before {content:"";background-image:URL('/wp-content/uploads/2022/03/picto-btn-offres.png');background-size:50px;background-repeat:no-repeat;width:50px;height:50px;position:absolute;top:-25px;left:calc(50% - 25px)}
.mkpv-home-title {font-family: 'Raisonne Book'; font-size: 82px; letter-spacing: 0.1em;}

/* LISTES */
.mkpv-list-arrow {list-style-type:none;padding-left:50px}
.mkpv-list-arrow li {position:relative;}
.mkpv-list-arrow li:before {content:"";background-image:URL('/wp-content/uploads/2022/03/picto-list-arrow.png');background-repeat:no-repeat;background-size:100%;position:absolute;left:-44px;top:7px;width:37px;height:11px}
.mkpv-list-star {list-style-type:none;padding-left:50px}
.mkpv-list-star li span {position:relative;}
.mkpv-list-star li span:before {content:"";background-image:URL('/wp-content/uploads/2022/03/picto-list-star.png');background-repeat:no-repeat;background-size:100%;position:absolute;left:-15px;top:8px;width:8px;height:8px}

/* TESTIMONIAL */
.wpmtst-testimonial-heading {display:none}
.wpmtst-testimonial-image {text-align:center}
.wpmtst-testimonial-content {position:relative;}
.wpmtst-testimonial-content p {position:relative;padding:0 20%;text-align:center;font-weight:500}
.mkpv-testi > .wpmslider-wrapper:before {content:"";position:absolute;top:-50px;left:calc(50% - 22px);width:45px;height:65px;background-image:URL('/wp-content/uploads/2022/03/testi-star.png');background-repeat:no-repeat;background-size:contain;}
.mkpv-testi > .wpmslider-wrapper > .wpmslider-viewport > .wpmslider-content > .wpmtst-testimonial > .wpmtst-testimonial-inner > .wpmtst-testimonial-content:before {content:"";position:absolute;top:-25px;left:calc(20% - 40px);width:45px;height:65px;background-image:URL('/wp-content/uploads/2022/03/guillemets-debut.png');background-repeat:no-repeat;background-size:contain;}
.mkpv-testi > .wpmslider-wrapper > .wpmslider-viewport > .wpmslider-content > .wpmtst-testimonial > .wpmtst-testimonial-inner > .wpmtst-testimonial-content:after {content:"";position:absolute;top:-25px;right:calc(20% - 40px);width:45px;height:65px;background-image:URL('/wp-content/uploads/2022/03/guillemets-fin.png');background-repeat:no-repeat;background-size:contain;}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {mask:none !important;-webkit-mask:none !important;background:transparent !important;width:28px !important;height:50px !important;background-image:URL('/wp-content/uploads/2022/04/fleche-nav-droite.svg') !important;background-size:contain !important;background-repeat:no-repeat;}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {mask:none !important;-webkit-mask:none !important;background:transparent !important;width:28px !important;height:50px !important;background-image:URL('/wp-content/uploads/2022/04/fleche-nav-gauche.svg') !important;background-size:contain !important;background-repeat:no-repeat;}
.strong-view.pager-style-buttons .wpmslider-pager-link:before {background:#307378 !important}

/* HEADER */
#mkpv-header {position:fixed;width:100%;z-index:1000}
#mkpv-header-container {position:relative;display:flex;align-items:center;padding:20px}
#mkpv-header-logo {position:relative;width:200px}
#mkpv-header-logo-img {width:50px;max-width:50px;vertical-align:bottom}
#mkpv-header-menu {width:calc(100% - 200px);}
#mkpv-header-menu.display {display:block}
#mkpv-header-menu > div > ul {display:flex;align-items:center;justify-content:end;padding:0;margin:0;list-style-type:none}
#mkpv-header-menu > div > ul > li {display:inline-block;text-align:center;line-height:16px;margin-left:40px}
#mkpv-header-menu > div > ul > li > a {color:#fff;font-size:0.8em;text-decoration:none;text-transform:uppercase;font-weight:500}
#mkpv-header.dark #mkpv-header-menu > div > ul > li > a {color:#307378;}
#mkpv-header-menu .active > a {font-style:italic;font-weight:300;opacity:0.5}

#mkpv-header-burger {display:none;position: absolute;top: 22px;right: 10px;width: 30px;height: 30px;padding: 4px;transition: .25s;z-index: 10;}
.header-burger-bar {position: absolute;border-radius: 3px;width: 80%;transition: .5s;}
.header-burger-bar-top {height: 1px;background-color: #e85744;border-bottom: none;top: 0;}
.header-burger-bar-middle {width:50%;height: 1px;background-color:#e85744;top: 8px;}
.header-burger-bar-bottom {height: 1px;background-color:#e85744;border-top: none;top: 16px;}
.header-burger-open .header-burger-bar-top {transform: rotate(45deg) translate(6px,5px);transition: .5s;background-color:#e85744}
.header-burger-open .header-burger-bar-middle {transform: translate(230px);transition: .1s ease-in;opacity: 0;background-color:#e85744}
.header-burger-open .header-burger-bar-bottom {transform: rotate(-45deg) translate(6px, -5px);transition: .5s;background-color:#e85744}

/* MAIN */
#mkpv-main {}

/* FOOTER */
#mkpv-footer {background-color:#307378;color:#fff;padding:40px 0}
#mkpv-footer-container {display:flex;flex-wrap:wrap;width:100%;max-width:1140px;margin:auto}
#mkpv-footer-container p {margin: 0.5em 0}
#mkpv-footer-container a {color:#fff;text-decoration:none}
#mkpv-footer-container a:hover {color:#fff;text-decoration:underline}
#mkpv-footer-container a.social {font-weight:500;color:#fff;text-decoration:underline}
#mkpv-footer-container a.social:hover {color:#fff;text-decoration:none}
#mkpv-footer-col1 {width:calc(33% - 20px);padding:10px}
#mkpv-footer-col2 {width:calc(34% - 20px);padding:10px}
#mkpv-footer-col3 {width:calc(33% - 20px);padding:10px;text-align:right}
#mkpv-footer-col3 ul {list-style-type:none;padding-left:0}

@media all and (max-width:768px){

	h1 {font-size:25px;line-height:45px}
	h2 {font-size:32px;line-height:35px}

	/* CLASSES SPECIFIQUES */
	.mkpv-home-title {font-family: 'Raisonne Book'; font-size: 42px; letter-spacing: 0.1em;}
	
	/* LISTES */
	.mkpv-list-star {padding-left:10px}
	
	/* TESTIMONIAL */
	.wpmtst-testimonial-content p {padding:0 50px;}
	.mkpv-testi > .wpmslider-wrapper > .wpmslider-viewport > .wpmslider-content > .wpmtst-testimonial > .wpmtst-testimonial-inner > .wpmtst-testimonial-content:before {left:calc(15% - 40px);}
	.mkpv-testi > .wpmslider-wrapper > .wpmslider-viewport > .wpmslider-content > .wpmtst-testimonial > .wpmtst-testimonial-inner > .wpmtst-testimonial-content:after {right:calc(15% - 40px);}

	/* HEADER */
	#mkpv-header-container {display:block}
	#mkpv-header-logo, #mkpv-header-menu {width:100%}
	#mkpv-header-menu.display {display:none}
	#mkpv-header-menu > div > ul {display:block}
	#mkpv-header-menu > div > ul > li {display:block;text-align:left;margin:10px 0}
	#mkpv-header-burger {display:block;}

	/* FOOTER */
	#mkpv-footer-container {display:block}
	#mkpv-footer-col1, #mkpv-footer-col2, #mkpv-footer-col3 {width:calc(100% - 20px);text-align:center}
}