/* Theme Name: OceanWP Child Theme URI: https://oceanwp.org/ Description: OceanWP WordPress theme example child theme. Author: Nick Author URI: https://oceanwp.org/ Template: oceanwp Version: 1.0 */ /* Parent stylesheet should be loaded from functions.php not using @import */ #copyright { color: black; } /* ajoute une marge de 10 pixels à G et à Droite de la "boîte" Modula qui contient les images (sinon c'est directment contre la fenêtre) */ .modula { padding-left:10px; padding-right: 10px } /* ----- remove white border around images when selected in the lightbox ---- */ #lightbox.lightbox .lb-image {padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 1px !important; background-color: blue !important;} /* cache le texte qui affiche "Image 1 of 13" lorsque l'on clique sur une image de la galerie Modula */ #lightbox .lb-number { font-size:0;} /*#lightbox .lb-details { font-family: Garamond !important; color: red; } */ #lightbox .lb-caption { font-family: 'Garamond'; font-size: 120%; text-transform: capitalize;} #site-header.minimal-header.clr { height:100px !important;} #site-header-inner { height: 100px !important; } #site-navigation-wrap.clr { height:100px !important;} /*------------------------------------* 25/02/2020 1.Diminue la taille du texte du logo 2. transforme le texte "menu"en minuscules 3. DEPRECATED déplace le hamburger du menu vers le haut de 60 pixels afin de ne pas laisser trop d'espace vide entre logo et menu hamburger 4. le point (3) est aidé par la commande qui limite la hauteur du logo à 80 pixels de haut pour tous les écrans < 767px en orientation portrait (touche les iphone et autres samsung, PAS les ipad) 5. le hamburger est rendu fixe pendant le defilement de la page et placé en haut à droite ! ISA de la largeur (= width) max de 767, càd que le mode portrait est a priori celui qui prévaut pour ces dimensions en largeur. 6. la taille du hamburger est augmentee (120%) *------------------------------------*/ @media only screen and (max-device-width: 767px) and (orientation: portrait) { .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu {position: fixed; top: 1.0em; right :1em;text-transform: lowercase;} .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu .fa.fa-bars {font-size: 120% !important;} /* agmente taille hamburger */ #site-header .site-title.site-logo-text {font-size: 16px !important;} /* diminue taille texte du logo */ .oceanwp-mobile-menu-icon {margin-top: -60px} #site-logo-inner.clr { height:80px !important;} #sidr .sidr-inner { font-size: 80%; } /* diminue taille texte menu deroulant mobile */ #sidr .sidr-class-icon.icon-close {font-size: 70%;} /* diminue taille de icone x pour fermer menu */ #sidr .sidr-class-close-text {font-size: 70%;} /* diminue taille texte qui dit fermer menu / close menu */ .elementor-text-editor.elementor-clearfix {font-size:70%; }} /* diminue taille texte qui accompagne la presentation et les infos contact */ /*.elementor-element.elementor-element-4b81a8a9.elementor-section-content-middle.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section /*@media screen and (max-width: 769px) { #site-header-inner { display:none; }*/ /* ----------- Taille ecran max 767 ET orientation landscape */ @media only screen and (max-device-width: 767px) and (orientation: landscape) { .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu {position: fixed; top: 1.0em; right :1em;text-transform: lowercase;} .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu .fa.fa-bars {font-size: 120% !important;} /* agmente taille hamburger */ #site-header .site-title.site-logo-text {font-size: 16px !important;} /* diminue taille texte du logo */ .oceanwp-mobile-menu-icon {margin-top: -60px} #site-logo-inner.clr { height:80px !important;} #sidr .sidr-inner { font-size: 80%; } /* diminue taille texte menu deroulant mobile */ #sidr .sidr-class-icon.icon-close {font-size: 70%;} /* diminue taille de icone x pour fermer menu */ #sidr .sidr-class-close-text {font-size: 70%;} /* diminue taille texte qui dit fermer menu / close menu */ .elementor-text-editor.elementor-clearfix {font-size:90%; line-height: 1.8;}} /* diminue taille texte qui accompagne la presentation et les infos contact et augmente un peu l'espace interigne du même texte*/ /*------------------------------------ 25/02/2020 variation pour les tabettes qui sont lues en mode landscape 1. diminution de la taille du texte pour le logo 2. diminution de la taille du texte pour le menu (ce qui permet de le garder sur la même ligne que le logo) */ @media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation: landscape) { .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu {position: fixed; top: 2.5em; right :1em;text-transform: lowercase;} .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu .fa.fa-bars {font-size: 150% !important;} #site-header .site-title.site-logo-text {font-size: 16px !important; } #site-navigation .text-wrap { font-size:80%;}} #sidr .sidr-inner { font-size: 80%; } /* diminue taille texte menu deroulant mobile */ /* -------pour tablette en mode portrait -------------------- */ @media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation: portrait) { .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu {position: fixed; top: 2.5em; right :1em;text-transform: lowercase;} .oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu .fa.fa-bars {font-size: 150% !important;} #site-header .site-title.site-logo-text {font-size: 16px !important; } #site-navigation .text-wrap { font-size:80%;}} #sidr .sidr-inner { font-size: 80%;} /* diminue taille texte menu deroulant mobile */ .elementor-text-editor.elementor-clearfix {line-height: 1.8;}} /* augmente un peu l'espace interigne du texte qui accompagne la presentation et les infos contact */