/* Theme Name: Graviteo Description: Write here a brief description about your child-theme Author: cetir Author URL: Write here the author's blog or website url Template: Divi Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: graviteo */ /* Write here your own personal stylesheet */ /*FONTS --------------*/ @font-face { font-family: 'Helvetica-bold'; src: url('font/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('font/HelveticaNeueLTStd-Bd.otf') format('opentype'), url('font/HelveticaNeueLTStd-Bd.woff') format('woff'), url('font/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('font/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica-light'; src: url('font/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('font/HelveticaNeueLTStd-Lt.otf') format('opentype'), url('font/HelveticaNeueLTStd-Lt.woff') format('woff'), url('font/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('font/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica-roman'; src: url('font/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('font/HelveticaNeueLTStd-Roman.otf') format('opentype'), url('font/HelveticaNeueLTStd-Roman.woff') format('woff'), url('font/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('font/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signature'; src: url('font/HelloBeautiful.eot?#iefix') format('embedded-opentype'), url('font/HelloBeautiful.otf') format('opentype'), url('font/HelloBeautiful.woff') format('woff'), url('font/HelloBeautiful.ttf') format('truetype'), url('font/HelloBeautiful.svg#HelloBeautiful') format('svg'); font-weight: normal; font-style: normal; } /*VARIABLES --------------*/ :root{ /* --main-color:#25A12D; */ --main-color:#60b341; --main-color-50:rgba(37, 161, 45, 0.5); --dark-color: #2B303A; --dark-color-70: rgba(43,48,58,.7); --dark-color-50: rgba(43,48,58,.5); --dark-color-30: rgba(43,48,58,.3); --dark-color-10: rgba(43,48,58,.1); --dark-color-05: rgba(43,48,58,.05); --flesh-color: #F9F6EB; --light-grey-color: #F1F1F1; --light-color: #FFFFFF; --light-color-50: rgba(255,255,255,.5); --light-color-30: rgba(255,255,255,.3); --bg-header:#FFFFFF; --bg-error:#ff5200eb; } /*Background --------------*/ #et-main-area{ background-color: var(--light-color); background-image: url(assets/mountain.jpg); background-repeat: no-repeat; background-size: contain; background-position: bottom center; background-attachment: local; } .et_pb_section{ background: transparent; } .et_pb_section.video-bg{ display: -webkit-box; display: -ms-flexbox; display: flex; } table:not(.variations), address{ background: var(--light-color); -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.1); box-shadow: 0 16px 32px rgba(0,0,0,.1); } address{ padding: 16px!important; } /*TYPOGRAPHIE --------------*/ body{ font-family: 'Helvetica-roman', Arial, sans-serif; font-size: 18px!important; } h1{ font-family: 'Helvetica-light'; } h2,h4,h5, .font-bold h1{ font-family: 'Helvetica-bold'!important; } h1{ font-size: 40px!important; line-height: 1.3; margin-bottom: 20px; } @media (min-width:420px) { h1 { font-size: 40px!important; font-size: calc(.00396039*100vw + 38.33663px)!important; } } @media (min-width:1430px) { h1 { font-size: 44px!important; } } h2{ font-size: 40px!important; } @media (min-width:420px) { h2 { font-size: 40px!important; font-size: calc(.013861386*100vw + 34.178px)!important; } } @media (min-width:1430px) { h2 { font-size: 54px!important; } } /* NEW DESIGN - LOGO */ .dot h2::before, .dot h2::after, .dot h1::before, .dot h1::after { content: ""; height: 10px; width: 10px; display: inline-block; margin: 10px 16px; border-radius: 10em; -webkit-border-radius: 10em; -moz-border-radius: 10em; -ms-border-radius: 10em; -o-border-radius: 10em; } .et_pb_bg_layout_light.dot h2::before, .et_pb_bg_layout_light.dot h2::after, .et_pb_bg_layout_light.dot h1::before, .et_pb_bg_layout_light.dot h1::after{ background: var(--dark-color); } .et_pb_bg_layout_dark.dot h2::before, .et_pb_bg_layout_dark.dot h2::after, .et_pb_bg_layout_dark.dot h1::before, .et_pb_bg_layout_dark.dot h1::after{ background: var(--light-color); } .et_pb_slider.signature h1, .et_pb_slider.signature h2, .et_pb_slider.signature h3, .et_pb_text.signature p { font-family: "signature"!important; font-size: 26vw!important; line-height: .65; text-shadow: none; margin-bottom: 2vw; } .et_pb_slider.signature.signature-longue h1, .et_pb_slider.signature.signature-longue h2, .et_pb_slider.signature.signature-longue h3, .et_pb_text.signature.signature-longue p{ font-size: 20vw!important; line-height: .85; } @media (min-width:420px) { .et_pb_slider.signature h1, .et_pb_slider.signature h2, .et_pb_slider.signature h3, .et_pb_text.signature p { font-size: 26vw!important; } .et_pb_slider.signature.signature-longue h1, .et_pb_slider.signature.signature-longue h2, .et_pb_slider.signature.signature-longue h3, .et_pb_text.signature.signature-longue p{ font-size: 20vw!important; } } @media (min-width:980px) { .et_pb_slider.signature h1, .et_pb_slider.signature h2, .et_pb_slider.signature h3, .et_pb_text.signature p{ font-size: 15vw!important; } .et_pb_slider.signature.signature-longue h1, .et_pb_slider.signature.signature-longue h2, .et_pb_slider.signature.signature-longue h3, .et_pb_text.signature.signature-longue p{ font-size: 10vw!important; } } @media (min-width:1430px) { .et_pb_slider.signature h1, .et_pb_slider.signature h2, .et_pb_slider.signature h3, .et_pb_text.signature p { font-size: 11vw!important; } .et_pb_slider.signature.signature-longue h1, .et_pb_slider.signature.signature-longue h2, .et_pb_slider.signature.signature-longue h3, .et_pb_text.signature.signature-longue p{ font-size: 6vw!important; } } #main-content .et_pb_text_inner h4, #main-content .woocommerce-product-details__short-description p, #main-content .focus .et_pb_text_inner p, /* #main-content .et_pb_text_inner p, */ #main-content .post-content p, #main-content .et_pb_button, #main-content .more-link { font-size: 18px!important; line-height: 1.4; } @media (min-width:420px) { #main-content .et_pb_text_inner h4, #main-content .woocommerce-product-details__short-description p, #main-content .focus .et_pb_text_inner p, /* #main-content .et_pb_text_inner p, */ #main-content .post-content p, #main-content .et_pb_button, #main-content .more-link { font-size: 18px!important; /* font-size: calc(.003960396*100vw + 18.3366336px)!important; */ font-size: calc(.00297029*100vw + 16.7524782px)!important; } } @media (min-width:1430px) { #main-content .et_pb_text_inner h4, #main-content .woocommerce-product-details__short-description p, #main-content .focus .et_pb_text_inner p, /* #main-content .et_pb_text_inner p, */ #main-content .post-content p, #main-content .et_pb_button, #main-content .more-link { font-size: 18px!important; } } h3{ font-family: 'Helvetica-light'!important; } h2 + p{ margin-top: 1em; } #main-content .focus .et_pb_text_inner .big, #main-content .et_pb_text_inner .big{ font-size: 46px!important; line-height: 1.2!important; font-family: 'Helvetica-light'!important; } @media (min-width:420px) { #main-content .focus .et_pb_text_inner .big, #main-content .et_pb_text_inner .big { font-size: 46px!important; font-size: calc(0.013861386*100vw + 40.178px)!important; } } @media (min-width:1430px) { #main-content .focus .et_pb_text_inner .big, #main-content .et_pb_text_inner .big { font-size: 60px!important; } } strong{ color: var(--dark-color); } #main-content .et_pb_bg_layout_dark .et_pb_text_inner a{ color: var(--light-color)!important; text-decoration: underline!important; } /*MAIN HEADER --------------*/ #main-header, body.single #main-header, body.shadow #main-header { -webkit-box-shadow: 0 -10px 40px var(--dark-color-30); box-shadow: 0 -10px 40px var(--dark-color-30); border-bottom: 1px solid rgba(255,255,255,.3); } #main-header a, body.single #main-header a, body.shadow #main-header a { font-weight:300!important; } body #main-header.et-fixed-header { -webkit-box-shadow: 0 -10px 40px var(--dark-color-30)!important; box-shadow: 0 -10px 40px var(--dark-color-30)!important; } body.no-shadow #main-header:not(.et-fixed-header) { -webkit-box-shadow: none!important; box-shadow: none!important; } @media only screen and (min-width: 981px){ #main-header.et-fixed-header { border-bottom: 1px solid rgba(255,255,255,0); } } #top-header a, #top-menu a { font-weight: 300; } #top-menu li#wpmenucartli{ opacity: 1; } #top-menu li.wpmenucartli a.wpmenucart-contents span{ font-size: 12px; background: var(--main-color); border-radius: 3px; font-weight: 600; padding: 4px; } .et-fixed-header #top-menu li.current-menu-item>a, #top-menu li.current-menu-item>a { color: var(--light-color)!important; } @media only screen and (min-width: 981px){ body .et-fixed-header #top-menu li.current-menu-ancestor>a, body .et-fixed-header #top-menu li.current-menu-item>a, body #top-menu > li.current-menu-ancestor>a , body .et-fixed-header #top-menu > li.current-menu-ancestor>a { color: var(--light-color)!important; } } #top-menu > li.current-menu-ancestor>a::before, #top-menu > li.current-menu-item>a::before { width: 100%; height: 4px; position: absolute; left: 0; bottom: 30px; display: inline-block; content: ""; background: var(--main-color); z-index: -1; } /*icon du séjour sur mesure*/ #top-menu .menu-icon.icon-sejour{ width: 20px; height: 20px; background: url(assets/icon-sejour.svg); background-repeat: no-repeat; background-size: contain; } .bc-mnc .bc-mnc__cart-link--container.bc-mnc__cart-link-layout-01 .bc-mnc__cart-link--count-circle{ margin-top: -9px!important; margin-right: -8px!important; } /*numéro de tel */ .menu-item-3966{ font-size: 1.3em; } #menu-devis{ color: #ffffff; background: var(--main-color); width: 16px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; } /* page sejour sur mesure */ body.term-surmesure #main-content .container{ padding-top: 192px; } /* VERSION MOBILE DU HEADER ------------------------------ */ @media only screen and (max-width: 981px){ #main-header, body.single #main-header, body.shadow #main-header { border-bottom: none; } } /* Concat des menu en mobile */ .et_mobile_menu{ margin-top:0!important; margin-left: 0!important; } .et_mobile_menu .first-level > a { background-color: transparent; position: relative; } .et_mobile_menu .first-level > a:after { font-family: 'ETmodules'; content: '\4c'; font-weight: normal; position: absolute; font-size: 16px; top: 13px; right: 10px; } .et_mobile_menu .first-level > .icon-switch:after{ content: '\4d'; } .second-level { display: none; } .reveal-items { display: block; } .et_mobile_menu { margin-top: 20px; margin-left: -65%; } /*TRANSPARENCE DU MENU SUIVIT PAR SLIDE -------------*/ /* @media only screen and (min-width: 981px){ */ body.home #top-header:not(.et-fixed-header), body.home #main-header:not(.et-fixed-header){ background: transparent!important; } /* } */ .et_builder_inner_content > .et_pb_fullwidth_section .et_pb_slide { /* padding-top: 12vw!important; */ padding-top: 0!important; } .et_builder_inner_content > .et_pb_fullwidth_section .et_pb_slide > .et_pb_container { height: 80vh; max-height: 80vh; } /*SLider -------------*/ .et_pb_slides .et_pb_button_wrapper{ margin: 3vh 0; } /*MAIN CONTENT -------------*/ #main-content { min-height: 50vw; background-color: var(--light-color-50); } /*supprime la ligne de séparation entre sidebarleft et main content*/ #main-content .container:before{ width: 0!important; display: none; } /*RESEAU -------------*/ .reseau-resume .et_pb_module_header::after{ display: block; content: ""; width: 30px; height: 4px; margin: 12px 0 0; background-color: var(--main-color); } .reseau-resume .et_pb_blurb_description ul{ list-style-type: none; padding: 0; } .reseau-resume .et_pb_blurb_description ul a{ color: var(--dark-color); } .reseau-resume .et_pb_blurb_description ul a:hover{ color: var(--main-color); } .reseau-resume .et_pb_blurb_description ul a::after{ display: inline-block; content: ""; width: 9px; height: 9px; background: url(assets/site-hover.svg); background-repeat: no-repeat; background-size: contain; margin-left: 5px; position: relative; top: 0px; } .reseau-resume .et_pb_blurb_description ul a:hover::after{ background: url(assets/site.svg); background-repeat: no-repeat; background-size: contain; } /*HOWTO -------------*/ #help-howto { padding-bottom: 30px!important; margin-top: -50px!important; } a#btn-howto, a#btn-how{ font-size: 90%!important; margin-top: 0.5em!important; } a[id^="btn-how"]:hover{ color: var(--main-color)!important; text-decoration: underline!important; } /*TOPHEADER -------------*/ #top-header { border-bottom: 1px solid rgba(255,255,255,.3); } #top-header.et-fixed-header { background: var(--dark-color)!important; } #top-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #top-header #et-social, #top-header #et-info{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #et-secondary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%!important; } #et-secondary-menu #et-info a{ margin-left: 10px; } #et-secondary-menu #et-info span::before{ /* cache les icones tel et mail */ display: none!important; } .bc-mnc__cart-link--cart-icon i{ color: var(--light-color)!important; } .bc-mnc .bc-mnc__cart-link--container .bc-mnc__cart-link--count-circle { border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; } a.bc-mnc__cart-link { margin-bottom: -4px; } #top-menu li{ padding-top: 40px; } #top-menu li.icon-account{ border-left: 1px solid var(--light-color-30); } #top-menu li[class*="icon-"]{ padding-left: 0px; padding-right: 0px; } #top-menu li[class*="icon-"] a{ padding-left: 6px; padding-right: 6px; } #top-menu li.icon-account a{ padding-left: 12px; } #top-menu li.icon-account a::before, #top-menu li.icon-sejour a::before{ position: initial!important; display: inline-block; content: ""; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; } #top-menu li.icon-account a::before, #top-menu li.icon-sejour a::before{ background-image: url(assets/icon-account.svg); } @media only screen and (min-width: 981px){ #top-menu li.icon-account span{ display:none!important;} } #et-top-navigation{ padding-top: 0!important; } /*affichage responsive du menu car trop long*/ @media only screen and (max-width: 1300px){ #top-menu li{ padding-right: 10px; } #top-menu li:last-child{ padding-right: 0; } #main-header > { width:94%; } } /*LOGO affichage responsive car trop gros sinon -------------*/ @media only screen and (min-width: 981px){ .et_pb_svg_logo #logo{ max-height: 65px; max-width: 200px; } } @media only screen and (max-width: 1300px){ .et_pb_svg_logo #logo{ max-width: 200px; } } /*DIVI GEAR -------------*/ .dica_divi_carousel .dica-container .swiper-button-next, .dica_divi_carousel .dica-container .swiper-button-prev{ box-shadow: 0 0 14px var(--dark-color-50) !important; -webkit-box-shadow: 0 0 14px var(--dark-color-50) !important; border-radius: 10em; -webkit-border-radius:10em; -moz-border-radius:10em; -ms-border-radius:10em; -o-border-radius:10em; text-align: center; } .dica_divi_carousel .dica-container .swiper-button-next::before, .dica_divi_carousel .dica-container .swiper-button-prev::before{ font-size: 54%; line-height:53px; } .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content p{ padding-left: 0!important; } /*RESUME -------------*/ /* class "blurb_box" sur blurb utilisé pour les catégories : zoom avec bg color -- COMPONENT */ .blurb_box .et_pb_blurb_content{ margin-left: 5px; margin-right: 5px; } .blurb_box .et_pb_blurb_content .et_pb_module_header{ padding-bottom: 0 .5em .5em; } .blurb_box .et_pb_blurb_content .et_pb_blurb_description{ line-height: 1.45; padding: 0 .5em 1em; } .blurb_box .et_pb_blurb_content .et_pb_image_wrap{ position:relative; overflow: hidden!important; } .blurb_box .et_pb_blurb_content .et_pb_image_wrap img, .dica-container .dica_divi_carouselitem a.image img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform 250ms ease-in-out; transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; -webkit-transition: transform 250ms ease-in-out; -moz-transition: transform 250ms ease-in-out; -ms-transition: transform 250ms ease-in-out; -o-transition: transform 250ms ease-in-out; } .blurb_box .et_pb_blurb_content:hover .et_pb_image_wrap img, .dica-container .dica_divi_carouselitem:hover a.image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .blurb_box .et_pb_blurb_content .et_pb_image_wrap::before{ position: absolute; top: 0; left: 0; display: inline-block; content: ""; background-color: var(--main-color); width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 250 ease-in; transition: opacity 250 ease-in; -webkit-transition: opacity 250ms ease-in; -moz-transition: opacity 250ms ease-in; -ms-transition: opacity 250ms ease-in; -o-transition: opacity 250ms ease-in; } .blurb_box .et_pb_blurb_content:hover .et_pb_image_wrap::before{ opacity: 1; } .blurb_img_shadow .et_pb_image_wrap img{ -webkit-filter: drop-shadow(0 20px 40px rgba(0,0,0,.16)); filter: drop-shadow(0 20px 40px rgba(0,0,0,.16)); } /*DIVI BLOG EXTRA -------------*/ .et_pb_post_extra .post-content { -webkit-box-shadow: none!important; box-shadow: none!important; } .et_pb_post_extra .author.vcard a[rel="author"]{ display: none; } .et_pb_post_extra .more-link{ font-size: 90%!important; border-bottom: 3px solid var(--main-color); } /*COLONNE -------------*/ .col_center_v{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 479px){ .min_two_cols .et_pb_column { width: 50% !important; } } @media only screen and (min-width: 981px){ .box{ /* encadré vert arrondi */ margin-top: -10vw; margin-bottom: 5vw; background-image: url(assets/g.svg); background-repeat: no-repeat; background-position: bottom right; background-size: 50%; } .col_center_v{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } /*INSTAGRAM -------------*/ .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask { background: var(--main-color-50)!important; } .insta-gallery-feed .insta-gallery-actions .insta-gallery-button.follow { background: var(--main-color)!important; border-radius: 10em; -webkit-border-radius: 10em; -moz-border-radius: 10em; -ms-border-radius: 10em; -o-border-radius: 10em; } .insta-gallery-feed .insta-gallery-actions { margin: 0!important; padding: 15px 0; } @media screen and (max-width: 1023px){ .et_pb_section .insta-gallery-feed[data-feed_layout=masonry] .insta-gallery-list .insta-gallery-item, .et_pb_section .insta-gallery-feed[data-feed_layout=gallery] .insta-gallery-list .insta-gallery-item { min-width: 20%!important; } .insta-gallery-list div[id^="insta-gallery-item"]:nth-of-type(n+11) { display: none!important; } } @media screen and (max-width: 480px){ .et_pb_section .insta-gallery-feed[data-feed_layout=masonry] .insta-gallery-list .insta-gallery-item, .et_pb_section .insta-gallery-feed[data-feed_layout=gallery] .insta-gallery-list .insta-gallery-item { min-width: 33.33%!important; } .insta-gallery-list div[id^="insta-gallery-item"]:nth-of-type(n+10) { display: none!important; } } /*BOOKING -------------*/ .wc-bookings-booking-form { border: none; padding: 0; } .wc-bookings-booking-form .form-field input[type=number] { font-family: "Helvetica-bold"; font-size:1em; color: var(--dark-color)!important; border: 1px solid var(--dark-color-10)!important; margin-top: 10px!important; padding: 8px!important; background: var(--light-color)!important; } .wc-bookings-date-picker .ui-widget-content { font-size: 88%; } /*calendrier*/ .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{ background: none; } .wc-bookings-date-picker .ui-datepicker-header { border: none; background-image: none; background-color: var(--dark-color-10); } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover{ background: var(--dark-color-30); } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-title, .wc-bookings-date-picker .ui-datepicker th, .ui-datepicker-calendar tr { color: var(--dark-color); font-family: "Helvetica-bold"; } .wc-bookings-date-picker .ui-icon-circle-triangle-e{ background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png"); } .wc-bookings-date-picker .ui-icon-circle-triangle-w{ background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png"); } .wc-bookings-date-picker .ui-datepicker td.bookable a{ background-color:var(--light-color)!important; color: var(--main-color)!important; border-color:transparent!important ; } .wc-bookings-date-picker .ui-datepicker td a.ui-state-hover{ background-color: var(--dark-color-10)!important; border-radius: 100em; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; } .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default{ color: var(--light-color)!important; border-radius: 100em; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; } /*BUTTON -------------*/ .et_pb_button{ line-height: 1.3!important; } .et_pb_button_wrapper .et_pb_button, .et_pb_button_wrapper .et_pb_button:hover{ padding: .3em 1.3em !important; -webkit-box-shadow: var(--dark-color-10) 0 10px 30px; box-shadow: var(--dark-color-10) 0 10px 30px; } .et_pb_button.button_light{ background-color: var(--light-color)!important; color: var(--dark-color)!important; border-color: var(--light-color)!important; } .et_pb_button.button_light:hover{ background-color: var(--light-color)!important; color: var(--dark-color)!important; border-color: var(--light-color)!important; } /*FOOTER -----------------*/ footer a{ color: var(--light-color)!important; } footer a:hover{ color: var(--main-color)!important; } footer a.phone{ font-family: 'Helvetica-light'!important; } .footer_reviews .et_pb_widget_area_left, footer .et_pb_widget_area_left, .et-db #et-boc .et-l .et_pb_widget_area_left{ border: none; } /*titre et lien des widget menu*/ .et_pb_widget h4, .footer_main .title p{ font-size: 16px!important; letter-spacing: .5px; text-transform: uppercase; font-family: "Helvetica-bold"; } .et_pb_widget h4::after, .footer_main .title p::after{ display: block; content: ""; width: 30px; height: 4px; margin: 12px 0 0; background-color: var(--main-color); } .et_pb_widget .menu .menu-item a{ font-size: 14px; line-height: 1.3; display: block; } /*titre et lien du widget social*/ .footer_social_link .et_pb_widget{ width: 100%!important; margin: 0 0 16px!important; } .footer_social_link .et_pb_widget .menu-item{ display: inline-block; } .footer_social_link .et_pb_widget .menu-item a{ font-size: 20px; padding: 0 6px; } .footer_social_link .et_pb_widget .menu-item a span{ display: none; } .footer_social_link .et_pb_widget .menu-item a::before{ text-shadow: 0 0; font-family: "ETmodules" !important; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; } .footer_social_link .et_pb_widget .menu-item.instagram a::before{ content: "\e09a"; } .footer_social_link .et_pb_widget .menu-item.facebook a::before{ content: "\e093"; } .footer_social_link .et_pb_widget .menu-item.twitter a::before{ content: "\e094"; } .footer_social_link .et_pb_widget .menu-item.linkedin a::before{ content: "\e09d"; } .footer_social_link .et_pb_widget .menu-item.youtube a::before{ content: "\e0a3"; } /*Espacement des widget et menu*/ .footer_main [id^="nav_menu"], .footer_main .et_pb_column, .footer_main .et_pb_widget{ padding-bottom: 0px!important; margin-bottom: 10px!important; } /*Copyright*/ .footer_copyright { line-height: 1; } .footer_copyright p, .footer_copyright [id^="menu"], .footer_copyright [class^="menu"], .footer_copyright .menu-item{ display: inline!important; } .footer_copyright [id^="menu"]{ padding: 0!important; } .footer_copyright .menu-item::after { display: inline-block; content: "-"; padding: 0 3px; } .footer_copyright .menu-item:last-child::after { display: none; content: ""; } .footer_copyright .menu-item a{ color: var(--light-color)!important; } /*Reviews*/ .footer_reviews .et_pb_widget{ padding-bottom: 0px!important; margin-bottom: 10px!important; } /*Avis ---------------*/ /*Centrer sur une ligne */ /*Avis review sur le site*/ div[id^="site-reviews_site-reviews"]{ width: 100%!important; } .glsr-reviews{ display: -webkit-box; display: -ms-flexbox; display: flex; } .glsr-default .glsr-review{ margin: 0 20px 20px; } .glsr-button{ color: var(--light-color); border: none; padding: 13px 24px; font-size: 20px; border-radius: 50em; -webkit-border-radius:50em; -moz-border-radius:50em; -ms-border-radius:50em; -o-border-radius:50em; margin: 0; background-color: var(--main-color); } .glsr-checkbox-label{ /* alignement checkbox */ padding: .6em 0; } /* plugin google*/ .et_pb_widget.google-reviews-widget{ width: 100%!important; } /*.et_pb_widget.google-reviews-widget .wp-gr.wpac a.wp-google-name, .et_pb_widget.google-reviews-widget .wp-gr .wp-more-toggle{ color: var(--light-color)!important; } .et_pb_widget.google-reviews-widget .wp-gr .wp-more-toggle{ border-bottom: 2px solid var(--main-color) !important; text-transform: Capitalize!important; } .et_pb_widget.google-reviews-widget .wp-gr .wp-google-url{ color: var(--light-color)!important; border-bottom: 2px solid var(--main-color) !important; margin: 30px auto!important; padding: 1px 8px!important; border-radius: 40px!important; -webkit-border-radius:40px!important; -moz-border-radius:40px!important; -ms-border-radius:40px!important; -o-border-radius:40px!important; display: block; max-width: 200px!important; background-color: var(--main-color)!important; } .et_pb_widget.google-reviews-widget .wp-google-reviews{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 980px){ .et_pb_widget.google-reviews-widget .wp-google-reviews{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wp-gr .wp-google-review{ width: 33%!important; } }*/ /* PANIER -------------------------*/ .woocommerce-message a.button, .woocommerce-message a, .woocommerce-message strong{ color: var(--light-color)!important; } .woocommerce-message a.button { border: none!important; font-size: 18px!important; padding: 8px 16px; background: var(--dark-color-50)!important; } .woocommerce-message.woocommerce-error{ background-color: var(--bg-error)!important; } .woocommerce-message, .woocommerce-notice.woocommerce-notice--success{ padding: 17px!important; margin-bottom: 40px; color: #fff; border-radius: 5px; -webkit-box-shadow: 0 8px 32px var(--main-color-50); box-shadow: 0 8px 32px var(--main-color-50); background: var(--main-color); } td.actions a.button { background: var(--main-color)!important; box-shadow: 0 2px 10px var(--main-color-50)!important; margin-right: 10px; color: #fff!important; font-size: 14px!important; padding: 4px 16px; } td.actions a.button:hover { padding: 4px 16px!important; } th.label-header a.button{ background: var(--main-color)!important; color: #fff!important; padding: 0px; font-size: 1.5em!important; height: 1.5em; width: 1.5em; line-height: 1.25!important; font-weight: bold; padding: 0; text-align: center; } th.label-header a.button:hover{ padding: 0!important; background: var(--light-color)!important; } /* WOOCOMMERCE -------------------------*/ body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward { font-size: 1em!important; color: #fff!important; } #yith-ywraq-message p{ margin-bottom:16px; } #yith-ywraq-message textarea[name="reason"]{ display: block!important; width: 100%!important; max-width: 600px!important; min-height: 100px!important; margin: 10px 0; } .ywraq-button.button{ margin: 16px 0!important; } /* PANIER -------------------------*/ a.button.wc-backward::after { display: none; } .woocommerce button.button[name="apply_coupon"], .woocommerce a.button.wc-backward { border: none!important; font-size: 18px!important; color: var(--dark-color)!important; padding: 8px 16px; background: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .woocommerce a.button.wc-backward{ font-size: 18px!important; color: var(--light-color)!important; text-decoration: none; background-color: var(--main-color)!important; padding: 0px 8px!important; padding: 0.3em 1em !important; line-height: 1.35!important; width: auto; } .woocommerce .product-remove a.button.wc-backward{ padding: 0.2em 0.45em !important; line-height: 1!important; } .woocommerce .product-remove a.button.wc-backward:hover{ background-color: rgb(25, 117, 31)!important; padding: 0.2em 0.45em !important; line-height: 1!important; } .woocommerce button.button[name="apply_coupon"]:hover, th.label-header a.button.wc-backward:hover{ background-color: rgb(25, 117, 31)!important; padding: 0px 8px!important; padding: 0.3em 1em !important; } /* bouton remove du panier*/ .woocommerce a.remove{ font-size: 18px!important; height: 1.2em; width: 1.2em; } /* Infos complémentaires Séjour dans le panier */ input#date_fin, input#date_debut, input#Nombre_total_de_personnes{ padding: 15px; font-size: 14px; border-radius: 3px; border: 1px solid #bbb; } #envoyerdemande .button, #mettreajour.button{ font-size: 1em!important; color: var(--light-color)!important; } #envoyerdemande{ text-align: right; padding: 50px 0; } thead th[class^="product"], th.label-header{ text-transform: uppercase; font-size: .8em; color: var(--dark-color-70)!important; background: var(--dark-color-05); } .woocommerce table.shop_table td{ color: var(--dark-color-70); } .woocommerce table.shop_table td a{ color: var(--dark-color); } /* bouton mettre à jour le panier disable*/ .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { color: #fff; opacity: .2; box-shadow:none!important; } /* SEJOUR SUR MESURE -------------------------*/ /*construction du séjour barre latérale*/ .woocommerce a.remove { color: var(--dark-color)!important; } .woocommerce a.remove:hover { background: var(--dark-color)!important; } .widget_ywraq_mini_list_quote span.handler-label::before { content: ""; width: 20px; height: 20px; display: inline-block; line-height: 1; float:left; margin: 0 8px 8px 0; background: url(assets/icon-sejour.svg); background-size: contain; } /* PAGINATION WOOCOMMERCE -------------------------*/ .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ border: none; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: transparent; color: var(--dark-color); font-weight: 900; } .woocommerce nav.woocommerce-pagination ul li a{ color: var(--dark-color-70); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover{ color: var(--main-color); } /* SIDEBAR WOOCOMMERCE -------------------------*/ .container{ width: 90%; } @media (min-width: 981px){ .et_left_sidebar #left-area { padding-left: 3%; } #left-area { width: 80%; } #sidebar { width: 20%; } } #sidebar li.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term.woocommerce-widget-layered-nav-list__item--chosen.chosen a { font-weight: bold!important; color: var(--dark-color)!important; } #sidebar [class^="woocommerce-widget"] { font-size: 1rem; line-height: 1.2; } #sidebar [class^="woocommerce-widget"] a{ color: var(--dark-color-70); } #sidebar [class^="woocommerce-widget"] a:hover{ color: var(--dark-color); } /*slider price*/ #sidebar .price_slider_amount{ line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: left; } #sidebar .price_slider_amount button{ margin: 0; font-size: 90%; letter-spacing: .5px; line-height: 1!important; border: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px; max-width: 100px; } #sidebar .price_slider_amount button:hover, #sidebar .price_slider_amount button:active, #sidebar .price_slider_amount button:focus{ } #sidebar .price_slider_wrapper{ margin: 10px 0; } #sidebar .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ margin-bottom: 10px; } #sidebar .et_pb_widget { margin-bottom: 50px; } #sidebar .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, #sidebar .woocommerce .widget_price_filter .ui-slider .ui-slider-range, #sidebar .ui-state-default, #sidebar .ui-widget-header .ui-state-default { background-color: var(--main-color)!important; border: 3px solid #fff!important; background-image: none!important; } #sidebar .ui-slider-range.ui-widget-header { background-color: var(--dark-color)!important; border: 3px solid #fff!important; background-image: none!important; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{ color: var(--main-color)!important; font-size: 80%!important; } /* Compteur d'activite*/ .widget_ywraq_mini_list_quote .raq-info { border: none!important; padding: 20px; line-height: 1.4; margin: 0 -10px!important; background: var(--main-color); box-shadow: 0 10px 30px var(--dark-color-30); -webkit-box-shadow: 0 10px 30px var(--dark-color-30); } .widget_ywraq_mini_list_quote .raq-info a{ color: var(--light-color)!important; } .widget_ywraq_mini_list_quote .raq-info .raq-tip-counter{ display: block; margin-top: 10px; } /*popin*/ .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper{ left: -10px; } .widget_ywraq_mini_list_quote .yith-ywraq-list-content { border: none!important; margin-left: -10px; font-size: .8em!important; line-height: 1.2!important; -webkit-box-shadow: 0 0 50px 0px var(--dark-color-10)!important; box-shadow: 0 0 50px 0px var(--dark-color-10)!important; } .yith-ywraq-list-content a.button{ font-size: 1em!important; } /* PRODUCTS LIST WOOCOMMERCE -------------------------*/ /*Breadcrump*/ .woocommerce .woocommerce-breadcrumb{ color: var(--dark-color-70); background-color: var(--dark-color-05); padding: .7em; text-align: center; margin-bottom: 1em; line-height: 1.3; font-size: .8em; } /*Catégories au dessus des produits*/ .woocommerce-products-header ul.products li.product-category { margin-bottom: 10px; } .woocommerce-products-header .term-description{ line-height: 1.2; margin-bottom: 2em; text-align: justify; color: var(--dark-color-70); border-bottom: 1px solid var(--dark-color-10); padding-bottom: 1em; } /*Title */ .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 1em!important; } .woocommerce-loop-category__title mark { font-size: .7em; font-family: "Helvetica-roman"; color: var(--dark-color-70); background: transparent!important; } /* Nombre de jours apres les produit */ .nbjour{ font-size: 80%; } .nbjoursSingle{ font-size: 90%; } .nbjour, .nbjoursSingle{ color: var(--dark-color-70); font-weight: bold; } .dateList{ color: var(--dark-color-70); display: grid; font-size: 70%; } .departListe{ text-transform: uppercase; font-size: 95%; font-weight: bolder; display: flex; } /* label 'a partir de' */ .apartirde{ font-size: 80%; } .woocommerce-Price-amount{ font-weight: bold; } /*Select*/ .variations .label{ vertical-align: middle; } .orderby, .woocommerce div.product form.cart .variations td select{ border-radius: 0; color: var(--dark-color) !important; background-color: var(--light-color); font-family: "Helvetica-roman"; font-weight: 500; border: 1px solid var(--dark-color-10); padding: 8px 16px; font-size: 1em; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid var(--dark-color-30); } p.woocommerce-result-count { color: var(--dark-color-70); background: var(--dark-color-05); line-height: 1; padding: 8px 16px!important; border-radius: 16em; -webkit-border-radius: 16em; -moz-border-radius: 16em; -ms-border-radius: 16em; -o-border-radius: 16em; } /*Products Category header*/ .woocommerce ul.products li.product-category a, .woocommerce-page ul.products li.product-category a{ text-align: center; } .woocommerce ul.products li.product-category.product a img, .woocommerce-page ul.products li.product-category.product a img{ width: 80px!important; margin: 0 auto!important; } /*Produits en liste*/ .woocommerce ul.products li.product .woocommerce-placeholder{ border: none; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del{ color: var(--dark-color)!important; font-size: 1em; font-family: "Helvetica-bold"; } /*image*/ .et_shop_image, .et_portfolio_image { background-color: var(--dark-color-05); } /*Promo*/ .woocommerce span.onsale, .woocommerce-page span.onsale{ background: var(--main-color)!important; color: var(--light-color)!important; text-transform: uppercase; font-size: .85em; font-family: "Helvetica-bold"; } /*Product Page --------------------*/ .woocommerce div.product p.price, .woocommerce-page div.product p.price{ margin-bottom: 5px; } .entry-summary p.price span{ font-family: "Helvetica-bold"; font-size: 40px!important; } .woocommerce-product-details__short-description{ color: var(--dark-color-70); /* font-size: 90%; */ line-height: 1.4; margin-bottom: 50px; margin-top: 20px; } [id^="product"] .woocommerce-variation-add-to-cart{ display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } [id^="product"] .woocommerce-variation-add-to-cart .quantity{ -webkit-box-flex: .5; flex-grow: .5; } [id^="product"] .woocommerce-variation-add-to-cart .qty_label{ display: table-cell; vertical-align: middle; padding-right: 20px; } [id^="product"] .woocommerce-variation-add-to-cart button{ margin: 16px 0!important; } /*input*/ .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text{ font-family: "Helvetica-bold"; border-radius: 0; border: 1px solid var(--dark-color-10)!important; color: var(--dark-color)!important; background: var(--light-color)!important; } .product_meta { color: var(--dark-color-50); } .posted_in a{ color: var(--dark-color)!important; } .posted_in a:hover{ color: var(--main-color)!important; } /*button woocommerce*/ .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt.disabled, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt.disabled, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .woocommerce input.button, .woocommerce input.button:hover{ font-size: 1em; margin: 0 20px; -webkit-box-shadow: 0 10px 20px var(--main-color-50); box-shadow: 0 10px 20px var(--main-color-50); } /*Description & tabs*/ /* Tab en colonne gauche */ body.woocommerce .woocommerce-tabs::after{ content: ""; display: block; clear: both; height: 1px; width: 100%; } /* size des colonnes */ body.woocommerce .woocommerce-tabs{ /* font-size: 75%; */ line-height: 1.4; border: none; margin: 80px 0; } /* Background et border */ body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{ background-color: transparent!important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{ width: auto; border: none; border-bottom: 1px solid var(--dark-color-10); text-transform: uppercase; font-size: 88%; margin-left:0; } /* line du bas tabs*/ .woocommerce div.product .woocommerce-tabs ul.tabs::before{ display: none; } /*padding tabs*/ body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel{ padding: 30px 0; } /*lien tabs*/ body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a{ color: var(--dark-color)!important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{ /* border-bottom: 4px solid var(--main-color)!important; */ background-color: var(--main-color)!important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a{ color: var(--light-color)!important; } body.woocommerce .woocommerce-tabs h2{ font-size: 1.5em!important; } body.woocommerce .woocommerce-tabs h3{ font-size: 1.2em!important; color: var(--dark-color); margin: .8em 0 0; } @media only screen and (min-width: 981px){ body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{ width: 100%; border-bottom: none; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{ /* border-right: 4px solid var(--main-color)!important; */ background-color: var(--main-color)!important; color: var(--light-color)!important; border-bottom: none!important; } body.woocommerce .woocommerce-tabs .tabs.wc-tabs{ width: 25%; float: left; border-right: 1px solid var(--dark-color-10); } body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel { padding-top: 0; width: 65%; float: right; } } /* TAB Avis*/ .woocommerce #reviews #comments ol.commentlist li img.avatar{ background: transparent; } .woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover { background-color: #FFFFFF; color: var(--main-color); border-radius: 30px; border-color: var(--main-color); } span.woocommerce-Price-currencySymbol { /* padding-left: 0; */ } /* WOO ACCOUNT --------------*/ .woocommerce-account .addresses .title .edit{ float: none; margin-bottom:30px; display:inline-block; } .woocommerce-account .woocommerce table.shop_table thead{ background-color: var(--dark-color-10); } .woocommerce-account .addresses .title h3{ float:none; } .entry-content > .woocommerce{ margin-bottom: 50px; } .woocommerce-form-login, .woocommerce-form-register { background: var(--light-color); -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.1); box-shadow: 0 16px 32px rgba(0,0,0,.1); } /* WOO ACCOUNT PDF --------------*/ .woocommerce-MyAccount-navigation ul{ padding: 0!important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link{ list-style-type: none!important; } .woocommerce-MyAccount-navigation ul a{ color: var(--dark-color-70); } .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul a:hover{ color: var(--dark-color)!important; } .woocommerce-MyAccount-navigation ul li.is-active{ font-family: "Helvetica-bold"!important; } @media screen and (min-width:1024px) { .woocommerce ul.products li.product { width: 21% !important; margin: 2% !important; clear: none !important; } .woocommerce ul.products li.product:nth-child(4n+1) { clear: both !important; } } @media screen and (min-width: 768px) and (max-width: 980px) { .woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last { clear: right !important; } .woocommerce ul.products li.product:nth-child(4n+1) { clear: none !important; } } /* chemins de catégories dans fiche produit */ .posted_in{ display:none !important; } /* Formulaire devis */ #yith-ywraq-default-form{ margin-top: 1.8em; } .fa-plus-square{ font-size:20px; opacity : 0.8; } .fa-plus-square:hover{ opacity : 1; } #Nombre_total_de_personnes{ width: 20%; } #Telephone{ width: 40%; } #first_name, #last_name, #Adresse, #Code_Postal, #Ville, #email, #message{ width: 85%; } #date_debut_field, #date_fin_field{ width: 25%; } #envoyerdemande { text-align: center!important; margin: 1em!important; } /*Finalisation Msg Sejour*/ .woocommerce.ywraq-wrapper .woocommerce-message + #yith-ywraq-message + .ywraq_list_empty_message{ display: none!important; } /* slider produits */ .wcps-container .wcps-items{ margin: 0 4px; } .wcps-items-thumb{ height: 340px; } .wcps-items-thumb a{ display: block; width: 100%; height: 100%; } .wcps-items-thumb a img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform 250ms ease-in-out; transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; -webkit-transition: transform 250ms ease-in-out; -moz-transition: transform 250ms ease-in-out; -ms-transition: transform 250ms ease-in-out; -o-transition: transform 250ms ease-in-out; } .wcps-items-thumb a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .wcps-container .wcps-items-title a { font-weight: inherit; font-family: 'helvetica-bold'; } .wcps-items-thumb a img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .woocommerce-products-header__title { text-align: center; } .term-description .woocommerce ul.products{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; inline-size: 100%; } /* #wcps-4143 .owl-nav button #wcps-4143 .owl-nav.flat button */ .wcps-container [id^=wcps] .wcps-items-title { text-align: center!important; padding:16px 16px 0 !important; } .wcps-container [id^=wcps] .wcps-items-price { text-align: center!important; padding:8px 16px 0!important; } .wcps-container [id^=wcps] .wcps-items-title a { color: var(--dark-color)!important; } .wcps-container [id^=wcps] .owl-nav.middle-fixed{ top: 41%!important; } .wcps-container [id^=wcps] .owl-nav.middle-fixed .owl-prev, .wcps-container [id^=wcps] .owl-nav.flat .owl-next{ background-color: var(--light-color)!important; border: none!important; -webkit-box-shadow: 0 0 14px var(--dark-color-50); box-shadow: 0 0 14px var(--dark-color-50); padding: 4px!important; width:53px; height: 53px; border-radius: 100%!important; -webkit-border-radius: 100%!important; -moz-border-radius: 100%!important; -ms-border-radius: 100%!important; -o-border-radius: 100%!important; } .wcps-container [id^=wcps] .owl-dots{ margin-top: 10px!important; } .wcps-container [id^=wcps] .owl-dots .owl-dot{ width: 6px!important; height: 6px!important; background-color: var(--dark-color-50)!important; border: none!important; padding: 0!important; } .wcps-container [id^=wcps] .owl-dots .owl-dot.active{ background-color: var(--main-color)!important; } .wcps-container #wcps-4143 .owl-dots .owl-dot.active{ background-color: var(--main-color)!important; } .et_overlay { border: none!important; opacity: .8; } /* credits pdf */ .flowpaper-logo-bg{ display: none!important; } /*Contact sur mesure*/ .et_pb_contact_form_0.et_pb_contact_form_container .input[type="checkbox"]+label i { border-width: 1px; border-color: var(--dark-color-50)!important; background: #fff; } [class*="et_pb_contact"] .input[type="checkbox"]:checked+label i:before { color: var(--main-color)!important; font-size: 1.4em; margin: 1px 0 0 -6px; } .et_pb_contact_form_0.et_pb_contact_form_container form p { max-width: 100%; } /* MONARCH */ body.single-post .et_pb_section_0>.et_pb_row:first-child{ padding:0!important; } .et_monarch .et_social_4col.et_social_nospace li{ width: auto; padding-right:20px; } .et_monarch .et_pb_section .et_social_inline_top, .et_monarch .et_pb_section .et_social_inline_bottom .et_monarch .et_pb_section .et_social_inline_bottom { padding:0!important; margin: 0!important; } /* LEAFLEFT */ .leaflet-popup-content-wrapper .popup-directions{ display:none; } /* .woocommerce-variation{ font-size: 18px; } .price { color: #25a12d!important; } .price span{ color: #25a12d; } .single-product .product .single_add_to_cart_button.button, .woocommerce .product .add_to_cart_button.button, .button{ background-color: #25a12d!important; color: #FFFFFF!important;; border-radius: 30px!important; } .single-product .product .single_add_to_cart_button.button:hover, .woocommerce .product .add_to_cart_button.button:hover, .button:hover{ background-color: #FFFFFF!important; color: #25a12d!important; border-radius: 30px!important; border-color: #25a12d!important; } .woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button { background-color: #25a12d; color: #FFFFFF; border-radius: 30px; } .et_overlay{ color: #25a12d!important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: #515154; } .et_overlay:before, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_contact_submit, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_member_social_links a:hover, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_pb_sum{ color: #25a12d!important; } .woocommerce-Price-amount{ font-size: 20px; } .widget_ywraq_mini_list_quote{ margin-top: -40px!important; } .count{ background-color: white!important; } .woocommerce-loop-category__title{ font-size: 18px!important; text-align: center; } .wc-backward, #mettreajour{ margin:10px!important; } .yith-ywraq-mail-form-wrapper h3{ margin-top: 10px!important; margin-bottom: 10px!important; text-align: center; } #date_debut_field{ text-align: right!important; } #date_debut_field, #date_fin_field{ margin-top: 10px!important; margin-bottom: 20px!important; } .woocommerce .quantity .qty{ background-color: white!important; } .wc-block-featured-category{ display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; width: 49%; } */