/* Theme Name: GardesNatureDeFrance Author: L'équipe Maad Version: 1 */ /* font-family: "DM Sans", sans-serif; 100 - 1000 Bleu : #3a5471 Marron : #56361f Beige : #f2e6dd Vert foncé : #268d3e Vert clair : #8db433 */ *, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;} html, body{width:100%;height:100%;} body{color:#56361f;background:#fff; font-family: "DM Sans", sans-serif; font-weight:400;font-size:16px;} a{color:#56361f;text-decoration:underline;} a:hover, a:focus{color:#268d3e;text-decoration:underline;} a img, th img, td img{vertical-align:top;border:none;} h1, h2, h3, h4, h5{ font-family: "DM Sans", sans-serif; cursor:default; font-weight:900; line-height: 110%; } a h1, a h2, a h3, a h4, a h5{cursor:pointer;} h1{font-size:220%;} h2{font-size:200%;} h3{font-size:160%;} h4{font-size:160%;} h5{font-size:140%;} ul{list-style:none;} hr{border:none;border-top:1px solid #563620;margin:30px 0;} table{border-collapse:collapse;border-spacing:0;} caption, th, td{text-align:left;vertical-align:top;} thead th, thead td{font-weight:bold;vertical-align:bottom;} img, video, audio, embed, object{max-width:100%;} img, video, embed, object{height:auto;} embed, object{height:100%;} img{vertical-align:middle;} .alignright{float:right;margin:0 0 25px 20px;} .alignleft{float:left;margin:0 20px 25px 0;} .aligncenter{margin:0 auto 25px auto;} .centerdiv{width:90%;margin:0 auto;position:relative;} .centerdiv_s{width:70%;margin:0 auto;position:relative;} .centerdiv_xs{width:90%; max-width:800px; margin:0 auto;position:relative;} .clear{position:relative;overflow:auto;clear:both;} #blocmap img{height:auto!important;max-width:none !important;} .svg{} .no-svg{} .bt{ display:inline-block; padding:14px 20px; border:1px solid #56361f; color:#56361f; border-radius:10px; font-weight:700; text-decoration:none; } .bt:hover, .bt:focus{ text-decoration:none; color:#56361f; } .part_bgbl .bt{ color:#fff; border-color:#fff; } .part_bgbl .bt:hover, .part_bgbl .bt:focus{ color:#fff; } #cookie-notice #cn-close-notice { right: 1.5vw !important; } #cookie-notice #cn-notice-buttons { margin: 0 0 0 1vw !important; } #cookie-notice #cn-notice-buttons a { font-family:"regulator-nova", arial !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; } #cookie-notice { font-family:"regulator-nova", arial !important; background: #1a1a1a !important; left: 1vw !important; right: 1vw !important; bottom: 1vw !important; width: 98vw !important; min-width: 98vw !important; border-radius: 5vw !important; } #cookie-notice .cookie-notice-container { padding: 0.5vw 1vw !important; } .appear{ opacity: 0; } .appearTxt{ opacity: 0; } .wrapclmn{ display:flex; justify-content:space-between; gap:5%; } .contenu .wrapclmn{ margin-top:20px; margin-bottom:20px; } .clmn{ width:50%; } .contenu .clmn > *:fist-child{ margin-top:0; } .contenu .clmn > *:last-child{ margin-bottom:0; } .mess{ background-color:#e0e3e5; padding:20px; font-weight: 700; border-radius:1vw; line-height:150%; margin-bottom:25px; } .mess svg{ margin-right:4px; } .messok{ background-color:#68b941; color:#fff; } .messno{ background-color:#f9bb16; } .messhead{ padding: 8px 20px; margin: 10px 20px 0 20px; } /********************************************************************** ACCESS */ #navAccess{position:absolute;z-index:10000;} #navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;} #navAccess a:focus{left:10px;top:10px;} #accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;} #accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;} /********************************************************************** HEADER */ #header{ padding:20px 20px 0 20px; display:flex; } #nav_r{ margin-left:auto; display:flex; } .nav_rbt{ font-weight:700; font-size:95%; display:inline-block; padding:13px 20px 11px 20px; background-color:#268d3e; color:#fff; text-decoration:none; line-height: 110%; } .nav_rbt:hover, .nav_rbt:focus{ color:#fff; text-decoration:none; } .nav_rbt.first{ border-top-left-radius:1vw; } .nav_rbt.last{ border-top-right-radius:1vw; background-color:#56361f; } .nav_rbt svg{ margin-right:3px; display:inline-block; } #nav_rrs{ background-color:#8db433; padding:0 14px; display:flex;align-items:center; } #nav_rrs a{ color:#fff; font-size:120%; padding:6px 6px 4px 6px; text-decoration:none; line-height: 110%; } #nav_rrs a:hover, #nav_rrs a:focus{ color:#fff; text-decoration:none; } #logo{ position:absolute; top:2.5vw;left:2.5vw; z-index:9; } #logo img{ width: 18vw; } /********************************************************************** HOME */ #swiper_head_wrap{ position:relative; border-radius: 1vw 0 1vw 1vw; margin:0 20px; padding:12.5vw 2.5vw 1.75vw 20.5vw; background-color:#3a5471; background-image:url('img/gardes-nature-de-france-association.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center; } .home #swiper_head_wrap{ padding:0; background:none; } #swiper_head_wrap:after{ content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 65%); border-radius: 1vw 0 1vw 1vw; } .home #swiper_head_wrap:after{ display:none; } #swiper_head_wrap h1{ color:#fff; position: relative; z-index:2; text-align: right; font-weight:900; font-size:4.5vw; text-transform:uppercase; line-height:105%; } .swiper_head{ position:relative; border-radius:1vw 0 1vw 1vw; width:100%; } .swiper_head .swiper-slide{ display:block; background-color:#f2e6dd; position:relative; width:100%; aspect-ratio:16/7; } .swiper_head .swiper-slide:after{ content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 45%); } .swiper_head .swiper-slide img{ width: 100%;height: 100%; object-fit: cover;object-position: center; z-index:1; } .swiper_head .swiper-slide strong{ position:absolute; z-index:3; bottom:1.75vw; left:1vw; width: 75%; opacity:0; color:#fff; font-weight:900; font-size:4.5vw; text-transform:uppercase; line-height:105%; transition:all .5s; } .swiper_head .swiper-slide.swiper-slide-active strong{ left:2.5vw; opacity:1; } .swiper-button-prev, .swiper-button-next{ top:initial !important; left:initial !important; bottom:2.5vw !important; margin:0 !important; width:2.5vw !important;height:2.5vw !important; background-repeat:no-repeat; background-size:100%; background-position:center; } .swiper-button-prev svg, .swiper-button-next svg{ display:none !important; } .swiper-button-prev{ right:2.5vw !important; background-image:url('img/icon-arrow-w-r.svg'); } .swiper-button-next{ right:6.5vw !important; background-image:url('img/icon-arrow-w-l.svg'); } /********************************************************************** PART */ .part{ position:relative; padding:5vw 0 6vw 0; } .part_bgtopo{ background-image:url('img/bg-topo.svg'); background-size:80vw; background-repeat:no-repeat; background-position:right -20vw center; background-attachment:fixed; } .part_bgbe{ background-color:#f2e6dd; } .part_bgbl{ background-color:#3a5471; color:#fff; padding-bottom:5vw; } .part_bgbl + .part{ padding-top:6vw; } .part_bgbl *{ color:#fff; } .part_bgbe:before, .part_bgbl:before, .part_bgma:before { content:''; position:absolute; top:-2vw; left:0;right:0; height:2vw; background-repeat:no-repeat; background-size:101% auto;background-position:center top; } .part_bgbl:after { content:''; position:absolute; bottom:-2vw; left:0;right:0; height:2vw; background-repeat:no-repeat; background-size:101% auto;background-position:center bottom; } .part_bgbe:before{ background-image:url('img/border-be.svg'); } .part_bgbl:before{ background-image:url('img/border-bl.svg'); } .part_bgbl:after{ background-image:url('img/border-bl-b.svg'); } .part_bgma:before{ background-image:url('img/border-ma.svg'); } .part_2cols .centerdiv_s, .part_2cols .centerdiv_xs{ display:flex; gap:10%; } .part_2cols .first{ width:25%; display:flex; flex-direction:column; justify-content:space-between; } .part_2cols .first h1, .part_2cols .first h2{ font-size: 2.75vw; text-transform:uppercase; } .part_2cols .last{ width:65%; } .titlewbt{ display:flex; align-items:center; margin-bottom: 2.5vw; } .titlewbt_hr{ flex: auto; margin-left:1.5vw; display: block; height:1px; background:#56361f; } .titlewbt h2{ flex: initial; font-weight:400; font-size:1.25vw; } .titlewbt a{ flex: initial; margin-left:1.5vw; font-size:1.25vw; font-weight:600; padding-right:1.25vw; text-decoration: none; display: inline-block; background:url('img/icon-arrow-m-r.svg') no-repeat right center; background-size:.75vw; } .titlewbt a:hover, .titlewbt a:focus{ color:#56361f; text-decoration:none; } .page_elcard .titlewbt h2{ color: #3a5471; } .page_elcard .titlewbt_hr{ background-color: #3a5471; } /********************************************************************** BLOC */ .bloc_wrap{ display:flex; gap:2%; } .bloc_wrap + .bloc_wrap{ margin-top:2.5vw; } .bloc{ min-height:20vw; position:relative; width:100%; border-radius:1vw; overflow: hidden; } .bloc_tiers{ width:32%; } .bloc_2tiers{ width:66%; } .bloc_demi{ width:49%; } .bloc_vcenter{ display:flex; align-items:center; height: auto; } .bloc_wgd:before{ content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 45%); } .bloc_img{ background-size:cover; background-repeat:no-repeat; background-position:center; } .bloc_img img{ width:100%; height:100%; object-fit:cover; object-position:center; z-index:1; } .bloc_lien{ height:35vw; position:relative; } .bloc_lien:before{ content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 45%); } .bloc_lien:after{ content:""; position:absolute; z-index:3; width:2.5vw;height:2.5vw; right:1.5vw;top:1.5vw; background-image:url('img/icon-arrow-w-r.svg'); background-size:100%; background-repeat:no-repeat; background-position:center; } .bloc_lien strong, .bloc_img strong{ position:absolute; z-index:3; bottom:1.25vw; left:1.5vw;right:1.5vw; color:#fff; text-transform:uppercase; font-size:2.75vw; line-height:100%; } .bloc_img strong{ text-align:right; } .bloc_img.bloc_demi strong{ padding-left:20%; } .bloc_map{ height: 30vw; background-color: #6a819a; } .bloc_infos{ min-height: 35vw; } .bloc_infos.bloc_img > strong{ text-align:left; transition:all .5s; } .bloc_infos .contenu{ position:relative; z-index:5; margin:2.5vw 2.5vw 2.5vw 1.25vw; color:#fff; opacity:0; transition:all .5s; } .bloc_infos .contenu *{ color:#fff; } .bloc_infostxtok:after{ content:''; z-index:4; position:absolute; inset:0; background-color: #56361f; opacity:0; transition:all .5s; } .bloc_infostxtok > span{ position:absolute; opacity:1; z-index:3; top:1.25vw; right:1.25vw; color:#fff; font-size: 1.2vw; font-weight: 600; transition:all .5s; } .bloc_infostxtok:hover:after{ opacity:.9; } .bloc_infostxtok:hover .contenu{ opacity:1; } .bloc_infostxtok:hover > strong{ opacity:0; } .bloc_infostxtok:hover > span{ opacity:0; } .listch{ width:100%; display:flex; gap:1vw; flex-wrap:wrap; } .listch li{ width:calc(33.33% - 0.67vw); aspect-ratio:1/1; display:flex; flex-direction:column; justify-content:space-between; background-color: #f2e6dd; padding:.5vw 1vw .75vw 1vw; border-radius:1vw; } .listch li span{ font-weight:300; font-size:4vw; text-align: right; color:#56361f; } .listch li strong{ font-weight:700; font-size:1.5vw; text-transform: uppercase; line-height:105%; color:#56361f; } .listicn{ width:100%; display:flex; gap:1vw; flex-wrap:wrap; } .listicn li{ width:calc(25% - 0.75vw); display:flex; flex-direction:column; justify-content:space-between; background-color: #3a5471; padding:1.5vw; border-radius:1vw; } .listicn li img{ width: auto; height: 5vw; margin-left: auto; margin-bottom: 1.25vw; } .listicn li strong{ font-weight:600; font-size:1.25vw; line-height:120%; color:#fff; } /********************************************************************** PAGE */ .contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{ margin-top:20px; margin-bottom:20px; font-weight:700; } .contenu p{margin-bottom:10px;line-height:140%;font-size:105%;} .contenu iframe{margin-bottom:20px;margin-top:20px;max-width:100%;} .contenu img{margin-bottom:20px;margin-top:20px;max-width:100%;height:auto;display:block;} .contenu blockquote{ font-size: 125%; font-weight: 300; line-height: 150%; } .contenu blockquote > *:last-child{ margin-bottom:0; } .contenu ul{margin-bottom:10px;list-style-type:square;margin-left:18px;} .contenu ul ul{margin-top:5px;margin-bottom:0;} .contenu ul li{margin-bottom:5px;line-height:130%;} .contenu > *:first-child{ margin-top:0; } .contenu > *:last-child{ margin-bottom:0; } .contenu .bt{ margin-top:10px; } .contenu table { width: 100%; margin-top:20px; margin-bottom:20px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; color: #333; background-color: white; overflow: hidden; } .contenu th { text-align: left; padding: 12px 15px; background-color: #f8f9fa; font-weight: 600; color: #2c3e50; border-bottom: 1px solid #e0e0e0; } .contenu td { padding: 12px 15px; border-bottom: 1px solid #f0f0f0; } .contenu tbody tr:nth-child(even) { background-color: #f9f9f9; } .contenu td, .contenu th { border-left: none; border-right: none; } .contenu tbody tr:hover { background-color: #f5f7fa; } .contenu table { border: 1px solid #e0e0e0; } .h2xl{ font-size:2.75vw; text-transform: uppercase; } /********************************************************************** ACTUS */ .actu_wrap{ display:flex; gap:2%; flex-wrap:wrap; } .actu{ width:32%; display:flex; aspect-ratio:1/1; border-radius:1vw; overflow: hidden; background-color:#f2e6dd; position:relative; text-decoration:none; background-position: center; background-size:cover; background-repeat: no-repeat; } .actu:hover, .actu:focus{ text-decoration:none; } .actu:before{ content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0) 65%); } .actu:after{ content:""; position:absolute; z-index:3; width:2.5vw;height:2.5vw; right:1.5vw;top:1.5vw; background-image:url('img/icon-arrow-w-r.svg'); background-size:100%; background-repeat:no-repeat; background-position:center; } .actu div{ position:absolute; z-index:3; bottom:1.25vw; left:1.5vw;right:1.5vw; } .actu span{ display: block; color:#fff; font-weight: 700; margin-bottom: .5vw; font-size:1.25vw; line-height:110%; } .actu strong{ display: block; color:#fff; font-weight: 400; font-size:2.75vw; line-height:100%; } /********************************************************************** ACTU */ .single-post .wp-post-image{ border-radius: 1vw; } #actu_date{ background-color: #f2e6dd; text-transform: capitalize; padding:20px; border-radius: 1vw; margin-bottom: 40px; } #actu_date svg{ margin-right: 8px; } /********************************************************************** ESPACE MEMBRES */ #nav_mb{ background-color: #3a5471;border-radius: 1vw;display:flex; margin:10px 20px 0 20px; padding:0 20px; } #nav_mb li{ display:inline-block; position:relative; } #nav_mb a{ font-weight: 700;font-size: 95%; display: inline-block; padding: 12px 10px 12px 10px; color: #fff;text-decoration: none;line-height: 110%; } #nav_mb ul li:after{ content:''; position:absolute; background-color:#67809d; right:-3px;top:13px; height:15px;width:3px; } #nav_mb ul li:last-child:after{ display:none; } #nav_mbr{ margin-left:auto; } #nav_mbr a{ font-weight: 300; } #nav_mbr a svg{ font-size:90%; position: relative;top: 1px; } /********************************************************************** ANNUAIRE */ #annmb{ display:flex; flex-direction:row-reverse; position:relative; justify-content: space-between; } #annmb_carte{ width:49%; position:sticky; border-radius:1vw; overflow:hidden; background-color: #f2e6dd; height:calc(100vh - 5vw); top:2.5vw; min-height:400px; } #annmb_map{ width: 100%; height: 100%; } #annmb_list{ width:49%; } .memb{ border-bottom:1px solid #3a5471; color:#3a5471; } .memb_bt{ padding:1.25vw 2.5vw 1.25vw 0; display:block; text-decoration:none; color:#3a5471; background:url('img/icon-arrow-b-rb.svg') bottom 1.25vw right no-repeat; background-size:1.5vw; } .memb_bt:hover, .memb_bt:focus{ text-decoration:none; color:#3a5471; } .memb_bt strong{ display:block; margin-bottom: .1vw; font-size: 1.25vw; line-height:105%; } .memb_bt span{ font-size: 1vw; } .memb_details{ display:none; padding-bottom:1.25vw; } .memb_infos li span{ display:inline-block; min-width:7.5vw; } /********************************************************************** SEARCH */ #search{ margin-bottom: 2.5vw; width:100%; padding:0; background:none; border-radius:0; display:flex; position:relative; z-index:2; } .search_bloc{ width:32%; margin-right:2%; } .search_bloc.first{ } #search label{ opacity:0;visibility:hidden;position:absolute;z-index:-99; } #search select{ -webkit-appearance:none; padding: 0 35px 0 15px !important; position:relative; font-size:100%; font-weight:400; font-family:"DM Sans", sans-serif; margin-bottom: 0; border-radius: 1vw; width:100%; height:54px; color:#56361f; border:0; background:#f2e6dd url('img/icon-arrowdown.svg') no-repeat right 10px center; background-size:12px; transition: all .3s; } #search select.actif{ color: #56361f; font-weight:500; } #search select option{ font-size:100%; color:#000; } #showall{ font-size: 85%; display: inline-flex; align-items: center; } /********************************************************************** FOOTER */ #footer{ padding:5vw 0; margin-top: 2vw; background-color:#56361f; color:#fff; position:relative; } #footer:before{ content:''; position:absolute; top:-4vw; left:0;right:0; height:4vw; background-repeat:no-repeat; background-size:101% auto;background-position:center top; background-image:url('img/border-be.svg'); } #footer:after{ content:''; position:absolute; top:-2vw; left:0;right:0; height:2vw; background-repeat:no-repeat; background-size:101% auto;background-position:center top; background-image:url('img/border-ma.svg'); } #footer .centerdiv{ display:flex; align-items:center; gap:5%; color:#fff; } #footer a{ color:#fff; } #logo_foot{ width: 14vw; } .menu-bas-de-page-container{ margin-top:auto; } #menu-bas-de-page li{ margin-top:8px; } #menu-bas-de-page a{ text-decoration:none; font-size:110%; } #menu-bas-de-page a:hover, .menu-bas-de-page a:focus{ text-decoration:none; } #foot_right{ margin-left:auto; } #foot_right strong{ text-transform:uppercase; } #foot_right .menu li{ display:inline-block; margin-left:10px; } #foot_right .menu li a{ display:inline-block; text-decoration:none; font-size:80%; } /********************************************************************** FORM */ form button, input, select, textarea{margin:0;} textarea{overflow:auto;vertical-align:top;resize:vertical;} form button{width:auto;overflow:visible;} input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;} input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:-1px;margin-right:5px;margin-bottom: 10px;} input[type="search"]{-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} :invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;} ::-webkit-input-placeholder{color:#C0C0C0;} :-moz-placeholder{color:#C0C0C0;} :-ms-input-placeholder{color:#C0C0C0;} audio:not([controls]){display:none;height: 0;} label, .label{display:block;margin-left:0;font-size:100%;cursor:pointer;margin-bottom:0px;font-weight:600;color:#56361f;} input[type=text], input[type=email], input[type=tel], textarea, input[type=password] { font-size:100% !important;border:none;margin-bottom:10px !important;border:1px solid #56361f; color:#56361f;border-radius:10px;padding:14px 20px !important;width:100%; background-color: transparent; transition:all .2s; line-height:130% !important; } input[type=submit], form button { font-size:100%;width:auto !important;cursor:pointer;color:#fff; font-weight:600; display:inline-block;margin:0; text-align:center;padding:14px 50px;border:none;background-color:#56361f; border-radius:10px; transition:all .2s; } textarea{height:80px;} input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus {outline:none;border-color:#585858;} input[type=submit]:hover, input[type=submit]:focus, form button:hover, form button:focus {outline:none;} div.wpcf7-response-output{width:100%;padding:10px 10px !important;margin:0 !important;clear:both;font-size:14px; font-weight:500; background-color:#548b37;color:#fff; border:0 !important;} .wpcf7 form.invalid .wpcf7-response-output{background-color:#d7b026;} .wpcf7-validation-errors{background-color:#a13434;color:#6B630B;} .wpcf7-mail-sent-ok{background-color:#548b37;color:#fff;} span.wpcf7-not-valid-tip{top:-4px;left:0;display:block;font-size:14px;position:relative;padding:10px 10px;background-color:#d7b026;color:#fff;border:none;margin:0 0 6px 0;} span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #d7b026 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;} span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0} form{ background-color: #f2e6dd; border-radius: 1vw; padding:1.5vw; } .contenu form p{ margin-bottom:0; } .linklostpassword{ position: absolute;bottom: 1vw;right: 1.5vw;font-size: 95%; } /* ACF FORM */ .acf-fields>.acf-field{ padding:0 !important; border:0 !important; } .acf-field .acf-label{ margin:0 !important; } .acf-field .acf-label label{ font-weight: 600 !important; margin: 0 !important; } /********************************************************************** PAGINATION */ ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;} ul#pagination li{margin:0;} ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;} ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;} ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;} ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;} /********************************************************************** GALERIE */ .gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;} .gallery .gallery-item {margin-top:2px !important;} /********************************************************************** RWD */ @media (min-width:800px){ /* NAV */ a#showmenu{ display:none; } #showmenunav{ position:relative; } #nav{ margin-left:20px; } #nav .menu{position:relative;z-index:2;} #nav ul{display:block;} #nav ul li{ display:inline-block; position:relative; } #nav ul li:after{ content:''; position:absolute; background-color:#eacab5; right:-3px;top:13px; height:15px;width:3px; } #nav ul li:last-child:after{ display:none; } #nav ul li a{ text-decoration:none; display:block; position:relative; font-size:95%; line-height: 110%; font-weight:700; padding:13px 10px 11px 10px; transition:all .3s;} #nav ul li a:hover, #nav ul li a:focus{color:#56361f;text-decoration:none;} #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{text-decoration:none;} #nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15);position:absolute;top:47px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;} #nav .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; } #nav .menu .sub-menu li{display:block;margin: 0 20px;border-bottom:2px solid #f0f0f0;} #nav .menu .sub-menu li:first-child{border-radius:20px 20px 0 0;} #nav .menu .sub-menu li:last-child{border-radius:0 0 20px 20px;border-bottom:0;} #nav .menu .sub-menu li:after{display:none;} #nav .menu .sub-menu a{background:transparent;font-size: 95%;width:100%;text-align:center;padding:12px 7px 12px 7px;text-transform:none;transform: scale(1);} #nav .menu .sub-menu .current-menu-item a{font-weight:700;} #nav .menu .sub-menu li:first-child a{padding-top:18px;} #nav .menu .sub-menu li:last-child a{padding-bottom:18px;} #nav .menu .sub-menu a:after{display:none;} #nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{color:#56361f;transform: scale(.9);} #nav .menu-item-has-children{position:relative;outline:none !important;} #nav .menu-item-has-children > a{padding-right:30px !important;} #nav .menu-item-has-children > a:before{content: "";top:18px;right:15px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(0,0,0,1) transparent transparent transparent;} #nav .menu-open > .sub-menu{opacity:1;top:52px;visibility:visible;} } @media (max-width:800px){ .wrapclmn{ display:block; margin-bottom:0; } .clmn{ width: 100%; margin-bottom:25px; } #cookie-notice .cookie-notice-container{padding: 5vw 10vw !important;} /* NAV */ a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:80px;right:2.5%;} #showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#1a1a1a;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; } #showmenu:before{margin-top:-9px;} #showmenu:after{margin-top:8px;width:14px;right:10px;} #showmenu div{width:28px;height:2px;background:#1a1a1a;border-radius:4px;} #showmenu.close{position:fixed;} #showmenu.close div{opacity:0;background:#fff;} #showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;} #showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} #showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after {background:#fbb03b;} #showmenunav{opacity:0;visibility:hidden; position:fixed;z-index:999; top:30px;left:0;right:0;bottom:0;height:100%;transition:all .2s;background:#1a1a1a;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;} .open #showmenunav{opacity:1;visibility:visible;top:0;} #showmenunav li a{color:#fff;font-size:3.5vw;padding: 1vw 0;display: block;text-decoration: none;transition:all .2s;transform:scale(1);} #showmenunav li a:hover, #showmenunav li a:focus{color:#fff;transform:scale(.95);text-decoration: none;} }