/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/**************************
RÉGLAGES GÉNÉRAUX
***************************/

/*Passe le fond de page en blanc tout en laissant les bords en gris */
#theme-page .theme-page-wrapper .theme-content, #theme-page .theme-page-wrapper {
    background: white;
}

/* Classe à utiliser pour rendre des entrées de menu non-cliquables, notamment les entrées avec sous-menu.
La possibilité de modifier la classe s'active dans les options de l'écran apparence > menu */
.unclickable > a:hover {
  cursor: default;
}

/* Modifie la présentation de la description des catégories et bios, et supprimer l'affichage d'une des deux descriptions ou bios (celle en sous-titre de page, car elle ne permet pas d'utiliser les sauts de ligne) */
.term-description p, .pwb-brand-description p {
  font-size: 14px;
  font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  color: #777777 !important;
  background-color: #eeeeee;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -30px;
  padding-left: 20px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.page-subtitle {
    display: none;
}

.category-866 .page-subtitle {
    display: inherit !important;
    color: #777777 !important;
    line-height: 120%;
    white-space: pre-line;
}

/* Ajoute une petite marge à gauche du logo, pour que le logo ne soit pas calé à gauche en mode téléphone */
.header-style-2.header-align-left .mk-grid .header-logo {
    left: 10px;
}


/* Rend la taille des lignes de listes identique à celle des paragraphes */

ul li {
    font-size: 14px;
}

/* 	RECHERCHE */

/* Change la position du champ de recherche */
.mk-header-inner .mk-header-searchform {
    margin-right: 50px;
}

/* Supprime les métadonnées des résultats de recherche */
.search-result-item .search-loop-meta {
    display: none;
}

/* Passe en bas de casse et en presque noir le titre des résultats de recherche */
.search-result-item .the-title a {
    text-transform: none;
    color: #404040;
}

/* Supprime le décompte des pages dans la pagination des résultats de recherche */
.mk-pagination .mk-total-pages {
    display: none;
}

/**************************
ARTICLES SINGLE ET ARCHIVES
***************************/

/* Modifie la typo du titre et de l'extrait de l'article dans l'archive */
.mk-blog-grid-item .the-title a {   
    color: #444;
}

.mk-blog-grid-item .the-title a:hover {   
    color: #74cd1d;
}

.mk-blog-grid-item .the-excerpt {
    font-style: italic;
}

/* Supprime le pavé rouge sur le hover des images dans les archives */
.image-hover-overlay {
   display: none;
}

/* Supprime le logo sur le hover des images dans les archives */
.post-type-badge svg {
    display: none;
}

/**************************
WIDGETS
***************************/

/* Modifie la typo du titre de Widget de footer */
#mk-footer .widgettitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Modifie la typo du titre de Widget de sidebar */
#mk-sidebar .widgettitle {
    text-transform: uppercase;
    font-size: 14px;
    color: #444444;
    font-weight: bolder;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Modifie la mise en page de Widget de sidebar */
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
	padding-right: 10px;
	padding-left: 50px;	
}

/* Modifie le bouton du widget de sidebar pour chercher un livre */
.woocommerce-product-search button[type="submit"] {   
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.0980392);
    color: #74cd1d;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 11px 19px;
    text-decoration: none;
    text-transform: none;
}

/* Modifie la liste des posts d'un widget */
#mk-sidebar .widget a {
    color: #444444;
    font-style: italic;
}
.widget_posts_lists ul li .post-list-title {
    font-size: 12px;
    line-height: 16px;
}

/* Modifie la couleur du hover sur le f de facebook dans les widgets de footer */    
.widget_social_networks a.dark:hover {
    color: #74cd1d;
}


/**************************
NEWS POST TYPE
***************************/


/* Règle la typo du genre d'article News utilisé en page d'accueil */
.mk-news-item .news-the-title {
    font-size: 14px;
    font-weight: 500;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.mk-news-item .news-categories {
    font-weight: 500;
    font-size: 14px;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: none;
}


/* Change la couleur de fond du titre des articles News en page d'accueil */
.news-fourth-with-image .news-the-title span,
.news-full-with-image .news-the-title span,
.news-half-with-image .news-the-title span {
    background-color: rgba(48, 59, 63, 0.90);
    box-shadow: 15px 0 0 rgba(48, 59, 63, 0.90),-15px 0 0 rgba(48, 59, 63, 0.90);
}

/* Change la couleur de fond des News, visible en mode responsive, 
* et supprime une petite marge de 6 px qui rendait les news non alignés avec les livres en page d'accueil */
.mk-news-item .item-holder {
    background-color: #ffffff; 
    margin-right: 0px;   
}

/* Réduit la marge sous le bandeau news et aligne à gauche les news "presse" avec les livres en page d'accueil  */
.mk-news-container {
    margin-bottom: 25px;
    margin-left: -15px;
    margin-right: -15px;
}

.news-fourth-with-image {
    padding-left: 15px;
    padding-right: 15px;
}

/* Maintient le bon alignement dans le cas d'un bandeau de toute la largeur du site */ 
.news-full-with-image {
    padding-left: 15px;
    padding-right: 15px;
}

/* Maintient le bon ratio de l'image dans le cas d'un bandeau de toute la largeur du site */ 
.news-full-with-image img {
    object-fit: cover;
}


/* Supprime l'affichage de la date du post et de toutes les autres métadonnées en single et en archive */
.news-date {
    display: none;
}

.news-post-heading {  
    display: none;
}

/* Règle la largeur du bandeau à 100 % au lieu de 99,5, valeur dont je n'ai pas compris l'utilité */
.news-full-with-image {
    width: 100%;
}

/* Solution Artbees pour que le bandeau News garde le titre sur l'image en mode responsive */

@media handheld, only screen and (max-width: 1024px){
body .news-full-with-image>div .news-meta-wrapper {
position: absolute !important;
left: 0!important;
bottom: 0!important;
margin: 10px 10px 0 10px !important;
}
 
.news-full-with-image .news-the-title span {
line-height: 0px !important;
padding: 3px 0 !important;
}

 
.news-full-with-image .news-categories span {
padding: 5px !important;
}

 
.news-full-with-image .news-categories {
line-height: 30px !important;
}}


/****************************
ÉVÉNEMENTS EN PAGE D'ACCUEIL
*****************************/


.vc_gitem_row .vc_gitem-col {
    background-color: white !important;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

.vc_gitem-post-data h4 {
	font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px !important;
    text-transform: none !important;
}

.vc_gitem-post-data {
    margin-bottom: 0px;
}

.vc_gitem-post-data p {
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    color: #999999;
}

/**************************
WOOCOMMERCE
***************************/

/* PAGE PRODUIT */

/* Modifie la typo du prix */
.woocommerce-page div.product p.price, .woocommerce-page div.product span.price {
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    color: #444;
    margin-top: 15px;
}	

/* Modifie la typo des auteurs */
.pwb-single-product-brands {
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important;    
}	

/* Modifie la typo et la présentation des catégories et étiquettes */
.single-product .product_meta {
    padding: 10px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.single-product div.product .product_meta > span.posted_in,
.single-product div.product .product_meta > span.tagged_as {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #444444 !important;
}

.single-product div.product .product_meta > span.posted_in a,
.single-product div.product .product_meta > span.tagged_as a {
    font-size: 12px !important;
    font-weight: 200 !important;
    color: #444444 !important;
}


/* ONGLETS */

/* Supprime le titre de l'onglet repris dans le corps de l'onglet */
.wc-tab.panel h2 {
    display: none;
}

/* Modifie la typo des entrées la barre des onglets */
.wc-tabs li {
   font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important; 
   border-bottom-color: #74cd1d !important;
   font-size: 14px;
}

.wc-tabs li.active a {
   color: #74cd1d !important;
   border-bottom-color: #74cd1d !important;
}

/* Modifie la largeur du texte des onglets, surtout pour Le Livre et fixe la taille du texte */
.woocommerce div.product .woocommerce-tabs .panel {   
    width: 90%;
    font-size: 14px;
}

/* Modifie la typo du nom de l'auteur, puis du texte, dans l'onglet auteur */
.wc-tab.panel h3 {
    font-size: 16px;
    color: #404040;
    font-weight: 400;
    text-transform: none;
}

/* Modifie le style d'affichage des attributs */
.woocommerce table th, .woocommerce-page table th {
	font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important; 
	text-transform: none;
	font-size: 14px;
	width: 25%;
	}

.woocommerce table.shop_attributes td {
    font-size: 14px;
}


/* PAGE CATALOGUE, ARCHIVES DE CATÉGORIE (COLLECTIONS, etc.) */

/* Supprime le titre 'All Products' (traduit par moi en 'Tous nos livres' avant d'y renoncer) ajouté par Jupiter à la boutique.
* Cela supprime aussi un second affichage des titres de pages d'archives d'auteur et de catégorie. */
.mk-woocommerce-shop-loop__title {
       display: none;
}

/* Cache le menu déroulant de filtrage des produits */
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    display: none;
}

/* Modifie la typo des noms d'auteurs */
.woocommerce ul.products li.product a {
    color: #999;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Modifie la typo du mot "Dès" dans l'affichage du prix dans les listes de livres */
.woocommerce ul.products li.product .price {
    font-size: 12px;
    color: #222;
    font-weight: 400;
    margin-top: -10px;

}

/* Cache l'affichage du nombre de produits après la pagination */
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    display: none;
}

/* PAGE PANIER */

/* Modifie l'affichage des pastille d'étapes de la commande */
.mk-checkout-steps-number .mk-checkout-step-active .mk-checkout-step-number {
    background-color: #74cd1d;
}

.mk-checkout-steps-number .mk-checkout-step-number {
    padding-top: 0px;  
    font-size: 12px;
    width: 20px;
    height: 20px;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.mk-checkout-steps-number .mk-checkout-step-text {
    padding-top: 1px;
    font-size: 16px;
    font-weight: 500;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.mk-checkout-steps-number .mk-checkout-step-svg-wrap {
    width: 20px;
    height: 20px;
    padding-top: 0px;
}

/* Supprime la largeur de 25% des colonnes de la commande, qui est trop petite pour le titre et trop grande pour les chiffres */
.woocommerce table th, .woocommerce-page table th {   
    width: unset;
}

/* Supprime un des deux boutons de quantité dans le panier et réduit la taille du texte */
.woocommerce .quantity-button, .woocommerce-page .quantity-button {
    display: none;
}

.woocommerce .quantity input, .woocommerce-page .quantity input {
    font-size: 12px;
}
/* Modifie la couleur des messages d'ajout au panier et de panier vide */
.woocommerce-message, .woocommerce-info {
    border-top-color: #74cd1d;
}

.woocommerce-info::before {
    color: #74cd1d;
}

/* Modifie la couleur des différents boutons du panier */
.woocommerce .cart input.button, 
.woocommerce-checkout button.button,
.woocommerce-checkout button.button:hover,
.woocommerce-checkout button.button:active,
.woocommerce-checkout button.button:focus,
.woocommerce-cart button.button,
.woocommerce-cart button.button:hover,
.woocommerce-cart button.button:active,
.woocommerce-cart button.button:focus,
.woocommerce-cart #mk-checkout-button#mk-checkout-button, 
.woocommerce-cart #mk-checkout-button#mk-checkout-button:hover,
.woocommerce-cart #mk-checkout-button#mk-checkout-button:active,
.woocommerce-cart #mk-checkout-button#mk-checkout-button:focus,
.woocommerce-checkout .woocommerce-checkout #payment #place_order,
.woocommerce-checkout .woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout .woocommerce-checkout #payment #place_order:active {
    background-color: #74cd1D !important;
    font-size: 12px;
    text-transform: none;
}

.woocommerce-cart a.mk-wc-backword.mk-wc-backword,
.woocommerce-checkout a.mk-wc-backword.mk-wc-backword {
    background-color: transparent;
    border: 2px solid #74cd1d;
    color: #74cd1d;
    font-size: 12px;
   text-transform: none;
}

.woocommerce-cart a.mk-wc-backword.mk-wc-backword:hover,
.woocommerce-checkout a.mk-wc-backword.mk-wc-backword:hover {
   background-color: transparent;
    border: 2px solid #74cd1d;
    color: #74cd1d;
    font-size: 12px;
    text-transform: none;
    padding-top: 14px;
    padding-bottom: 14px;
}

.woocommerce a.button,
.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce-page a.button,
.woocommerce-page a.button:hover,
.woocommerce-page a.button:active {
    border-style: solid;
    background-color: #74cd1d;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    text-transform: none;
    padding: 16px 35px;
    line-height: 1em !important;
 }

/* Modifie la taille et la position du mini-panier et la taille du texte */    
.mk-shopping-cart-box .total, .mk-shopping-cart-box .product_list_widget li .quantity {
    font-size: 12px;
    font-weight: 500;
}

 .mk-shopping-cart-box {
    right: unset;
    width: 250px;
}

/* Modifie la couleur des labels des champs de coordonnées */
.woocommerce-checkout form .woocommerce-billing-fields label, .woocommerce-checkout form .shipping_address label {
    color: #555555;
    font-weight: 500;
}

/* Supprime le sous titre de la page de renseignement des détails de facturation */
.woocommerce-checkout .woocommerce h2 .mk-wc-subtitle {
	display: none;
}

/* Modifie la typo du résumé de commande */
.woocommerce-order-received ul.order_details li {
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    text-transform: none;
    font-size: 14px;
}

.woocommerce-order-received ul.order_details li strong {
    font-weight: 400;
    font-size: 12px;
    font-family: Merriweather;
    color: #444444;
}


/**************************
ABONNEMENT LETTRE D'INFO
**************************/

/* Dans la page */
.mdSubscription_custom {
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.0980392);
    color: #74cd1d;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    padding: 11px 19px;
    text-decoration: none;
}

a.mdSubscription_custom:hover {
    background-color: #74cd1d;
    color: #ffffff; 
}

/* Dans le widget de footer */
.mdSubscription_custom_widget {
    background-color: #595e60;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.0980392);
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    padding: 11px 19px;
    text-decoration: none;
}

a.mdSubscription_custom_widget:hover {
    background-color: #74cd1d;
    color: white !important; 
}

/**************************
THE EVENTS CALENDAR
**************************/

/* LISTE DES ÉVÉNEMENTS */

/* Modifie l'apparence de la recherche */
#tribe-bar-form .tribe-bar-filters {
    margin-top: 10px; 
}

#tribe-bar-form {
	background: transparent;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"] {  
    width: 100%;
    background-color: transparent;
    border: 2px solid #74cd1d;
    border-radius: 3px;
    color: #74cd1d;
    font-size: 12px;
    text-transform: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Merriweather;    
}

#tribe-bar-form input[type="text"] {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}

/* Modifie le style de titre de page */
.tribe-events-title-bar h1 {
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Modifie le style du nom du mois */
.tribe-events-loop h2 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.tribe-events-list-separator-month {
    background-color:  transparent !important;
    border-bottom: 1px solid #ddd;
    padding-left: 0px;
}

/* Modifie le style de titre de l'événement */
.tribe-events-list .tribe-events-list-event-title {
    font-size: 14px !important;
    text-transform: uppercase;
}

.tribe-events-list .tribe-events-list-event-title a {
    color: #444;
}

/* Modifie le style de date de l'événement */
.tribe-events-loop .tribe-events-event-meta {
    font-weight: 400;
    font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Masque le lieu de l'événement */
.tribe-events-list .tribe-events-venue-details {
    display: none;
}

/* Modifie le style de la ligne séparatrice d'événements dans la liste d'événements */
.tribe-events-list .type-tribe_events {
    border-bottom: 1px solid #eee;
}

/* Modifie le style des annonces "événements passés" */
.tribe-events-notices {
    background: #74cd1d;
    border: 1px solid #74cd1d;
    color: #fff;  
    text-shadow: 0 0px 0 #fff;
}

/* ÉVÉNEMENT SIMPLE */

.pagnav-wrapper {
	display: none;
}

/* Aligne l'image à gauche au lieu du centre (image qui a été réduite de "full" à "medium" via une copie du fichier dans le thème enfant */
.single-tribe_events .tribe-events-event-image {
    text-align: left;
}

/* Modifie le style de titre de l'événement et des titres de section dans le pavé de détails */
.tribe-events-single-event-title, .tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 16px !important;
    color: #404040 !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

/* Modifie le style de date de l'événement */
.tribe-events-schedule h2 {
	font-size: 14px !important;
	font-weight: 400;
	font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Modifie le style des labels de métadonnées et infos dans le pavé de détail */
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
	font-size: 100%;
}
/* Modifie le style de date de l'événement dans le pavé de détail */
#tribe-events-content .tribe-events-abbr {
    text-transform: none;
}