/* Purple >> #443452 Purple 75% >> #73627d Purple 50% >> #a196a8 Orange >> #fbb03b Orange 75% >> #fcc46c Orange 50% >> #fdd79d Orange darker >> #cb7b23 Orange DARKER >> #985f1c Lightgreen >> #99d354 Lightgreen 50% >> #cce9a9 Lightgreen darker >> #669e32 Lightgreen DARKER >> #4f7828 Green >> #00a978 Green 50% >> #7fd4bb Green darker >> #00754c Green DARKER >> #005a3c Blue >> #04b1da Blue 50% >> #81d8ec Blue darker >> #027ca6 Blue DARKER >> #025f7e */ .crimson { font-family: 'Crimson Pro', serif; } .jomhuria { font-family: 'Jomhuria', cursive; } .font-justify { text-align: justify; } .font-italic { font-style: italic; } .font-bold { font-style: bold; } .font-semibold { font-weight: 600; } .font-extrabold { font-weight: 800; } .font-uppercase { text-transform: uppercase; } .clear { clear: both; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } .content-page a { color: #fbb03b; } .btn-default { border: none; border-radius: 0px; font-family: 'Montserrat', sans-serif; } .btn-stroke { padding: 8px 16px 10px 16px; border-radius: 4px; } .btn-stroke-alpha-white { border: 2px solid #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .btn-stroke-alpha-white:hover { background: rgba(255, 255, 255, 1); text-decoration: none; } .btn-stroke-lightpurple { border: 2px solid #c7c1cb /* #a196a8 */; color: #443452; background: rgba(255, 255, 255, 1); text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .btn-stroke-lightpurple:hover { background: #443452; border: 2px solid #443452; text-decoration: none; color: #fbb03b; } .btn-small { font-size: 10px; padding: 6px 12px; } /* Concernant le cassage de l'admin */ /* mettre en commentaire */ /* add_filter('style_loader_tag', 'roots_clean_style_tag'); */ /* dans lib/cleanup.php */ /* https://discourse.roots.io/t/old-roots-theme-breaks-wp-admin-in-wordpress-5-3/17083 */ /* IE FIX */ .wp-block-media-text { display: -ms-grid; } /*--------------------- IE 11 grid fix -----------------------*/ .wp-block-media-text { display: -ms-grid; -ms-grid-columns: 50% auto; } body.page-id-7845 .wp-block-media-text { -ms-grid-columns: 14% auto; } /* default media on the left */ .wp-block-media-text .wp-block-media-text__media { -ms-grid-column: 1; } .wp-block-media-text .wp-block-media-text__content { -ms-grid-column: 2; } /* media on the right */ .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 2; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; } /* ========================================================================== Base ========================================================================== */ body { font-family: 'Crimson Pro', serif; background: #fff; } body.home { background: #443452; } body.home .hp-a-propos { background: #fff; } /* ============================================================================= Header ========================================================================== */ .header-nav-mtl { background: #443452; color: #fff; border: none; } .header-nav-mtl a.navbar-brand { padding: 15px; display: table !important; } .header-nav-mtl a.navbar-brand svg.logo-mangeteslegumes { height: 60px; width: auto; } .header-nav-mtl a.navbar-brand:hover svg.logo-mangeteslegumes .logo-MTL-mange path, a.navbar-brand:hover svg.logo-mangeteslegumes .logo-MTL-mange polygon { fill: #fbb03b; } .header-nav-mtl a.navbar-brand:hover svg.logo-mangeteslegumes .logo-MTL-legumes path, a.navbar-brand:hover svg.logo-mangeteslegumes .logo-MTL-legumes polygon { fill: #fff; } .header-nav-mtl .navbar-right p { padding: 5px 15px 0 15px; margin: 0; width: auto; } .header-nav-mtl .navbar-right nav { padding: 0; clear: both; width: auto; } .header-nav-mtl ul.navbar-nav { font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 5px 0 0 0; } .header-nav-mtl ul.navbar-nav li a { color: #fff; font-size: 10px; letter-spacing: 1px; font-weight: 300; padding: 7px 14px 7px 14px; } .header-nav-mtl ul.navbar-nav li a b.caret { border-top-color: #fff; } /* IE FIX */ /* .header-nav-mtl .navbar-header { float: left; } .header-nav-mtl .navbar-right {} .header-nav-mtl .navbar-right ul { clear: both; width: auto; } .header-nav-mtl .navbar-right nav { clear: both; width: auto; } */ /* MENU 3 CATÉGORIES PRINCIPALES */ /* ul#menu-header */ .header-nav-mtl ul.navbar-nav li.menu-naturopathie a { color: #99d354; font-weight: 600; } .header-nav-mtl ul.navbar-nav li.menu-cyclisme a { color: #00a978; font-weight: 600; } .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel a { color: #04b1da; font-weight: 600; } /* HOVER */ .header-nav-mtl ul.navbar-nav li a:hover { color: #fbb03b; } .header-nav-mtl ul.navbar-nav li.menu-naturopathie a:hover, .header-nav-mtl ul.navbar-nav li.menu-cyclisme a:hover, .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel a:hover { color: #fbb03b; } /* SOUS MENU */ .header-nav-mtl ul.navbar-nav li.open a { background: none; } .header-nav-mtl ul.navbar-nav li.open ul.dropdown-menu { background: #73627d; text-align: right; } .header-nav-mtl ul.navbar-nav li.menu-naturopathie.open ul.dropdown-menu { background: #99d354; } .header-nav-mtl ul.navbar-nav li.menu-cyclisme.open ul.dropdown-menu { background: #00a978; } .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel.open ul.dropdown-menu { background: #04b1da; } .header-nav-mtl ul.navbar-nav li.open ul.dropdown-menu a { color: #fff; } .header-nav-mtl ul.navbar-nav li.open ul.dropdown-menu a:hover { color: #fbb03b; } .header-nav-mtl ul.navbar-nav li.menu-naturopathie.open ul.dropdown-menu a:hover { color: #443452; } .header-nav-mtl ul.navbar-nav li.menu-cyclisme.open ul.dropdown-menu a:hover { color: #443452; } .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel.open ul.dropdown-menu a:hover { color: #443452; } /* Sous menu tous les articles */ .header-nav-mtl ul.navbar-nav li.menu-naturopathie.open ul li:last-child { background: #fff; } .header-nav-mtl ul.navbar-nav li.menu-naturopathie.open ul li:last-child a { color: #99d354; } .header-nav-mtl ul.navbar-nav li.menu-cyclisme.open ul li:last-child { background: #fff; } .header-nav-mtl ul.navbar-nav li.menu-cyclisme.open ul li:last-child a { color: #00a978; } .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel.open ul li:last-child { background: #fff; } .header-nav-mtl ul.navbar-nav li.menu-developpement-personnel.open ul li:last-child a { color: #00a978; } /* ACTIVE */ .header-nav-mtl ul.navbar-nav li.active a { background-color: inherit; color: #fff; } .header-nav-mtl ul.navbar-nav li.active.menu-naturopathie a { color: #99d354; } .header-nav-mtl ul.navbar-nav li.active.menu-cyclisme a { color: #00a978; } .header-nav-mtl ul.navbar-nav li.active.menu-developpement-personnel a { color: #04b1da; } .header-nav-mtl ul.navbar-nav li.active a:hover { background-color: inherit; color: #fbb03b; } ul.list-social { position: relative; display: block; text-align: right; padding: 0 15px 0 0; margin: 8px 0 0 0; font-size: 12px; color: #a196a8; } ul.list-social li { display: inline; margin: 0 0 0 8px; } ul.list-social li a { display: inline-block; } ul.list-social li a svg { height: 10px; width: auto; max-width: 17px;} ul.list-social li a svg path { fill: #fff; } ul.list-social li a:hover svg path { fill: #fbb03b; } /* AFFIX */ .header-nav-mtl.affix a.navbar-brand { padding: 7px 15px; } .header-nav-mtl.affix a.navbar-brand svg.logo-mangeteslegumes { height: 30px; } .header-nav-mtl.affix ul.navbar-nav { padding: 6px 0 0 0; } .header-nav-mtl.affix .list-social { display: none; } .header-nav-mtl.affix-bottom a.navbar-brand svg.logo-mangeteslegumes { height: 100px; } /* PAGE HEADER */ .page-header { padding: 125px 0 30px 0; margin: 0 0 60px 0; background-color: #a196a8; border-bottom: none; background-image: url('../img/cc-neg-267.png'); background-position: center center; background-repeat: repeat; background-attachment: fixed; } body.home .page-header { background: none; padding: 10px 0 0 0; } body.category-4 .page-header, body.category-397 .page-header, body.category-395 .page-header, body.category-398 .page-header { background-color: #99d354; background-image: url('../img/cc-neg-267.png'); } body.category-3 .page-header, body.category-390 .page-header, body.category-392 .page-header, body.category-389 .page-header, body.category-394 .page-header { background-color: #00a978; } body.category-396 .page-header, body.category-464 .page-header, body.category-482 .page-header { background-color: #04b1da; } .page-header h1 { color: #fff; } .page-header h1.jomhuria { font-size: 55px; letter-spacing: 1px; text-transform: uppercase; } .page-header .page-header-cat { color: #fff; text-align: center; margin-bottom: 20px; font-size: 17px; } body.single .page-header h1 { position: absolute; width: 100%; top: 150px; z-index: 999; } /* PAGE HEADER THUMBNAIL */ .page-header-thumb { padding: 0; position: absolute; top: 0px; background-image: none; background: #fff; width: 100%; height: 30vh; min-height: 450px; } .page-header-thumb .page-header-thumb-img { width: 100%; height: 100%; background-position: center center; background-size: cover; background-attachment: fixed; filter: blur(5px); } .page-header-thumb .page-header-thumb-border { position: absolute; width: 100%; height: 100%; border-bottom: 20px solid #fff; top: 15px } body.single .container-single { background: rgba(255, 255, 255, 1); margin-top: 300px; padding: 15px 30px; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; } /* ========================================================================== Homepage ========================================================================== */ /* Purple >> #443452 Purple 75% >> #73627d Purple 50% >> #a196a8 Orange >> #fbb03b Orange 75% >> #fcc46c Orange 50% >> #fdd79d Orange darker >> #cb7b23 Orange DARKER >> #985f1c Lightgreen >> #99d354 Lightgreen 50% >> #cce9a9 Lightgreen darker >> #669e32 Lightgreen DARKER >> #4f7828 Green >> #00a978 Green 50% >> #7fd4bb Green darker >> #00754c Green DARKER >> #005a3c Blue >> #04b1da Blue 50% >> #81d8ec Blue darker >> #027ca6 Blue DARKER >> #025f7e */ /* MODULE CONTENT HEADER */ .module-header { position: relative; background: url('../img/cc-neg3-267.png') center center repeat; background-attachment: fixed; } /*.module-header-bgblur { position: absolute; width: 40%; height: 100%; left: -50px; bottom: 20px; background-position: center center; background-size: 100%; background-attachment: scroll; background-repeat: no-repeat; filter: blur(20px); opacity: 0.5; } .module-header-bgpattern { position: absolute; width: 40%; height: 100%; background: url('../img/gradient-bottom.png') left bottom repeat-x; border-right: 70px solid #fff; } */ .module-header .item .row { /* background: #a196a8; */ margin: 70px 0; } .module-header-left { margin: 0; } .module-header-left img { float: right; border-top: 0px solid #fff; border-left: 0px solid #fff; border-bottom: 0px solid #fff; width: 100%; height: auto !important; } .module-header-right { margin: 0; } .module-header-right h6.title { text-transform: uppercase; color: #fbb03b; padding: 0; display: inline-block; margin: 30px 0 0 0; } .module-header-right h6.title span { background: #fff; padding: 7px 10px; display: inline-block; margin: 30px 0 0 0; } .module-header-right-cadre { margin: 0; background: rgba(68, 52, 82, 0.7); padding: 30px 50px 30px 50px; border: 1px solid #fff; } .module-header-right .post-title { margin: 0px; } .module-header-right .post-title a { color: #fbb03b; } .module-header-right p.hp-cat-post-excerpt { margin: 20px 0; color: #fff; } .module-header-right .link-more .btn-stroke { display: inline-block; border-color: #fbb03b; background: #443452; color: #fff; } .module-header-right .link-more .btn-stroke:hover { background: #fbb03b; } /* .module-header-right .morelastpost { margin: 65px 0 0 50px; } .module-header-right .morelastpost img { width: 70px; height: auto; margin: 0 20px 10px 0; } .module-header-right .morelastpost th.table-content .post-title a { color: #73627d; } .module-header-right .morelastpost th.table-content .lire { color: #c7c1cb; } .module-header-right .morelastpost th.table-content .lire:hover { color: #443452 } */ .module-header a.carousel-control { font-size: 40px; text-shadow: none; } .module-header a.carousel-control.left { background-image: none; } .module-header .carousel-control .glyphicon-chevron-left { top: 43%; } .module-header a.carousel-control.right { background-image: none; } .module-header .carousel-control .glyphicon-chevron-right { top: 43%; } .module-header a.carousel-control .glyphicon { color: #a196a8; } .module-header a.carousel-control:hover .glyphicon { color: #fff; } /* Purple >> #443452 Purple 75% >> #73627d Purple 50% >> #a196a8 Orange >> #fbb03b Orange 75% >> #fcc46c Orange 50% >> #fdd79d Orange darker >> #cb7b23 Orange DARKER >> #985f1c */ /* Code description de partie : Naturo - Cyclisme - Dev perso */ .hp-cat { padding: 0; } .hp-cat-pattern { background: url('../img/cc-neg2-267.png') center center repeat; background-attachment: fixed; padding: 120px 0 160px 0; } .hp-cat .hp-cat-cadre { border: 2px solid rgba(255, 255, 255, 0.5); padding: 30px; margin-right: 50px; } .hp-cat .col-md-push-7 .hp-cat-cadre { margin-right: 0px; margin-left: 50px; } .hp-cat .preblockquote { border-right: 5px solid #fff; height: 20px; width: 100%; } .hp-cat blockquote { border: 5px solid #fff; border-top: none; margin: 0; text-align: center; } .hp-cat p { color: #fff; } .hp-cat .hp-cat-desc { margin: 0; } .hp-cat .hp-cat-desc p { text-align: justify; } .hp-cat p.hp-cat-souscat { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 14px; font-style: italic; margin: 20px 0; line-height: 20px; } .hp-cat .hp-cat-souscat a { font-style: normal; font-weight: 600; } .hp-cat .hp-cat-souscat a:hover { color: #fff; text-decoration: none; } .hp-cat .btn-stroke { display: inline-block; margin-bottom: 10px; } /* Titre SVG */ .hp-cat svg { width: 100%; height: auto; } .hp-cat1 svg.svg-naturopathie .naturo { fill: #cce9a9; } .hp-cat1 svg.svg-naturopathie .pathie { fill: #fff; } .hp-cat2 svg.svg-cyclisme .cyclisme { fill: #7fd4bb; } .hp-cat2 svg.svg-cyclisme .sport { fill: #fff; } .hp-cat3 svg.svg-developpement .developpement { fill: #81d8ec; } .hp-cat3 svg.svg-developpement .personnel { fill: #fff; } /* Code thumbnail */ .hp-cat-htype-thumb-container { padding: 0 10px 10px 0; background: url('../img/pattern-cc-neg3-50.png') left top; overflow: inherit; clear:both; } .hp-cat-htype-thumb-container a { clear: both; display: block; } .media, .media-body { overflow: inherit; } /* code thumbnail liste article */ .hp-cat-htype-thumb-container-bgwhite { background: url('../img/pattern-cc-neg-50-orange.png') left top; } .midrect-thumb img { border: 0px solid #fff; max-width: 100%; height: auto; } /* Code texte (via "Bootstrap media") */ .hp-cat-lastpost { margin-bottom: 15px; } .hp-cat-htype { background: #443452; color: #fff; padding: 3px 6px 4px 6px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } h4.hp-cat-post-title { font-size: 16px; } .hp-cat-lastpost h4.hp-cat-post-title { margin: 0; } .hp-cat-moreview h4.hp-cat-post-title { margin: 8px 0 0 0; } .hp-cat-random h4.hp-cat-post-title { margin: 8px 0 0 0; } p.meta-post { margin: 0 0 0 0; font-size: 12px; font-style: italic; font-weight: 600; color: #a196a8; } p.meta-post a { color: #a196a8; text-decoration: underline; text-transform: lowercase; } p.meta-post a:hover { color: #fff; } .media-body .hp-cat-post-excerpt { margin: 0; } /* Code prore à la partie Naturo */ .hp-cat1 { background-color: #99d354; } .hp-cat1 .hp-cat-pattern { background: url('../img/cc-neg-267.png') center center repeat; background-attachment: fixed; } .hp-cat1 .hp-cat-souscat { color: #cce9a9; } .hp-cat1 .hp-cat-souscat a { color: #669e32; } .hp-cat1 .btn-stroke-alpha-white { color: #4f7828; } .hp-cat1 .hp-cat-htype-thumb-container { background: url('../img/pattern-cc-neg-50-hp1-2.png') left top; } .hp-cat1 .hp-cat-htype { background: #4f7828; } .hp-cat1 .hp-cat-post-title a { color: #fff; } .hp-cat1 p.meta-post, .hp-cat1 p.meta-post a { color: #cce9a9; } .hp-cat1 .hp-cat-post-excerpt { color: #4f7828; } .hp-cat1 .hp-cat-post-excerpt a { color: #fff; } .hp-cat1 .hp-cat-post-excerpt a .glyphicon { color: #cce9a9; } .hp-cat1 .hp-cat-post-excerpt a:hover { color: #fff; text-decoration: none; } .hp-cat1 .hp-cat-post-excerpt a:hover .glyphicon { color: #fff; } /* Code prore à la partie Cyclisme */ .hp-cat2 { background: #00a978; } .hp-cat2 .hp-cat-souscat { color: #7fd4bb; } .hp-cat2 .hp-cat-souscat a { color: #00754c; } .hp-cat2 .btn-stroke-alpha-white { color: #00754c; } .hp-cat2 .hp-cat-htype-thumb-container { background: url('../img/pattern-cc-neg-50-hp2-2.png') left top; } .hp-cat2 .hp-cat-htype { background: #005a3c; } .hp-cat2 .hp-cat-post-title a { color: #fff; } .hp-cat2 p.meta-post, .hp-cat2 p.meta-post a { color: #7fd4bb; } .hp-cat2 .hp-cat-post-excerpt { color: #005a3c; } .hp-cat2 .hp-cat-post-excerpt a { color: #fff; } .hp-cat2 .hp-cat-post-excerpt a .glyphicon { color: #7fd4bb; } .hp-cat2 .hp-cat-post-excerpt a:hover { color: #fff; text-decoration: none; } .hp-cat2 .hp-cat-post-excerpt a:hover .glyphicon { color: #fff; } /* Code prore à la partie Dev perso */ .hp-cat3 { background: #04b1da; } .hp-cat3 .hp-cat-souscat { color: #81d8ec; } .hp-cat3 .hp-cat-souscat a { color: #027ca6; } .hp-cat3 .btn-stroke-alpha-white { color: #027ca6; } .hp-cat3 .hp-cat-htype-thumb-container { background: url('../img/pattern-cc-neg-50-hp3-2.png') left top; } .hp-cat3 .hp-cat-htype { background: #025f7e; } .hp-cat3 .hp-cat-post-title a { color: #fff; } .hp-cat3 p.meta-post, .hp-cat3 p.meta-post a { color: #81d8ec; } .hp-cat3 .hp-cat-post-excerpt { color: #025f7e; } .hp-cat3 .hp-cat-post-excerpt a { color: #fff; } .hp-cat3 .hp-cat-post-excerpt a .glyphicon { color: #81d8ec; } .hp-cat3 .hp-cat-post-excerpt a:hover { color: #fff; text-decoration: none; } .hp-cat3 .hp-cat-post-excerpt a:hover .glyphicon { color: #fff; } /* Liste d'articles */ .list-post { margin-bottom: 30px; } .list-post .media { } .list-post .media .hp-cat-htype-thumb-container-bgwhite { margin-right: 30px; } .list-post h4.hp-cat-post-title { margin: 0; } .list-post h4.hp-cat-post-title a { color: #443452; } .list-post h4.hp-cat-post-title a:hover { color: #fbb03b; } .list-post p.meta-post a:hover { color: #fbb03b; } .list-post .hp-cat-post-excerpt { margin: 8px 0 12px 0; } .list-post .link-more { margin: 0; } /* .list-post .hp-cat-post-excerpt a { color: #fbb03b; } .list-post .hp-cat-post-excerpt a .glyphicon { color: #fdd79d; } .list-post .hp-cat-post-excerpt a:hover { color: #cb7b23; text-decoration: none; } .list-post .hp-cat-post-excerpt a:hover .glyphicon { color: #fbb03b; } */ /* À propos */ div.hp-a-propos { padding: 100px 0 120px 0; } div.hp-a-propos img.profil-camillepic { border-radius: 50%; margin: 0 auto; border: 2px solid #f2eff4; padding: 6px; display: block; max-height: 166px; max-width: 166px; } div.hp-a-propos h2 { color: #a196a8; margin-bottom: 2px; } div.hp-a-propos h5 { margin-top: 0px; } div.hp-a-propos .hp-cat-desc { margin: 0 auto 30px auto; } .apropos-blocs-autopromo { border-top: 2px solid #f2eff4; border-bottom: 2px solid #f2eff4; padding: 30px 0; margin: 60px 0; } .apropos-bloc-autopromo { width: 100%; padding: 0; background: #a196a8; } .apropos-bloc-autopromo-bghover { width: 100%; padding: 0; background: rgba(161, 150, 168, 0); } .apropos-bloc-autopromo-bghover:hover { background: rgba(161, 150, 168, 0.8); } .apropos-bloc-autopromo-1 { width: 100%; padding: 0; background-image: url('../img/autopromo1-n.jpg'); background-position: center center; background-size: 100%; } .apropos-bloc-autopromo-2 { width: 100%; padding: 0; background-image: url('../img/autopromo2-n3.jpg'); background-position: center center; background-size: 100%; } .apropos-bloc-autopromo-3 { width: 100%; padding: 0; background-image: url('../img/autopromo3-n.jpg'); background-position: center center; background-size: 100%; } .apropos-bloc-autopromo-4 { width: 100%; padding: 0; background-image: url('../img/autopromo4-n.jpg'); background-position: center center; background-size: 100%; } .apropos-bloc-autopromo a.link-svg { display: block; width: 100%; padding: 42px 0 54px 0; } .apropos-bloc-autopromo a.link-svg svg { display: block; width: 70%; height: auto; max-height: 59px; margin: 0 auto; -webkit-filter: drop-shadow( 3px 3px 5px rgba(100, 90, 100, 0.7)); filter: drop-shadow( 3px 3px 5px rgba(100, 90, 100, 0.7)); } .apropos-bloc-autopromo a.link-svg svg g.ligne1 { fill: rgba(255, 255, 255, 0.85); } .apropos-bloc-autopromo a.link-svg svg g.ligne2 { fill: rgba(255, 255, 255, 1); } .apropos-bloc-autopromo a.link-svg:hover svg g.ligne1 { fill: rgba(255, 255, 255, 1); } .apropos-bloc-autopromo a.link-svg:hover svg g.ligne2 { fill: rgba(255, 255, 255, 1); } ul.logos-partenaires { position: relative; display: block; text-align: center; margin: 0; padding: 0; } ul.logos-partenaires li { display: inline; margin: 0; padding: 0; } ul.logos-partenaires li span { display: inline-block; width: 80px; } ul.logos-partenaires li a { display: inline-block; width: 80px; } ul.logos-partenaires li.soutien { margin: 0 25px 0 0; } ul.logos-partenaires li.svg-liv { margin: 0 25px 0 25px; } ul.logos-partenaires li.svg-probikeshop { margin: 0 25px 0 25px; } ul.logos-partenaires li.svg-relive { margin: 0 25px 0 25px; } ul.logos-partenaires li.svg-pedaled { margin: 0 25px 0 25px; } ul.logos-partenaires li.svg-vaude { margin: 0 25px 0 25px; } ul.logos-partenaires li.svg-hjc { margin: 0 0 0 25px; } ul.logos-partenaires li a svg, ul.logos-partenaires li span svg { width: 100%; height: auto; } li.svg-liv a:hover svg.svg-partenaire160-liv g.liv { fill: #653393; } li.svg-probikeshop a:hover svg.svg-partenaire160-probikeshop g.bg-probikeshop { fill: #3A3737; } li.svg-probikeshop a:hover svg.svg-partenaire160-probikeshop g.shop { fill: #009DDF; } li.svg-relive a:hover svg.svg-partenaire160-relive path { fill: #242115; } li.svg-relive a:hover svg.svg-partenaire160-relive path#figuratif-fond { fill: #FFDD00; } li.svg-pedaled a:hover svg.svg-partenaire160-pedaled g.pedaled { fill: #1D1D1B; } li.svg-vaude a:hover svg.svg-partenaire160-vaude g.vaude { fill: #6e645a; } li.svg-hjc a:hover svg.svg-partenaire160-hjc g.hjc { fill: #000; } /* ========================================================================== Content ========================================================================== */ .container-fluid { padding-left: 0px; padding-right: 0px; overflow-x: hidden; } #wrap-base { padding-bottom: 60px; } body.home #wrap-base { padding-bottom: 0px; } .content { } body.single .entry-content figure { max-width: 100%; height: auto; } body.single .entry-content img { max-width: 100%; height: auto; } body.single .entry-content iframe { max-width: 100%; } .media-body { padding-left: 10px; } .entry-content { font-size: 16px; } .has-small-font-size { font-size: 13px !important; /* 13px */ } .has-normal-font-size { font-size: 16px !important; /* 16px */ } .has-medium-font-size { font-size: 20px !important; /* 20px */ } .has-large-font-size { font-size: 36px !important; /* 36px */ } .has-huge-font-size { font-size: 42px !important; /* 42px */ } /* ========================================================================== Primary Content ========================================================================== */ .main { padding: 0; } /* Gallery Shortcode */ .gallery-row { padding: 15px 0; } /* ========================================================================== Sidebar ========================================================================== */ .border-sidebar { padding-right: 15px; border-right: 10px solid #f2eff4; } #container-sidebar { padding: 0; } .sidebar-mtl { } .container.sidebar-mtl { padding: 0; } .sidebar-mtl .widget { margin-bottom: 30px; padding-left: 10px; padding-right: 10px; } .sidebar-mtl h3 { padding-bottom: 4px; border-bottom: 4px solid #ded8e2; } /* WIDGET A PROPOS */ .sidebar-mtl .widget-apropos a.a-profil-camillepic { margin-bottom: 10px; display: block; } .sidebar-mtl .widget-apropos a.a-profil-camillepic img { border-radius: 50%; border: 2px solid #f2eff4; padding: 6px; max-width: 116px; max-height: 116px; } .sidebar-mtl .widget-apropos a.a-profil-camillepic:hover img { border: 4px solid #fbb03b; padding: 4px; } .sidebar-mtl .widget-apropos h5 { color: #443452; margin: 0; padding: 0; font-weight: 600; } .sidebar-mtl .widget-apropos p.widget-apropops-fonction { font-weight: 600; text-transform: ; font-style: italic; font-size: 13px; margin: 0 0; color: #a196a8; } .sidebar-mtl .widget-apropos p.widget-apropops-desc { margin: 0; } .sidebar-mtl p.link-more { padding: 0 0 5px 0; } .sidebar-mtl .btn-stroke-lightpurple { font-size: 10px; padding: 6px 12px; } .sidebar-mtl ul.list-social { text-align: left; padding: 0; } .sidebar-mtl ul.list-social li { margin: 10px 10px 0 0; } .sidebar-mtl ul.list-social li a svg { height: 13px; width: auto; } .sidebar-mtl ul.list-social li a svg path { fill: #a196a8; } .sidebar-mtl ul.list-social li a:hover svg path { fill: #fbb03b; } /* WIDGET CATÉGORIES SVG */ .sidebar-mtl a.widget-3cats-svg { display: block; padding-top: 5px; padding-bottom: 5px; margin: 5px auto; border-radius: 2px; } .sidebar-mtl a.widget-3cats-svg:hover { background: #fbb03b; } .sidebar-mtl a.widget-3cats-svg svg { display: block; width: 50%; height: auto; margin: 0 auto; } .sidebar-mtl a.widget-3cats-svg-1 { background: #99d354; } .sidebar-mtl a svg.svg-naturopathie .naturo { fill: #cce9a9; } .sidebar-mtl a svg.svg-naturopathie .pathie { fill: #fff; } .sidebar-mtl a:hover svg.svg-naturopathie .naturo { fill: #fdd79d; } .sidebar-mtl a:hover svg.svg-naturopathie .pathie { fill: #fff; } .sidebar-mtl a.widget-3cats-svg-2 { background: #00a978; } .sidebar-mtl a svg.svg-cyclisme .cyclisme { fill: #7fd4bb; } .sidebar-mtl a svg.svg-cyclisme .sport { fill: #fff; } .sidebar-mtl a:hover svg.svg-cyclisme .cyclisme { fill: #fdd79d; } .sidebar-mtl a:hover svg.svg-cyclisme .sport { fill: #fff; } .sidebar-mtl a.widget-3cats-svg-3 { background: #04b1da; } .sidebar-mtl a svg.svg-developpement .developpement { fill: #81d8ec; } .sidebar-mtl a svg.svg-developpement .personnel { fill: #fff; } .sidebar-mtl a:hover svg.svg-developpement .developpement { fill: #fdd79d; } .sidebar-mtl a:hover svg.svg-developpement .personnel { fill: #fff; } .sidebar-mtl a.widget-3cats-svg-4 { background: #443452; } .sidebar-mtl a svg.svg-top .montop { fill: #a196a8; } .sidebar-mtl a svg.svg-top .articles { fill: #fff; } .sidebar-mtl a:hover svg.svg-top .montop { fill: #fdd79d; } .sidebar-mtl a:hover svg.svg-top .articles { fill: #fff; } /* WIDGET DERNIERS POSTS / LES PLUS VUS */ .sidebar-mtl .widget-lastpost table { } .sidebar-mtl .widget-lastpost table th.table-image { width: 60px; height: 60px; } .sidebar-mtl .widget-lastpost table th.table-image a { display: block; } .sidebar-mtl .widget-lastpost table th.table-image img { width: 50px; height: auto; } .sidebar-mtl .widget-lastpost table th.table-content { } .sidebar-mtl .widget-lastpost table th.table-content .post-title { margin: 0; } .sidebar-mtl .widget-lastpost table th.table-content .post-title a { color: #a196a8 /* #443452; */ } .sidebar-mtl .widget-lastpost table th.table-content .post-title a:hover { color: #fbb03b; } .sidebar-mtl .widget-lastpost table th.table-content p { margin: 0; padding: 0; } .sidebar-mtl .widget-lastpost table th.table-content p.meta { font-weight: 400; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .sidebar-mtl .widget-lastpost table th.table-content a.lire { color: #fbb03b; } .sidebar-mtl .widget-lastpost table th.table-content a.lire:hover { color: #fbb03b; } /* WIDGET RANDOM */ .sidebar-mtl .widget-random { } .sidebar-mtl .widget-random .post-title { margin-bottom: 4px; } .sidebar-mtl .widget-random .post-title a { color: #a196a8; } .sidebar-mtl .widget-random .post-title a:hover { color: #fbb03b; } .sidebar-mtl .widget-random a img { width: 100%; height: auto; } .sidebar-mtl .widget-random a.lire { color: #fbb03b; } /* WIDGET NEWSLETTER */ .widget-inner #mc_embed_signup form { padding: 0; } .widget-inner #mc_embed_signup form .mc-field-group { width: 100%; min-height: 32px; padding-bottom: 5px; } .widget-inner #mc_embed_signup form .mc-field-group input { border: none; background: #f2eff4; font-size: 12px; padding: 10px 15px; font-family: 'Crimson Pro', serif; } .widget-inner #mc_embed_signup form .mc-field-group input::placeholder { color: #443452; opacity: 1; font-style: italic; } .widget-inner #mc_embed_signup form .mc-field-group input:-ms-input-placeholder { color: #443452; font-style: italic; } .widget-inner #mc_embed_signup form .mc-field-group input::-ms-input-placeholder { color: #443452; font-style: italic; } .widget-inner #mc_embed_signup .button { border: 2px solid #a196a8; color: #443452; background: rgba(255, 255, 255, 1); text-transform: uppercase; letter-spacing: 1px; font-size: 10px; padding: 6px 12px; display: block; line-height: inherit; height: auto; } .widget-inner #mc_embed_signup .button:hover { background: #443452; border: 2px solid #443452; text-decoration: none; color: #fbb03b; } /* WIDGET ARCHIVES */ .widget_archive label.screen-reader-text { display: none; } .widget_archive select { width: 100%; padding: 10px 15px; font-size: 12px; border: 2px solid #a196a8; -webkit-appearance: button; appearance: button; outline: none; color: #443452; text-align: center; background-color: #f2eff4; background-image: url('../img/arrow-select.svg'); background-position: right center; background-repeat: no-repeat; } /* IE..... */ .widget_archive select::-ms-expand { display: none; } .widget_archive select { outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .widget_archive select:hover { background-color: #a196a8; border: 2px solid #443452; color: #443452; } /* ========================================================================== Posts ========================================================================== */ /* STICKY */ .stickypost { background: #f2eff4; padding: 10px 30px 0 30px; margin-bottom: 50px; border: 1px solid #ded8e2; } .stickypost h5 { text-transform: uppercase; } .stickypost .media {} .stickypost .media .hp-cat-htype-thumb-container { background: url('../img/pattern-cc-neg3-50.png') left top; } .stickypost .media-body {} .stickypost .media-body h2 a { color: #443452; } .stickypost .media-body h2 a:hover { color: #fbb03b; } .stickypost .media-body .link-more { color: #fbb03b; } .stickypost .media-body .link-more:hover { } .entry-content a { color: #fbb03b; } .hentry header { } .hentry time { } .hentry .byline { } .hentry .entry-content { } .hentry footer { } body.single article header { padding: 20px 0; margin-bottom: 30px; border-bottom: 4px solid #ded8e2; } body.single article header .header-table-image { width: 100px; } body.single article header .header-table-image img { width: 70px; height: 70px; } body.single article header .header-table-content h1 { margin: 0 0 4px 0; color: #443452; } body.single article header .header-table-content a:hover { color: #fbb03b; } body h2.entry-title a { color: #a196a8; } body h2.entry-title a:hover { color: #fbb03b; } /* body.category-4 h2.entry-title a, body.category-397 h2.entry-title a, body.category-398 h2.entry-title a, */ body.category-395 h2.entry-title a { color: #99d354; } /* body.category-4 h2.entry-title a:hover, body.category-397 h2.entry-title a:hover, body.category-398 h2.entry-title a:hover, */ body.category-395 h2.entry-title a:hover { color: #fbb03b; } /* body.category-3 h2.entry-title a, body.category-392 h2.entry-title a, body.category-389 h2.entry-title a, body.category-394 h2.entry-title a, */ body.category-390 h2.entry-title a { color: #00a978; } /* body.category-3 h2.entry-title a:hover, body.category-392 h2.entry-title a:hover, body.category-389 h2.entry-title a:hover, body.category-394 h2.entry-title a:hover, */ body.category-390 h2.entry-title a:hover { color: #fbb03b; } /* body.category-464 h2.entry-title a, body.category-482 h2.entry-title a, */ body.category-396 h2.entry-title a { color: #04b1da; } /* body.category-464 h2.entry-title a:hover, body.category-482 h2.entry-title a:hover, */ body.category-396 h2.entry-title a:hover { color: #fbb03b; } nav.post-nav { padding: 30px 0; } nav.post-nav ul.pager { display: block; margin: 0 auto; text-align: center; padding: 0; } nav.post-nav ul.pager:before, nav.post-nav ul.pager:after { display: block; } nav.post-nav ul.pager li { display: inline; } nav.post-nav ul.pager li a { display: inline-block; border-radius: 4px; padding: 9px 17px 10px 17px; border: 1px solid #a196a8; color: #443452; background: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; } nav.post-nav ul.pager li a:hover { background: #fdd79d; border: 4px solid #fbb03b; padding: 6px 14px 7px 14px; text-decoration: none; color: #985f1c; } /* DISQU */ #disqus_thread { margin-top: 60px; } /* ========================================================================== CUSTOM POST PRESS ========================================================================== */ /* voir component.css */ /* Purple >> #443452 Purple 75% >> #73627d Purple 50% >> #a196a8 Orange >> #fbb03b Orange 75% >> #fcc46c Orange 50% >> #fdd79d Orange darker >> #cb7b23 Orange DARKER >> #985f1c Lightgreen >> #99d354 Lightgreen 50% >> #cce9a9 Lightgreen darker >> #669e32 Lightgreen DARKER >> #4f7828 Green >> #00a978 Green 50% >> #7fd4bb Green darker >> #00754c Green DARKER >> #005a3c Blue >> #04b1da Blue 50% >> #81d8ec Blue darker >> #027ca6 Blue DARKER >> #025f7e */ /* ========================================================================== 404 ========================================================================== */ body.error404 { background: #fbb03b; } body.error404 .page-header { background-color: #fcc46c; } body.error404 h1, body.error404 h3 { color: #fff; } body.error404 .vouspouvez { width: 100%; border: 2px solid #cb7b23; padding-top: 20px; padding-bottom: 20px; margin: 30px auto; } body.error404 .vouspouvez h4 { color: #fff; } body.error404 .vouspouvez a { color: #fff; text-decoration: underline; font-weight: 800} body.error404 .vouspouvez a:hover { color: #985f1c; } body.error404 .search-form { max-width: 350px; margin: 20px auto 20px auto; } body.error404 .search-form .input-group { border: 2px solid #fdd79d; font-size: 10px; background: #fcc46c; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } body.error404 .search-form .input-group input[type='search'] { background: none; border: none; color: #fff; box-shadow: none; -webkit-box-shadow: none; } body.error404 .search-form .input-group input[type='search']::placeholder { color: #fff; opacity: 1; font-style: italic; } body.error404 .search-form .input-group input[type='search']:-ms-input-placeholder { color: #fff; font-style: italic; } body.error404 .search-form .input-group input[type='search']::-ms-input-placeholder { color: #fff; font-style: italic; } body.error404 .search-form .input-group button[type='submit'] { background: #985f1c; border: 2px solid #fcc46c; font-size: 10px; text-transform: uppercase; color: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } body.error404 .search-form .input-group button[type='submit']:hover { background: #281b31; color: #fbb03b; } body.error404 .search-form .input-group button[type='submit']:active { background: #fff; color: #fbb03b; } body.error404 .svg-404 { display: block; width: 66%; height: auto; margin: 0 auto; } body.error404 .hp-cat-pattern { padding-top: 0px; } body.error404 .hp-cat-htype-thumb-container { background: url('../img/pattern-cc-neg4-50.png') left top; } body.error404 h4.hp-cat-post-title { margin: 0; } body.error404 h4.hp-cat-post-title a { color: #fff; } body.error404 h4.hp-cat-post-title a:hover { color: #985f1c; } body.error404 .hp-cat-post-excerpt { color: #985f1c; } body.error404 .hp-cat-post-excerpt a { color: #fdd79d; } body.error404 .hp-cat-post-excerpt a:hover { color: #fff; } /* ========================================================================== Page contact ========================================================================== */ .wpcf7 form.wpcf7-form p { color: #a196a8; font-style: italic; } .wpcf7 form.wpcf7-form input { background: #f2eff4; border: none; box-shadow: none; padding: 6px 12px; } .wpcf7 form.wpcf7-form input::placeholder { } .wpcf7 form.wpcf7-form textarea { width: 100%; background: #f2eff4; border: none; box-shadow: none; padding: 6px 12px; } .wpcf7 form.wpcf7-form input[type=submit] { border: 2px solid #a196a8; color: #443452; background: rgba(255, 255, 255, 1); text-transform: uppercase; font-size: 10px; letter-spacing: 1px; padding: 6px 12px; border-radius: 4px; } .wpcf7 form.wpcf7-form input[type=submit]:hover { background: #443452; border: 2px solid #443452; text-decoration: none; color: #fbb03b; } /* ========================================================================== Footer ========================================================================== */ /* MODULE INSTAGRAM */ #sb_instagram { background: #5c4868; border-bottom: 1px solid #a196a8; padding-bottom: 30px; } #sb_instagram #sbi_load { } #sb_instagram #sbi_load a.sbi_load_btn { display: inline-block; border-radius: 4px; padding: 6px 17px 7px 17px; border: 1px solid #a196a8; color: #fff; background: none; font-style: italic; letter-spacing: 0.5px; } #sb_instagram #sbi_load a.sbi_load_btn:hover { padding: 5px 16px 6px 16px; border: 2px solid #fff; /* box-shadow: none; */ } #sb_instagram #sbi_load .sbi_follow_btn a { padding: 7px 18px 8px 18px; background: #fff; color: #443452; } #sb_instagram #sbi_load .sbi_follow_btn a:hover { background: #fbb03b; color: #fff; box-shadow: none; } /* BUG IE, ENCORE... */ #sb_instagram .sbi_follow_btn svg { max-width: 14px; } #sb_instagram .sbi_item svg { max-width: 24px; } /* LE FOOTER */ footer.content-footer { background: #443452; color: #73627d; padding-top: 60px; } .content-info { } a.logo-footer svg.logo-mangeteslegumes { height: 60px; width: auto; } a.logo-footer svg.logo-mangeteslegumes .logo-MTL-mange path, a.logo-footer svg.logo-mangeteslegumes .logo-MTL-mange polygon { fill: #fff; } a.logo-footer svg.logo-mangeteslegumes .logo-MTL-accent path, a.logo-footer svg.logo-mangeteslegumes .logo-MTL-accent polygon { fill: #c8bdcd; } a.logo-footer svg.logo-mangeteslegumes .logo-MTL-legumes path, a.logo-footer svg.logo-mangeteslegumes .logo-MTL-legumes polygon { fill: #93819c; } a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-mange path, a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-mange polygon { fill: #fff; } a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-accent path, a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-accent polygon { fill: #fff; } a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-legumes path, a.logo-footer:hover svg.logo-mangeteslegumes .logo-MTL-legumes polygon { fill: #fbb03b; } footer ul#menu-footer { display: block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin: 0 auto; padding: 0px; text-align: center; width: 100%; } footer ul#menu-footer li { display: inline; margin: 0 10px; } footer ul#menu-footer li a { display: inline-block; color: #fff; font-size: 12px; letter-spacing: 1px; font-weight: 600; } footer .navbar-collapse ul#menu-footer li.menu-naturopathie a { color: #99d354; } footer .navbar-collapse ul#menu-footer li.menu-cyclisme a { color: #00a978; } footer .navbar-collapse ul#menu-footer li.menu-developpement-personnel a { color: #04b1da; } footer .navbar-collapse ul#menu-footer li a:hover { color: #fbb03b; text-decoration: none; } footer .search-form { max-width: 350px; margin: 20px auto 20px auto; } footer .search-form .input-group { width: 100%; border: 2px solid #a196a8; font-size: 10px; background: #5c4868; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .form-inline .input-group .input-group-btn { width: 1%; } /* footer .search-form .input-group-btn { width: 44px; } */ footer .search-form .input-group input[type='search'] { background: none; border: none; color: #fff; box-shadow: none; -webkit-box-shadow: none; } footer .search-form .input-group input[type='search']::placeholder { color: #a196a8; opacity: 1; font-style: italic; } footer .search-form .input-group input[type='search']:-ms-input-placeholder { color: #a196a8; font-style: italic; } footer .search-form .input-group input[type='search']::-ms-input-placeholder { color: #a196a8; font-style: italic; } footer .search-form .input-group button[type='submit'] { background: #281b31; border: 2px solid #5c4868; font-size: 10px; text-transform: uppercase; color: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } footer .search-form .input-group button[type='submit']:hover { background: #281b31; color: #fbb03b; } footer .search-form .input-group button[type='submit']:active { background: #fff; color: #fbb03b; } footer ul.list-social { text-align: center; margin: 0 0 60px 0; padding: 0; } footer ul.list-social li { margin: 0 4px; } footer ul.list-social li a svg { height: 14px; width: auto; } .footer-bottom { background: #281b31; padding: 10px 0 0 0; } .footer-bottom .navbar { background: none; min-height: 20px; border: none; margin: 0; } .footer-bottom .navbar p { color: #73627d; } .footer-bottom .navbar p.navbar-brand { font-size: 10px; color: #73627d; padding: 0; height: auto; } .footer-bottom .navbar p.navbar-brand:hover { color: inherit; } .footer-bottom .navbar p.navbar-brand a { color: #a196a8; font-weight:; } .footer-bottom .navbar p.navbar-brand a:hover { color: #fbb03b; } .footer-bottom .navbar .collapse-footer { padding: 0; } .footer-bottom .navbar p.navbar-right { font-size: 10px; color: #73627d; margin: 0; } .footer-bottom a.link-svg-bidaia { padding: 0 0 0 2px; } .footer-bottom a.link-svg-bidaia svg.svg-bidaia { height: 9px; width: auto; max-width: 35px; } .footer-bottom a.link-svg-bidaia svg.svg-bidaia path { fill: #a196a8; } .footer-bottom a.link-svg-bidaia:hover svg.svg-bidaia path { fill: #fff; } /* ========================================================================== WordPress Generated Classes See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes ========================================================================== */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } figure.alignnone { margin-left: 0; margin-right: 0; } /* ========================================================================== Anim CSS3 ========================================================================== */ a, ul, li, img, svg, small, polygon, path, button, input, span, select, div { -webkit-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill, top, left, right, bottom; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill,top, left, right, bottom; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill, top, left, right, bottom; transition-duration: 0.2s; transition-timing-function: ease-out; } a.zoom-effect img, a.zoom-effect svg, li.zoom-effect a { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a.zoom-effect-more img, a.zoom-effect-more svg, li.zoom-effect-more a { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } a.zoom-effect:hover img, a.zoom-effect:hover svg, li.zoom-effect a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } a.zoom-effect-more:hover img, a.zoom-effect-more:hover svg, li.zoom-effect-more a:hover { -webkit-transform: scale(1.15); transform: scale(1.15); } /* ========================================================================== Media Queries ========================================================================== */ .grecaptcha-badge { bottom: 35px !important; } @media (min-width: 768px) { .navbar-toggle { display: inherit; } } @media (min-width: 992px) { .navbar-toggle { display: none; } .col-sm-push-1 { } } @media (min-width: 1200px) { } /* SI HAUTEUR SUPÉRIEURE À XXX ALORS */ @media (min-height: 800px) { /* .module-header { min-height: 100vh; } .hp-cat { min-height: 100vh; } .hp-cat-pattern { min-height: 100vh; } .hp-a-propos { min-height: 80vh; } */ } /* SI LARGEUR INFERIEUR À XXX ALORS */ @media (max-width: 1200px) { .page-header h1 { font-size: 30px; } .hp-cat .preblockquote { height: 12px; } } @media (max-width: 992px) { body.home #wrap-base { padding-bottom: 0px; } .header-nav-mtl a.navbar-brand svg.logo-mangeteslegumes { height: 40px; width: auto; } .header-nav-mtl.affix a.navbar-brand { padding: 7px 15px; } .header-nav-mtl.affix a.navbar-brand svg.logo-mangeteslegumes { height: 30px; } .navbar-header { float: inherit; width: 100%; } .navbar-header .navbar-brand { display: block; margin: 0 auto; } .navbar-header button.navbar-toggle { margin-top: 16px; } .header-nav-mtl.affix .navbar-header button.navbar-toggle { margin-top: 8px; } .navbar-right { float: inherit; width: 100%; } ul.list-social { display: none; } .navbar-right nav.navbar-collapse.collapse { display: none !important; } .navbar-right nav.navbar-collapse.in { } .navbar-right ul.navbar-nav { width: 100%; padding-bottom: 20px; } .navbar-right ul.navbar-nav>li { width: 100%; float: none; text-align: center; } .navbar-right ul.navbar-nav li a { font-size: 12px; } .header-nav-mtl ul.navbar-nav li.open .dropdown-menu { position: relative; text-align: center !important; float: none; border-radius: 0 0 10px 10px; margin-bottom: 8px; } body.single .container-single { margin-top: 125px; } .page-header-thumb { height: 225px; min-height: 225px; } .module-header-left { margin: 10px 0 0 0; } .module-header-right { margin: 0 0 20px 0; } .module-header-right { text-align: center; } .module-header-right h6.title { display: block; width: 100%; margin: 0; text-align: center; } .module-header-right h6.title span { margin: 0; width: 100%; } .module-header .carousel-control .glyphicon-chevron-left { text-align: left; left: 10px; } .module-header .carousel-control .glyphicon-chevron-right { text-align: right; right: 10px; } .page-header h1 { font-size: 25px; } body.single .page-header h1 { display: none; } .hp-cat .hp-cat-cadre { margin: 0 0 20px 0; padding: 0; border: none; } .hp-cat .col-md-push-7 .hp-cat-cadre { margin-left: 0px; } .hp-title-last { text-align: center; padding-bottom: 10px; } .hp-cat svg { display: block; width: 40%; height: auto; margin: 0 auto; } .hp-cat .preblockquote { display: none; } .hp-cat blockquote { border: none; margin: 0; padding: 0; } .hp-cat blockquote .hp-cat-desc { border-top: 5px solid #fff; border-bottom: 5px solid #fff; margin: 30px 0 10px 0; padding: 30px 0; } .hp-cat blockquote .hp-cat-souscat { } .hp-cat blockquote .hp-cat-more { } .hp-cat-pattern { padding: 60px 0 80px 0; } .hp-cat-lastpost { margin-bottom: 30px; } .stickypost .media-body h2 { margin-top: 10px; } .list-post .media .hp-cat-htype-thumb-container img { width: 250px; height: auto; } .list-post .hp-cat-post-excerpt .visible-sm { display: inline!important; } .list-post .hp-cat-post-excerpt a.link-more { color: #fbb03b; } .list-post .hp-cat-post-excerpt a.link-more:hover { color: #fdd79d; } article table .header-table-content h1 { font-size: 25px; } .border-sidebar { padding-right: 0px; border-right: none; } .sidebar-mtl { margin-top: 50px; } div.hp-a-propos { padding: 60px 0 80px 0; } .apropos-blocs-autopromo { margin: 20px 0 45px 0; } .apropos-bloc-autopromo a.link-svg { padding: 35px 0 40px 0; } ul.logos-partenaires { margin: 10px 0; } ul.logos-partenaires li.soutien { margin: 0 20px; } ul.logos-partenaires li span { width: 100px; } ul.logos-partenaires li a { width: 100px; } ul.logos-partenaires li.svg-liv { margin: 0 20px; } ul.logos-partenaires li.svg-probikeshop { margin: 0 20px; } ul.logos-partenaires li.svg-relive { margin: 0 20px; } ul.logos-partenaires li.svg-pedaled { margin: 0 20px; } ul.logos-partenaires li.svg-vaude { margin: 0 20px; } ul.logos-partenaires li.svg-hjc { margin: 0 20px; } footer .search-form { margin-bottom: 60px; } .footer-bottom .navbar p.navbar-brand { text-align: center; float: inherit; } .footer-bottom .navbar p.navbar-right { text-align: center; margin: 5px 0 10px 0; } } @media (max-width: 768px) { #wrap-base { padding-left: 15px; padding-right: 15px; } body.home #wrap-base { padding-left: 0px; padding-right: 0px; } .wp-block-column:nth-child(1n) { padding-right: 15px; } .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left: 0; padding-left: 5px; } #carousel-module-header .item .container { padding: 0; } .module-header-left { margin: 40px 0 0 0; } #carousel-module-header .item .container .module-header-right { margin-bottom: 75px; clear: both; } #carousel-module-header .item .container .module-header-right-cadre { padding: 30px 15px 0 30px; border: none; } #carousel-module-header .item .container .module-header-right h6.title { margin: 0; width: auto; text-align: center; } #carousel-module-header .item .container .module-header-right h6.title span { width: auto; background: #a196a8; color: #fff; } #carousel-module-header .carousel-control { opacity: 1; } #carousel-module-header a.carousel-control .glyphicon { color: #fff; } .hp-cat-pattern { padding: 45px 0 65px 0; } .stickypost .media-body h2 { margin-top: 0px; } .list-post .hp-cat-post-excerpt .visible-sm { display: none!important; } .list-post .hp-cat-post-excerpt .visible-xs { display: inline!important; } article table .header-table-content h1 { font-size: 20px; } .sidebar-mtl section.widget { display: none; } .sidebar-mtl section.widget-section-apropos { display: block; } .apropos-bloc-autopromo-1 { margin-bottom: 30px; } .apropos-bloc-autopromo-2 { margin-bottom: 30px; } /* .apropos-bloc-autopromo a.link-svg { padding: 50px 0 55px 0; } */ ul.logos-partenaires li.soutien { display: none; } ul.logos-partenaires li.svg-liv { margin: 0 25px; } ul.logos-partenaires li.svg-probikeshop { margin: 0 25px; } ul.logos-partenaires li.svg-relive { margin: 0 25px; } ul.logos-partenaires li.svg-pedaled { margin: 0 25px; } ul.logos-partenaires li.svg-vaude { margin: 0 25px; } ul.logos-partenaires li.svg-hjc { margin: 0 25px; } ul.logos-partenaires li a { width: 90px; } .sidebar-mtl h5, .sidebar-mtl p, .sidebar-mtl a { text-align: center; } .sidebar-mtl .widget-apropos h3 { display: none; } .sidebar-mtl p.widget-apropos-desc { max-width: 400px; margin: 0 auto 10px auto; } .sidebar-mtl img { margin: 0 auto; } footer .navbar-collapse { border-top: none; box-shadow: none; } footer ul.list-social li { margin: 0 10px; } footer ul.list-social li a svg { height: 20px; width: auto; } .footer-bottom .navbar p.navbar-brand { margin-bottom: 10px; } } @media (max-width: 599px) { .wp-block-column .wp-block-image img { display: block; margin: 0 auto; } .stickypost h5 { text-align: center; } .list-post .media .hp-cat-htype-thumb-container, .list-post .media .pull-left { float: none !important; } .list-post .media .hp-cat-htype-thumb-container-bgwhite { background: none; padding-right: 0px; margin-right: 0px; } .list-post .media .hp-cat-htype-thumb-container img { max-width: 340px; height: auto; margin: 0 auto; display: block; } .list-post .media-body { text-align: center; } .list-post .meta-post { display: none; } .list-post .hp-cat-post-excerpt .visible-xs { text-align: center; } article table .header-table-content h1 { font-size: 17px; } } @media (max-width: 550px) { ul.logos-partenaires li a { width: 60px; } footer ul#menu-footer { margin: 10px auto 0 auto; } footer ul#menu-footer li { display: block; } footer ul#menu-footer li a { font-size: 15px; margin: 10px 0; } footer .search-form { max-width: 250px; margin: 20px auto 30px auto; } } @media (max-width: 500px) { .apropos-bloc-autopromo a.link-svg { padding: 35px 0 40px 0; } }