@charset "UTF-8";
/* Theme Name:   Vapyou Theme URI: Description:  Divi Child Theme Author:       John Doe Author URI:   http://example.com Template:     Divi Version:      1.0.0 License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: */
/*
Typo

font-family: 'Roboto Slab', serif; 400 / 700
font-family: 'Roboto', sans-serif; 400 / 700
font-family: 'Roboto Condensed', sans-serif; 400 / 700

*/
body, html { font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 15px; line-height: normal; }

/*strong{ font-weight: 400; }*/
p a, li a, p.title-description { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 17px; }

p.post-meta, p.post-meta a { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 12px; color: black !important; }

div.post-content p, p.title-description { font-size: 14px; line-height: 1.2em; }

p.title-description { color: black; }

.livreCardAdresse { padding-bottom: 30px; }

.livreCardAdresse .infoLivre p { color: black; }

.livreCardAdresse .infoLivre .orange { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: #e84c15; font-size: 17px; text-transform: uppercase; }

.livreCardAdresse .infoLivre a:hover .orange { color: black; }

.infoLivreInt a h4 { text-transform: uppercase; }

.infoLivreInt a:hover h4 { color: black !important; }

.titlePays { padding-top: 50px; }

h1 { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 39px; }

h1#comments { font-size: 25px; }

h2 { font-size: 25px; line-height: 1.2em; margin: 30px 0; }

h2.entry-title { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 20px; }

h3, h4 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #E84C15 !important; font-size: 25px; margin: 30px 0 10px 0; padding: 0; }

h3:first-child { margin-top: 0; }

h4.widgettitle { text-transform: uppercase; font-size: 35px; margin: 30px 0 10px 0; }

h4.widgettitle:first-child { margin: 0 0 10px 0; }

h4.title:first-child { margin-top: 0; }

.footer-widget .textwidget p, .footer-widget .textwidget p a { color: white; }

.footer-widget .et_pb_widget li { line-height: normal; }

.footer-widget .et_pb_widget li a { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 16px; color: white; }

.hidden { display: none; }

/**/
.et_pb_widget ul li { padding-bottom: 0.4em; margin-bottom: 0.4em; border-bottom: 1px solid #E84C15; }

.widget_post_views_counter_list_widget ul li { margin-bottom: 20px; border-bottom: 0; border: 1px solid #d8d8d8; background-color: white; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

.widget_post_views_counter_list_widget a.post-title, .widget_post_views_counter_list_widget .post-excerpt { padding: 20px; }

.widget_post_views_counter_list_widget a.post-title { display: block; padding-bottom: 0; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 20px; color: black; }

.widget_post_views_counter_list_widget .post-excerpt { font-size: 14px; line-height: 1.2em; }

.et_pb_widget ul li:last-child { border-bottom: none; }

.footer-widget .et_pb_widget ul li { border-bottom: 1px solid #333; }

.footer-widget .et_pb_widget ul li:last-child { border-bottom: none; }

.et_pb_widget li a, span.count { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 22px; line-height: 0.9em !important; color: #4c4c4c; }

.textwidget p { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 16px; color: black; }

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul { line-height: normal; }

/* ----- Surcharge Divi

-------------------------------------------------------------------------------- */
#main-content { background-color: transparent; }

#footer-bottom, .cff-bottom { display: none; }

/* Color Layouts */
.et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a { color: black; }

.et_pb_blog_0 .et_pb_post .post-meta { font-weight: normal !important; }

.et_pb_post .entry-content { padding-top: 0; }

.more-link { display: block; margin: 15px 0 0 0; }

.more-link::before { content: '> '; }

/* ----- Commentaire Divi

-------------------------------------------------------------------------------- */
.comment-body { padding: 0 0 0 100px; }

.comment_area .comment-reply-link { display: inline; position: relative; }

/* ----- Header

-------------------------------------------------------------------------------- */
#main-header { box-shadow: none !important; }

#main-content .container:before { width: 0; }

#comment-wrap h1 { margin-bottom: 30px; }

#top-header .container { font-weight: 400; }

/* ----- Les menus

-------------------------------------------------------------------------------- */
#top-menu-nav > ul > li > a, #top-menu-nav ul li li a { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 19px; }

#top-menu-nav > ul > li > a:hover { color: #E84C15; opacity: 1; -webkit-transition: none; -moz-transition: none; transition: none; }

#top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a { color: #E84C15; }

.nav li ul { width: 300px; }

#top-menu li li a { width: auto; }

#main-footer ul.sub-menu { margin-top: 10px; }

#et-secondary-menu .et-cart-info { display: none; }

/* ----- MAP VAPYOU OUTROUVER VAPYOU EN BOUTIQUE

-------------------------------------------------------------------------------- */
#map, #mapShopDetail { height: 700px; }

/* ----- Media query

-------------------------------------------------------------------------------- */
@media all and (min-width: 981px) and (max-width: 1100px) { #main-header .container, #top-header .container { width: 100%; }
  #et-top-navigation, #et-secondary-menu { margin-right: 20px; }
  .et_header_style_left .logo_container { left: -5px; } }

@media only screen and (max-width: 980px) { table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { max-width: 900px !important; }
  .comment_avatar { display: none; }
  .comment-body { padding-left: 0 !important; }
  .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: 50px !important; }
  .et_pb_post h2, .et_pb_blog_grid h2 { font-size: 22px !important; line-height: 1.2em; margin: 30px 0; } }

@media only screen and (min-width: 981px) { #top-menu li { padding-right: 15px; } }

/* ----- Surcharge Cookie

-------------------------------------------------------------------------------- */
#cookie-law-info-bar { padding: 25px 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; }

#cookie-law-info-bar a { font-weight: 700; padding: 0 0 0 10px; text-decoration: underline; }

@media only screen and (max-width: 980px) { .page-template-detail_boutique #page-container #left-area .entry-content .et_pb_row .icoListe { width: 90%; }
  .page-template-editer_boutique #page-container #left-area .entry-content .field .horaire { width: 100%; }
  .page-template-detail_boutique #page-container #left-area .entry-content .et_pb_row p.shop_contact, .page-template-detail_boutique #page-container #left-area .entry-content .et_pb_row p.shop_contact a { font-size: 18px; }
  .grid .grid-item { width: calc(100%); } }

@media only screen and (min-width: 981px) and (max-width: 1310px) { .page-template-editer_boutique #page-container #left-area .entry-content .field .horaire { width: 47%; }
  .page-template-editer_boutique #page-container #left-area .entry-content .field .horaire input { width: 90%; } }

/* Reprise des champs de formulaire  */
.js-cm-form input[type="text"], .js-cm-form input[type="email"], .js-cm-form textarea, #gform_1 input[type="text"], #gform_1 input[type="email"], #gform_1 textarea { border: 1px solid rgba(128, 128, 128, 0.3); padding: 10px 10px; background-color: white !important; margin-top: 10px; font-size: 16px; color: black; font-family: Arial; border-radius: 4px; width: 100%; }

.js-cm-form button, .js-cm-form input[type="submit"], #gform_1 button, #gform_1 input[type="submit"] { display: block; background-color: #e84c15; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 17px; color: white; padding: 10px; border-radius: 4px; border: none; cursor: pointer; }

/* ---------------------------------------------------------------------------------
Résultat de recherche
--------------------------------------------------------------------------------- */
.search #content-area { padding-bottom: 58px; }

.search #content-area h1 { padding-bottom: 25px; }

.search #content-area a.resultSearchLink { display: block; margin-bottom: 10px; }

.search #content-area a.resultSearchLink p span { color: black; font-size: 80%; }

.search #content-area .pagination { padding-top: 25px; }

.search #content-area .pagination a { font-weight: bold; }

/* ---------------------------------------------------------------------------------
PAGE BIENVENUE DANS LA VAPE
--------------------------------------------------------------------------------- */
.page-id-24485 .et_pb_section { padding: 0; }

.page-id-24485 h1, .page-id-24485 h2, .page-id-24485 .blue { color: #5d77a3; }

.page-id-24485 .sommaireLivre p { font-family: "futura-pt", sans-serif; font-weight: 800; font-style: normal; }

.page-id-24485 .sommaireLivre p:last-of-type { padding-bottom: 1em; }

/* ---------------------------------------------------------------------------------
Optin - volet
--------------------------------------------------------------------------------- */
#optin { /* L'image en background est définie dans functions.php inline css */ position: fixed; margin: 0 auto; width: 750px; height: 260px; left: 0; right: 0; bottom: 0; z-index: 50; display: none; background-position: center top; background-size: 750px auto; background-repeat: repeat; box-shadow: 0 10px 2em rgba(0, 0, 0, 0.5); }

#optin a.button { margin-top: 10px; display: inline-block; background-color: #e84c15; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 28px; color: white; padding: 10px 20px; border-radius: 4px; border: none; cursor: pointer; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

#optin a.button:hover { opacity: 0.8; }

#optin .fbx-close { display: block; position: absolute; z-index: 100006; top: 10px; right: 10px; color: black; cursor: pointer; }

#optin .optin_ill { position: absolute; top: 15px; right: 15px; }

#optin .optin_ill img { width: 280px; height: auto; }

#optin .optin_form { position: absolute; top: 0; left: 0; padding: 30px; text-align: left; background-color: transparent; color: #4d4d4c; margin-right: 250px; }

#optin .optin_form h1 { font-size: 26px; margin: 0; }

#optin .optin_form p { font-size: 16px; margin: 0; color: black; padding-right: 50px; }

#optin .optin_form .voletTarif h4 { float: left; margin: 20px 20px 0 0; color: black !important; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 35px; line-height: 0.8em; }

#optin .optin_form .voletTarif h4 span { display: block; font-size: 16px; }

#optin .optin_form .voletTarif p { float: left; padding-top: 10px; padding-right: 0; }

/* Modification responsive */
@media (max-width: 767px) { #optin { max-width: 100vw; height: 180px; height: 240px; background-image: none; background-color: white; border-top: 6px solid #e84c15; }
  #optin .optin_form { top: 0; left: 0; right: 0; margin-left: 0; margin-right: 0; padding: 20px; max-width: 100vw; text-align: center; }
  #optin .optin_form h1 { font-size: 24px; }
  #optin .optin_form p { font-size: 12px; padding-right: 0; margin: 0 25px; }
  #optin .optin_form .voletTarif { text-align: center; padding-top: 10px; }
  #optin .optin_form .voletTarif h4 { margin: 0 auto; width: 100%; font-size: 28px; line-height: 0.8em; }
  #optin .optin_form .voletTarif h4 span { display: block; font-size: 12px; }
  #optin .optin_form .voletTarif p { margin: 0 auto; width: 100%; }
  #optin .optin_form .voletTarif p a.button { margin: 0; font-size: 20px; padding: 5px 10px; }
  #optin .optin_ill { display: none; }
  #optin .fbx-close { top: 10px; right: 10px; box-shadow: none; } }

@media (max-width: 320px) { #optin { height: 215px; }
  #optin .optin_form h1 { margin: 0 30px; }
  #optin .optin_form p:first-of-type { display: none; }
  #optin .optin_form .voletTarif p { display: inline; } }