@charset "UTF-8"; /*** PROD The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { font-size: 19px; } body { font-family: "GuildfordPro", sans-serif; font-weight: 300; line-height: 1; letter-spacing: .2px; color: black; } h1, h2, h3, h4, h5, h6 { font-family: "GuildfordPro", sans-serif; color: black; font-weight: 500; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: #333333; } h1, .h1 { font-size: 2.5rem; line-height: 1.2; } @media (max-width: 1024px) { h1, .h1 { font-size: 1.05rem; } } h2, .h2 { font-size: 1.58rem; line-height: 1.8rem; } @media (max-width: 1024px) { h2, .h2 { font-size: 1rem; } } h3, .h3 { font-size: 1.3rem; line-height: 1.45rem; } @media (max-width: 1024px) { h3, .h3 { font-size: .895rem; } } h4, .h4 { font-size: 1.00rem; line-height: 1.2rem; } h5, .h5 { font-size: 1.25rem; line-height: 1; } h6, .h6 { font-size: 1rem; line-height: 1; } .title_heading { font-size: 1.05rem; margin: 40px auto; text-align: center; } .title_underlined { text-transform: uppercase; letter-spacing: .6px; margin: 60px 0 40px; } .title_underlined:after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0; } .title_underlined_center { text-transform: uppercase; margin-bottom: 50px; } .title_underlined_center:after { content: ''; display: block; width: 40%; height: 5px; background-color: #E30421; margin: 10px auto; } .title_underlined_big { letter-spacing: .6px; margin: 60px 0 40px; } .title_underlined_big:after { content: ''; display: block; width: 110px; height: 7px; background-color: #E30421; margin: 6px 0; } b, strong { font-weight: 500; } a { color: #E30421; text-decoration: none; } a:hover, a:focus { color: #b1031a; } blockquote { color: black; font-style: italic; position: relative; font-size: 2.1rem; } blockquote:before { content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 29px; background: url("../images/quote.png") no-repeat; background-size: contain; } blockquote:after { content: ''; position: absolute; bottom: 0; right: 0; width: 40px; height: 29px; background: url("../images/quote.png") no-repeat; background-size: contain; transform: rotate(180deg); } p { line-height: 1.4em; } article ul li { list-style: inside disc; } code { background-color: #D9D9D9; border-radius: 3px; padding: 0 10px; } .truncate-1l { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; } .truncate-2l { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .truncate-3l { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .truncate-4l { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-80 { margin-bottom: 80px !important; } .mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 50px !important; } .mt-80 { margin-top: 80px !important; } .mt-130 { margin-top: 130px !important; } .hidden { display: none !important; } .no-scroll { overflow: hidden; } .white-t { color: #fff; } .bold { font-weight: 500; } .bolder { font-weight: 700; } .lc { text-transform: inherit; } .uc { text-transform: uppercase; } @font-face { font-family: 'GuildfordPro'; src: url("../fonts/GuildfordProBold.woff2") format("woff2"), url("../fonts/GuildfordProBold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'GuildfordPro'; src: url("../fonts/GuildfordProLight.woff2") format("woff2"), url("../fonts/GuildfordProLight.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'GuildfordPro'; src: url("../fonts/GuildfordProLightItalic.woff2") format("woff2"), url("../fonts/GuildfordProLightItalic.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'GuildfordPro'; src: url("../fonts/GuildfordProMedium.woff2") format("woff2"), url("../fonts/GuildfordProMedium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'GuildfordPro'; src: url("../fonts/GuildfordProMediumItalic.woff2") format("woff2"), url("../fonts/GuildfordProMediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; } .header .header_top { display: flex; justify-content: space-between; align-items: center; margin: 30px auto 40px; max-width: 1239px; } .header .header_top .menu_toggle { flex: 1; text-align: left; } .header .header_top .menu_toggle .menu_toggle_container { cursor: pointer; width: 31px; } .header .header_top .menu_toggle .menu_toggle_container .menu_toggle_bar { width: 31px; height: 4px; background-color: #333; margin: 6px 0; transition: 0.4s; } .header .header_top .menu_toggle .menu_toggle_container.open .menu_toggle_bar { margin: 1px 0; } .header .header_top .menu_toggle .menu_toggle_container.open .menu_toggle_bar:nth-child(2) { opacity: 0; } .header .header_top .menu_toggle .menu_toggle_container.open .menu_toggle_bar:nth-child(1) { transform: translateY(5px) rotate(45deg); } .header .header_top .menu_toggle .menu_toggle_container.open .menu_toggle_bar:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .header .header_top .logo { flex: 1; text-align: center; } .header .header_top .logo img { display: block; margin: auto; } .header .header_top .action_center { flex: 1; text-align: right; } .header .header_top .action_center .action_container { max-width: 212px; display: flex; justify-content: flex-end; margin-left: auto; align-items: center; flex-wrap: nowrap; gap: 10px; } .header .header_top .action_center .action_container .my-account::after { content: "Vous"; font-size: 14px; text-align: center; color: #000; position: relative; margin-top: -2px; display: block; } .header .header_top .action_center .action_container a { position: relative; } .header .header_top .action_center .action_container a .cart-contents-count { position: absolute; bottom: -2px; right: -4px; border-radius: 50%; background-color: #E30421; color: white; height: 12px; width: 12px; font-size: .42rem; font-weight: 700; padding: 3px 4px; } .header.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: white; padding: 0 100px; margin: 0px auto; box-sizing: content-box; } .header.sticky #menu-principal { height: 0; transition: height 0.3s ease-in-out; } .header.sticky #menu-principal::before { opacity: 0; transition: opacity 0.3s ease-in-out; } .header.sticky #menu-principal li { opacity: 0; transition: opacity 0.3s ease-in-out; } @media (max-width: 1024px) { .header .header_top .logo img { width: 85px; } .header .header_top .action_center .action_container { justify-content: flex-end; gap: 10px; } .header .header_top .action_center .action_container .btn-img { height: 20px; width: 20px; } /*.header .header_top .action_center .action_container .my-account { display: none; }*/ .header .header_top .action_center .action_container button { font-size: 10px; padding: 2px 6px 0px; } .header.sticky { padding: 0 10px; } } footer { position: relative; margin-top: 60px; } footer .background-black { position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; background-color: black; z-index: -1; } footer .grey-line { position: absolute; bottom: 70px; left: 50%; width: 100vw; margin-left: -50vw; height: 1px; background-color: #D9D9D9; } @media (max-width: 1024px){ footer .grey-line { bottom: 165px; } } footer .container { margin: 60px auto 0; padding: 60px 0 0; } footer .container .logo { margin-bottom: 60px; padding-top: 40px; } footer .container .menu_footer { display: grid; grid-template-columns: repeat(5, 1fr); color: white; justify-items: start; align-items: start; gap: 20px; } footer .container .menu_footer .menu h4 { color: white; margin: 60px 0 30px; } footer .container .menu_footer .menu h4:after { width: 30px; } footer .container .menu_footer .menu ul { margin-top: 20px; } footer .container .menu_footer .menu ul li a { color: white; text-decoration: none; font-weight: 500; font-size: .789rem; letter-spacing: .3px; line-height: 30px; } footer .container .menu_footer .menu ul li a:hover { text-decoration: underline; } footer .container .menu_footer .annoncez { justify-self: end; text-align: end; grid-column: span 2; } footer .container .menu_footer .annoncez .cta { display: flex; align-items: center; gap: 20px; margin: 40px 0 0; } footer .container .menu_footer .annoncez .cta a.btn-primary { font-size: .737rem; text-decoration-line: none; } footer .container .menu_footer .annoncez .cta a.btn-primary:hover { background-color: #E30421; } footer .container .menu_footer .annoncez a { color: #EFEFEF; font-size: .789rem; font-style: normal; font-weight: 500; line-height: 35px; letter-spacing: 0.3px; text-decoration-line: underline; } footer .container .menu_footer .subfooter { font-size: .737rem; font-weight: 400; line-height: 35px; letter-spacing: .28px; height: 67px; display: flex; align-items: center; margin-top: 30px; justify-self: end; width: -moz-max-content; width: max-content; } footer .container .menu_footer .subfooter a { color: white; text-decoration: none; } footer .container .menu_footer .subfooter a:hover { text-decoration: underline; } footer .container .menu_footer .subfooter.first { grid-column: span 3; position: relative; justify-self: start; } footer .reseaux, footer .contact { display: none; } @media (max-width: 1024px) { footer .top_menu { position: absolute; top: 0; left: 50%; display: flex; gap: 20px; transform: translate(-50%, -100%); } footer .top_menu .reseaux { display: block; background-color: black; border-radius: 5px 5px 0 0; padding: 7px 8px 0; box-shadow: -12px 4.84px 17px 0px rgba(0, 0, 0, 0.2); width: -moz-max-content; width: max-content; } footer .top_menu .contact { display: block; background-color: #E30421; border-radius: 5px 5px 0 0; padding: 7px 8px 0; box-shadow: -12px 4.84px 17px 0px rgba(0, 0, 0, 0.2); } footer .top_menu .contact a { display: flex; flex-direction: column; align-items: center; justify-content: center; } footer .top_menu .contact a span { font-size: 5px; font-weight: 700; letter-spacing: 0.085px; text-transform: uppercase; color: white; padding: 5px; } footer .container { padding: 40px 10px 0; width: auto; } footer .container .logo { text-align: center; margin-bottom: 20px; } footer .container .menu_footer { grid-template-columns: 1fr; } footer .container .menu_footer .annoncez, footer .container .menu_footer .subfooter.first { grid-column: unset; justify-self: unset; } footer .container .menu_footer .menu { margin-top: 20px; } footer .container .menu_footer .subfooter.first { padding-top: 20px; } footer .container .menu_footer .subfooter { justify-self: unset; height: unset; margin-top: 0; } } html { overflow-x: hidden; } body { background-color: white; padding: 0 100px; max-width: 1239px; margin: 30px auto 0; box-sizing: content-box; } @media (max-width: 1024px) { body { padding: 0 10px; } } .breadcrumbs a { color: #000; } /* ============================================================================= BUTTONS ========================================================================== */ .btn { text-transform: capitalize; padding: 2px 8px; color: white; background-color: black; line-height: 1.4rem; font-size: 14px; cursor: pointer; } .btn-primary { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; transition: all ease-in-out .15s; } .btn-primary:hover { background-color: black; color: white; } .btn-inverse { background-color: transparent; color: #E30421; border: 1px solid #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; } .btn-black { background-color: black; font-weight: 100; padding: 8px 10px 6px; line-height: 1rem; color: white; display: inline-block; width: -moz-fit-content; width: fit-content; transition: all ease-in-out .15s; } .btn-black:hover { color: white; background-color: #E30421; } .btn-white { background-color: white; font-weight: 100; padding: 8px 10px 6px; line-height: 1rem; color: black; display: inline-block; width: -moz-fit-content; width: fit-content; } .btn-white:hover { color: black; font-weight: 400; } .btn-transparent { background-color: transparent; text-transform: uppercase; font-weight: 700; padding: 12px 12px 10px; line-height: 1rem; color: black; border: 1px solid black; border-radius: 5px; } .btn-img { height: 30px; width: 30px; display: block; } .btn.btn-black-outlined { font-size: 14px; text-transform: uppercase; font-weight: 600; padding: 10px 20px; border-radius: 8px; background-color: transparent; border: 2px solid #000; color: #000; transition: all ease-in-out .15s; } .btn.btn-black-outlined:hover { background-color: #e30424; border-color: #e30424; color: #fff; } .ctn_title-btn { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } /* ============================================================================= PUB ========================================================================== */ .pub_container_thin_full_width, .pub_container_large_full_width, .pub_carre, .pub_carre_300 { width: 100%; /*background-color: #D9D9D9;*/ display: flex; align-items: center; justify-content: center; margin: 30px 0; } .pub_container_thin_full_width img, .pub_container_large_full_width img, .pub_carre img, .pub_carre_300 img { display: block; } .pub_container_large_full_width{ margin: 50px 0 0; } .pub_container_thin_full_width { min-height: 115px; margin: 30px 0 55px; } .pub_container_thin_full_width_popup, .pub_mobile_container_thin_full_width_popup { display: none; } .pub_mobile_container_thin_full_width { text-align: center; } .pub_carre { min-height: 396px; margin: 0; } .pub_carre_300 { min-height: 300px; margin: 0; } .archive .pub_carre_300 { width: unset; } /* ============================================================================= MENU ========================================================================== */ #menu { position: relative; max-width: 1239px; margin: auto; } #menu .top-image { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -4px); width: 231px; height: 8px; background: url("../images/wave.png") no-repeat; background-size: contain; } #menu .menu-principal-container ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: space-between; height: 92px; align-items: center; position: relative; transition: height 0.3s ease-in-out 0s; } #menu .menu-principal-container ul::before { opacity: 1; transition: opacity 0.3s ease-in-out; content: ''; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 1px; background-color: #D9D9D9; } #menu .menu-principal-container ul::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 1px; background-color: #D9D9D9; } #menu .menu-principal-container li { opacity: 1; transition: opacity 0.3s ease-in-out; } #menu .menu-principal-container li.blacked { background-color: black; } #menu .menu-principal-container li.blacked a { color: white; } #menu .menu-principal-container li.blacked a:hover { background-color: #E30421; } #menu .menu-principal-container li.blacked a:hover::after { content: none; } #menu .menu-principal-container li.mobile_only { display: none; } #menu .menu-principal-container li a { display: block; color: black; text-align: center; padding: 8px 10px 6px; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: .85rem; position: relative; } #menu .menu-principal-container li a:hover::after { content: ''; display: block; width: 47px; height: 4px; background-color: #E30421; bottom: -10px; position: absolute; left: 50%; transform: translateX(-50%); } #menu .menu-principal-container li.current_page_item a::after, #menu .menu-principal-container li.current-menu-item:not(.blacked) a::after, #menu .menu-principal-container li.current-post-parent a::after { content: ''; display: block; width: 47px; height: 4px; background-color: #E30421; bottom: -10px; position: absolute; left: 50%; transform: translateX(-50%); } #menu .menu-principal-container li.current-menu-item.blacked { background-color: #E30421; } #menu .menu-principal-container li.current-menu-item.blacked a { color: white; } #menu .menu-principal-container li.current-menu-item.blacked a:hover { background-color: #E30421; } #menu .menu-principal-container li.current-menu-item.blacked a:hover::after { content: none; } @media (max-width: 1024px) { #menu .menu-principal-container { display: none; } } #menu_mobile_overlay { display: none; } #menu_mobile_overlay.active { display: block; position: fixed; inset: 0px; z-index: 400; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0s ease 0s; opacity: 1; background-color: rgba(0, 0, 0, 0.7); } #menu_mobile_overlay.active .menu-principal-container { background-color: #fff; overflow: hidden; overflow-y: auto; outline: none; max-height: 100vh; height: calc(100vh - 205px); animation: 0.3s ease 0s 1 normal none running fadeIn; padding: 147px 10px 0px; } #menu_mobile_overlay.active .menu-principal-container ul { display: flex; flex-direction: column; list-style-type: none; position: relative; padding: 55px 0 0 142px; height: 100%; justify-content: space-between; } #menu_mobile_overlay.active .menu-principal-container ul li { margin-bottom: 10px; display: block; width: -moz-fit-content; width: fit-content; height: 29px; } #menu_mobile_overlay.active .menu-principal-container ul li a { position: relative; display: block; color: black; text-align: center; padding: 8px 10px 2px; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: 1.05rem; } #menu_mobile_overlay.active .menu-principal-container ul li a:hover::after { content: ''; display: block; width: 47px; height: 4px; background-color: #E30421; bottom: -4px; position: absolute; } #menu_mobile_overlay.active .menu-principal-container ul li.blacked a { color: white; background-color: black; } #menu_mobile_overlay.active .menu-principal-container ul li.blacked a:hover { background-color: #E30421; } #menu_mobile_overlay.active .menu-principal-container ul li.blacked a:hover::after { content: none; } #menu_mobile_overlay.active .menu-principal-container ul li.mobile_only { display: none; } #menu_mobile_overlay.active .menu-principal-container ul li.current-menu-item.blacked { background-color: #E30421; } #menu_mobile_overlay.active .menu-principal-container ul li.current-menu-item.blacked a { color: white; } #menu_mobile_overlay.active .menu-principal-container ul li.current-menu-item.blacked a:hover { background-color: #E30421; } #menu_mobile_overlay.active .menu-principal-container ul li.current-menu-item.blacked a:hover::after { content: none; } #menu_mobile_overlay.active .menu-principal-container ul li.current_page_item a::after, #menu_mobile_overlay.active .menu-principal-container ul li.current-menu-item:not(.blacked) a::after, #menu_mobile_overlay.active .menu-principal-container ul li.current-post-parent a::after { content: ''; display: block; width: 47px; height: 4px; background-color: #E30421; bottom: -1px; position: absolute; } #menu_mobile_overlay.active .reseaux { height: 205px; background-color: #d9d9d9; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; } #menu_mobile_overlay.active .reseaux .title_reseaux { position: relative; } #menu_mobile_overlay.active .reseaux .title_reseaux img { height: 44px; } #menu_mobile_overlay.active .reseaux .title_reseaux hr { position: absolute; height: 5px; width: 23%; background-color: #E30421; bottom: 10px; } #menu_mobile_overlay.active .reseaux .reseaux_sociaux { display: flex; gap: 20px; } @media (max-width: 1024px) { #menu_mobile_overlay.active .menu-principal-container { padding: 125px 10px 0px; } #menu_mobile_overlay.active .menu-principal-container ul { padding: 10px 0; } #menu_mobile_overlay.active .menu-principal-container ul li { margin: 0; } #menu_mobile_overlay.active .menu-principal-container ul li.mobile_only { display: flex; margin-left: 10px; } #menu_mobile_overlay.active .menu-principal-container ul li.mobile_only::before { content: ''; background-image: url("/wp-content/themes/golf/assets/images/user.png"); height: 32px; width: 32px; display: block; } } /* ============================================================================= ARTICLES ========================================================================== */ article header > img { width: 100%; } article .info-header { display: flex; gap: 20px; width: 73%; float: left; } article .author { display: flex; align-items: center; gap: 12px; font-size: .7rem; font-weight: bold; } article .author img { width: 20px; height: 20px; } article .author span { padding-top: 4px; } article .sidebar { width: 24%; float: right; margin-left: 3%; margin-bottom: 40px; } article figure { margin: 40px 0; } article .wp-block-image img { max-width: 73%; } @media (max-width: 1024px) { article .sidebar { display: none; } } @media (max-width: 768px) { article header { margin: 0 -10px; } article header > img.mb-80 { margin-bottom: 10px !important; } article header > img.mt-40 { margin-top: 30px !important; } article .info-header { float: unset; width: 100%; } } .single article .entry-title { float: left; width: 73%; margin-top: 0; } .single article .entry-content p { margin: 40px 0; } .single article .entry-content iframe { margin: auto; display: block; } .single article .entry-content a:not(.a2a_button_facebook):not(.a2a_button_linkedin):not(.a2a_button_email):not(.a2a_button_copy_link), .single article .entry-content button { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; transition: all ease-in-out .15s; color: white; margin: 20px 0; display: block; width: -moz-fit-content; width: fit-content; } .single article .entry-content a:not(.a2a_button_facebook):not(.a2a_button_linkedin):not(.a2a_button_email):not(.a2a_button_copy_link):hover, .single article .entry-content button:hover { background-color: black; color: white; cursor: pointer; } .single article .entry-content p a:not(.a2a_button_facebook):not(.a2a_button_linkedin):not(.a2a_button_email):not(.a2a_button_copy_link) { background-color: transparent; color: #E30421; text-transform: none; display: inline; padding: 0; text-decoration: underline; margin: auto !important; } .single article .entry-content p a:not(.a2a_button_facebook):not(.a2a_button_linkedin):not(.a2a_button_email):not(.a2a_button_copy_link):hover { background-color: transparent; color: #000; } @media (max-width: 1024px) { .single article .entry-title { float: unset; max-width: 100%; } .single article .entry-content .yt_container { aspect-ratio: 1.77; } .single article .entry-content .yt_container iframe { margin: 0 -10px; width: 100vw; max-height: 100%; } } @media (max-width: 768px) { .single article .addtoany_share_save_container { flex-direction: column; gap: 20px; } .single article .addtoany_share_save_container .addtoany_header { align-self: start; } .single article .addtoany_share_save_container .addtoany_list { display: flex; width: 100%; justify-content: space-evenly; } .single article .addtoany_share_save_container .addtoany_list a { margin: 0; } } .bloc_newsletter { margin-top: 40px; background-color: black; color: white; padding: 40px 20px; } .bloc_newsletter .newsletter_title { display: flex; align-items: center; gap: 12px; } .bloc_newsletter .newsletter_title .title_underlined { color: white; margin: 0; } .bloc_newsletter p { margin-top: 30px; text-align: center; font-weight: 500; } .bloc_newsletter .form { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 20px 0; } .bloc_newsletter .form input { border: 1px solid white; text-align: left; padding: 10px 14px; font-size: 20px; } .bloc_newsletter .form button { background: white; padding: 10px 15px; border: 1px solid white; color: black; cursor: pointer; } .article-list-full-width { display: grid; grid-template-columns: 70% 1fr; align-items: center; grid-gap: 25px; margin-bottom: 20px; } .article-list-full-width .img-content { aspect-ratio: 1.9; } .article-list-full-width .img-content img { -o-object-fit: cover; object-fit: cover; } @media (max-width: 1024px) { .article-list-full-width .img-content { margin: 0 -10px; } } @media (max-width: 1024px) { .article-list-full-width { grid-template-columns: 1fr; } .article-list-full-width h3 { margin-bottom: 10px !important; } } .category .recent-posts, .category .mieux-jouer, .category .tourisme { /* display: grid; */ grid-template-columns: repeat(12, 1fr); grid-gap: 20px; } @media (max-width: 1024px) { .category .recent-posts, .category .mieux-jouer, .category .tourisme { display: unset; } } .category .recent-posts article, .category .mieux-jouer article, .category .tourisme article { grid-column: span 3; display: flex; flex-direction: column; gap: 0; } .category .recent-posts article header, .category .mieux-jouer article header, .category .tourisme article header { aspect-ratio: .964; height: 305px; } .category .recent-posts article header img, .category .mieux-jouer article header img, .category .tourisme article header img { -o-object-fit: cover; object-fit: cover; display: block; } .category .recent-posts article section, .category .mieux-jouer article section, .category .tourisme article section { display: flex; flex-flow: column; height: 100%; width: 100%; } .category .recent-posts article section .entry-title, .category .mieux-jouer article section .entry-title, .category .tourisme article section .entry-title { flex-grow: 1; } .category .recent-posts .sidebar, .category .mieux-jouer .sidebar, .category .tourisme .sidebar { grid-column: span 3; grid-row: span 2; display: flex; justify-content: space-around; margin: 0 0 40px 0; } .category .recent-posts > :nth-child(1), .category .mieux-jouer > :nth-child(1), .category .tourisme > :nth-child(1) { grid-column: span 12; display: grid; grid-template-columns: 70% 1fr; align-items: center; grid-gap: 25px; } @media (max-width: 1024px) { .category .recent-posts > :nth-child(1), .category .mieux-jouer > :nth-child(1), .category .tourisme > :nth-child(1) { grid-template-columns: 1fr; } } .category .recent-posts > :nth-child(1) header, .category .mieux-jouer > :nth-child(1) header, .category .tourisme > :nth-child(1) header { aspect-ratio: 1.9; height: unset; } @media (max-width: 1024px) { .category .recent-posts > :nth-child(1) header, .category .mieux-jouer > :nth-child(1) header, .category .tourisme > :nth-child(1) header { margin-bottom: 0 !important; height: 305px; width: calc(100% + 20px); aspect-ratio: unset; } } .category .recent-posts > :nth-child(1) header img, .category .mieux-jouer > :nth-child(1) header img, .category .tourisme > :nth-child(1) header img { -o-object-fit: cover; object-fit: cover; } .category .recent-posts > :nth-child(1) section, .category .mieux-jouer > :nth-child(1) section, .category .tourisme > :nth-child(1) section { display: block; height: unset; } .category .recent-posts > :nth-child(1) section .btn, .category .mieux-jouer > :nth-child(1) section .btn, .category .tourisme > :nth-child(1) section .btn { font-size: 1.05rem; } @media (max-width: 1024px) { .category .recent-posts > :nth-child(1) section .btn, .category .mieux-jouer > :nth-child(1) section .btn, .category .tourisme > :nth-child(1) section .btn { margin-top: 0 !important; } } .category .recent-posts > :nth-child(1) section h4, .category .mieux-jouer > :nth-child(1) section h4, .category .tourisme > :nth-child(1) section h4 { font-size: 1.579rem; } .category .recent-posts > :nth-child(2) header, .category .recent-posts > :nth-child(3) header, .category .recent-posts > :nth-child(4) header, .category .recent-posts > :nth-child(5) header, .category .mieux-jouer > :nth-child(2) header, .category .mieux-jouer > :nth-child(3) header, .category .mieux-jouer > :nth-child(4) header, .category .mieux-jouer > :nth-child(5) header, .category .tourisme > :nth-child(2) header, .category .tourisme > :nth-child(3) header, .category .tourisme > :nth-child(4) header, .category .tourisme > :nth-child(5) header { height: 176px; } @media (max-width: 1024px) { .category .recent-posts > :nth-child(2) header, .category .recent-posts > :nth-child(3) header, .category .recent-posts > :nth-child(4) header, .category .recent-posts > :nth-child(5) header, .category .mieux-jouer > :nth-child(2) header, .category .mieux-jouer > :nth-child(3) header, .category .mieux-jouer > :nth-child(4) header, .category .mieux-jouer > :nth-child(5) header, .category .tourisme > :nth-child(2) header, .category .tourisme > :nth-child(3) header, .category .tourisme > :nth-child(4) header, .category .tourisme > :nth-child(5) header { height: 305px; width: 100%; margin-bottom: 0px !important; } } .category .recent-posts > :not(script):nth-child(10), .category .mieux-jouer > :nth-child(10), .category .tourisme > :nth-child(10) { grid-column: span 9; display: grid; grid-template-columns: 70% 1fr; align-items: center; grid-gap: 25px; } style:nth-child(10) { display: none !important; } .category .recent-posts > :nth-child(10) header, .category .mieux-jouer > :nth-child(10) header, .category .tourisme > :nth-child(10) header { margin-bottom: 0 !important; aspect-ratio: unset; } .category .recent-posts > :nth-child(10) section, .category .mieux-jouer > :nth-child(10) section, .category .tourisme > :nth-child(10) section { display: block; height: unset; } .category .recent-posts > :nth-child(11), .category .recent-posts > :nth-child(12), .category .recent-posts > :nth-child(13), .category .mieux-jouer > :nth-child(11), .category .mieux-jouer > :nth-child(12), .category .mieux-jouer > :nth-child(13), .category .tourisme > :nth-child(11), .category .tourisme > :nth-child(12), .category .tourisme > :nth-child(13) { grid-column: span 4; } .recent-posts > div > ul article, .mieux-jouer > div > ul article, .tourisme > div > ul article { display: flex; flex-direction: column; gap: 0; } .recent-posts > div > ul article header, .mieux-jouer > div > ul article header, .tourisme > div > ul article header { aspect-ratio: .964; height: 305px; margin: unset !important; } .recent-posts > div > ul article header img, .mieux-jouer > div > ul article header img, .tourisme > div > ul article header img { -o-object-fit: cover; object-fit: cover; display: block; } .recent-posts > div > ul article section, .mieux-jouer > div > ul article section, .tourisme > div > ul article section { display: flex; flex-flow: column; height: 100%; width: 100%; } .recent-posts > div > ul article section .entry-title, .mieux-jouer > div > ul article section .entry-title, .tourisme > div > ul article section .entry-title { flex-grow: 1; } .recent-posts .splide__pagination, .mieux-jouer .splide__pagination, .tourisme .splide__pagination { bottom: -.5em; } @media (max-width: 1024px) { .recent-posts { margin-bottom: 40px; } } .splide__pagination { bottom: -0.5em; } .splide__pagination .splide__pagination__page { background: black; } .splide__pagination .splide__pagination__page.is-active { background: #E30421; } .equipements, .sante { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .equipements article, .sante article { display: grid; grid-template-columns: 245px 1fr; align-items: center; grid-gap: 25px; } .equipements article header, .sante article header { aspect-ratio: 1.36; height: 180px; } .equipements article header img, .sante article header img { -o-object-fit: cover; object-fit: cover; } .equipements > article, .sante > article { display: flex; flex-direction: column; gap: 0; background-color: #F0F0F0; } .equipements > article header, .sante > article header { aspect-ratio: 1.693; height: 365px; width: 100%; } .equipements > article section, .sante > article section { display: flex; flex-flow: column; height: 100%; width: 100%; padding: 20px 30px; } .equipements .splide__pagination, .sante .splide__pagination { bottom: -1.5em; } @media (max-width: 1024px) { .equipements > article header, .sante > article header { margin: 0 -10px; width: 100vw !important; } } @media (max-width: 768px) { .equipements, .sante { display: unset; } .equipements ul article header, .sante ul article header { width: 100%; aspect-ratio: unset; height: 225px; } } @media (max-width: 1250px) { .equipements, .sante { grid-template-columns: 1fr; } .equipements > article, .sante > article { background-color: white; } .equipements > article header, .sante > article header { width: 100%; } .equipements .list_container article, .sante .list_container article { display: flex; flex-direction: column; } .equipements .list_container article header, .sante .list_container article header, .regles article header { width: 100%; } } .regles article { display: flex; flex-direction: column; gap: 0; } .regles article header { aspect-ratio: 1.676; height: 176px; } .regles article header img { -o-object-fit: cover; object-fit: cover; display: block; } .regles article section { display: flex; flex-flow: column; height: 100%; width: 100%; } .regles article section .entry-title { flex-grow: 1; } .regles > article { display: grid; grid-template-columns: 70% 1fr; align-items: center; grid-gap: 25px; } .regles > article header { aspect-ratio: unset; height: unset; } .regles > article .img-content { aspect-ratio: 1.9; } .regles > article .img-content img { -o-object-fit: cover; object-fit: cover; display: block; } .regles .splide__pagination { bottom: -1.5em; } @media (max-width: 1024px) { .regles > article { display: flex; margin-bottom: 20px; } .regles > article .img-content { aspect-ratio: unset; width: 100vw; height: 206px; } .regles > article .img-content img { width: 100%; } .regles > article .entry-content { width: 100%; } } .archive-articles .entry-header { text-align: center; } .archive-articles .entry-header .title_underlined_center { display: inline-block; } .page-template-coups-de-coeurs .entry-header { text-align: center; } .page-template-coups-de-coeurs .title_underlined_center { display: inline-block; } /* ============================================================================= PRODUCTS ========================================================================== */ .nos-abonnements { position: relative; margin: 90px 0 60px; padding: 40px 0; } .nos-abonnements .grey_background { position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 80%; background-color: #D9D9D9; z-index: -1; } .nos-abonnements .content .heading { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; } .nos-abonnements .content .heading p { margin-bottom: 30px; text-align: center; } .nos-abonnements .content .abonnements .item { background-color: white; display: flex; flex-direction: column; gap: 25px; align-items: center; text-align: center; height: auto;} .nos-abonnements .content .abonnements .item .title { height: 120px; display: flex; align-items: center; margin: 0px 20px 10px 20px;} .nos-abonnements .content .abonnements .item .title .h2 { font-size: 1.5rem; } .nos-abonnements .content .abonnements .item .price { font-size: .789rem; font-weight: 500; color: #E30421; } .nos-abonnements .content .abonnements .item .description { font-size: .736rem; flex-grow: 1; padding: 0 20px; } .nos-abonnements .content .abonnements .item .btn { /*position: absolute;*/ /*transform: translate(-50%, 0%);*/ position: relative; padding: 15px 18px 13px; margin-top: 20px; display: block;} .nos-abonnements .splide__pagination { bottom: -1.5em; } @media (max-width: 1024px) { .nos-abonnements .grey_background { height: 100%; } .nos-abonnements .content .item .image { width: 100%; background-color: #312d2a; } } .nos-produits { background-color: #f4f4f4; padding: 60px 40px 40px; position: relative; } .nos-produits p { margin: 40px 0; } .nos-produits h4 { font-weight: 300; } .nos-produits > .btn { position: absolute; top: 40px; right: 40px; } .nos-produits .title .title_underlined { margin: 0 0 40px; } .nos-produits .item { background-color: white; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .nos-produits .item .image-container { border: 1px solid grey; margin: 30px; position: relative; display: flex; padding: 35px; justify-content: center; } .nos-produits .item .image-container a.btn { position: absolute; top: 0; left: 0; font-size: .789rem; padding: 4px 6px 2px; } .nos-produits .item .image-container img { max-height: 200px; -o-object-fit: contain; object-fit: contain; } .nos-produits .item .title { margin: 0 30px; flex-grow: 1; } .nos-produits .item .price { margin: 8px 30px; font-size: .789rem; font-weight: 500; color: #E30421; } .nos-produits .item .cta { align-self: center; margin: 30px; } .nos-produits .item .cta .btn { border-radius: 0; display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; padding: 4px 8px 4px; } .nos-produits .item .cta .btn span { margin-top: 4px; } .nos-hors-serie { padding: 60px 40px 40px; position: relative; } .nos-hors-serie .black_background { position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; background-color: black; z-index: -1; } .nos-hors-serie .btn-transparent { color: white; border: 1px solid white; } .nos-hors-serie .title h2, .nos-hors-serie .title h4 { color: white; } .nos-hors-serie p { margin: 40px 0; } .nos-hors-serie h4 { font-weight: 300; } .nos-hors-serie > .btn { position: absolute; top: 40px; right: 40px; } .nos-hors-serie .title .title_underlined { margin: 0 0 40px; } .nos-hors-serie .item { background-color: black; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .nos-hors-serie .item .image-container { background: white; position: relative; display: flex; padding: 35px; justify-content: center; } .nos-hors-serie .item .image-container img { max-height: 200px; -o-object-fit: contain; object-fit: contain; } .nos-hors-serie .item .title { flex-grow: 1; } .nos-hors-serie .item .price { font-size: .789rem; font-weight: 500; color: #E30421; } .nos-hors-serie .item .cta { align-self: center; margin: 30px; } .nos-hors-serie .item .cta .btn { border-radius: 0; display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; padding: 4px 8px 4px; } .nos-hors-serie .item .cta .btn span { margin-top: 4px; } .nos-hors-serie .splide__arrow { bottom: 0; border-radius: 5px; background: black; border: 2px solid white; } .nos-hors-serie .splide__arrow svg { fill: white; } .nos-hors-serie .splide__arrow--prev { left: 0; transform: translate(-125%, -35%); } .nos-hors-serie .splide__arrow--next { right: 0; transform: translate(125%, -35%); } @media (max-width: 768px) { .nos-hors-serie { padding: 30px 40px 40px; } .nos-hors-serie > a.btn { position: inherit; top: unset; left: 50%; transform: translateX(-50%); margin: 0 auto 20px; display: inline-block; } .splide__pagination { bottom: -1.5em !important; } .splide__pagination .splide__pagination__page { background: black; } } /* ============================================================================= CAROUSEL ========================================================================== */ #products-carousel, #coups-de-coeur-carousel { margin-top: 100px; } #products-carousel .splide__arrow--prev, #coups-de-coeur-carousel .splide__arrow--prev { left: 0; } #products-carousel .splide__arrow--next, #coups-de-coeur-carousel .splide__arrow--next { left: 45px; } #products-carousel .splide__arrow, #coups-de-coeur-carousel .splide__arrow { align-items: center; background: transparent; border: 2px solid black; border-radius: 5px; cursor: pointer; display: flex; height: 2em; justify-content: center; opacity: .7; padding: 0; position: absolute; top: -35px; transform: translateY(-50%); width: 2em; z-index: 1; } #products-carousel .splide__arrow:disabled, #coups-de-coeur-carousel .splide__arrow:disabled { opacity: .3; } #products-carousel .splide__pagination, #coups-de-coeur-carousel .splide__pagination { bottom: -1.5em; } #coups-de-coeur-carousel { margin-top: 55px; } /* ============================================================================= GOLFS ========================================================================== */ .coups-de-coeur { position: relative; margin: 40px 0 60px 0; } .coups-de-coeur > .btn { position: absolute; top: 0px; right: 0px; } .coups-de-coeur #coups-de-coeur-carousel .item { height: 100%; } .coups-de-coeur #coups-de-coeur-carousel .item .image-coeur { position: absolute; top: 20px; right: 20px; } .coups-de-coeur #coups-de-coeur-carousel .item .image-search { position: absolute; bottom: 30px; right: 20px; } .coups-de-coeur #coups-de-coeur-carousel .item .image-container { height: 221px; } .coups-de-coeur #coups-de-coeur-carousel .item .image-container img { -o-object-fit: cover; object-fit: cover; } .coups-de-coeur #coups-de-coeur-carousel .item .title { height: 101px; background-color: #E30421; color: white; font-size: .789rem; padding: 20px 20px; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; } .coups-de-coeur #coups-de-coeur-carousel .item .title h4 { line-height: 1.1rem; color: white; font-weight: 300; margin-bottom: 8px; text-transform: uppercase; } .coups-de-coeur #coups-de-coeur-carousel .item .title h4 b { font-weight: 700; } @media (max-width: 768px){ .coups-de-coeur .title_underlined{ margin: 30px 0 20px; } .coups-de-coeur .title_underlined+a{ margin-bottom: 20px; } } /* ============================================================================= NOUS CONTACTER ========================================================================== */ .nous-contacter { position: relative; } .nous-contacter .background-black { position: absolute; height: 60%; width: 100%; background-color: black; z-index: -1; top: 20%; } .nous-contacter .container { padding: 0 40px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; } .nous-contacter .container > .title { color: white; padding: 15% 0; display: grid; grid-template-columns: 109px 1fr; grid-template-rows: 1fr 1fr; align-items: center; justify-items: center; grid-gap: 0 37px; } .nous-contacter .container > .title h2 { color: white; display: inline-block; margin-bottom: 0; } .nous-contacter .container > .title img { grid-row: span 2; } .nous-contacter .container > .title p { text-align: center; } .nous-contacter .container > .content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 20px; } .nous-contacter .container > .content .card { background-color: white; border: 1px solid #D9D9D9; padding: 30px 26px; display: flex; flex-direction: column; justify-content: space-between; } .nous-contacter .container > .content .card:nth-child(2) { grid-row: span 2; } .nous-contacter .container > .content .card .phone { display: flex; align-items: center; gap: 12px; font-size: .789rem; font-weight: 500; color: #E30421; margin-top: 10px; } .nous-contacter .container > .content .card .mail { display: flex; align-items: center; gap: 12px; font-size: .737rem; font-weight: 300; text-decoration: underline; color: black; margin-top: 10px; } @media (max-width: 1024px) { .nous-contacter .background-black { height: 90%; top: 0; } .nous-contacter .container { display: unset; } .nous-contacter .container .title { display: flex; flex-direction: column; padding: 40px 20px; } .nous-contacter .container .title img { display: none; } .nous-contacter .container > .content { grid-template-columns: 1fr; grid-template-rows: unset; padding: 20px; } .nous-contacter .container > .content .title { padding: 0; } .nous-contacter .container > .content .card .content { margin-top: 20px; } } /* ============================================================================= NEWSLETTER ========================================================================== */ .newsletter { display: flex; margin-top: 60px; height: 396px; align-items: center; } .newsletter .reseaux { flex: 1; background-color: #D9D9D9; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .newsletter .reseaux .title_reseaux { position: relative; } .newsletter .reseaux .title_reseaux img { margin: 20px 0; } .newsletter .reseaux .title_reseaux hr { position: absolute; height: 5px; width: 23%; background-color: #E30421; bottom: 35px; } .newsletter .reseaux .reseaux_sociaux { display: flex; flex-direction: row; justify-content: space-evenly; width: 100%; } .newsletter .bloc_newsletter { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 0; background-color: white; color: black; padding: 0; height: 100%; } .newsletter .bloc_newsletter .newsletter_title { display: flex; width: 100%; align-items: center; justify-content: center; gap: 15px; } .newsletter .bloc_newsletter .newsletter_title .title_underlined { margin: 20px 0; color: black; } .newsletter .bloc_newsletter p { margin: 20px 0; font-weight: 500; } .newsletter .bloc_newsletter .form { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 20px 0; } .newsletter .bloc_newsletter .form input { border: 1px solid black; text-align: left; padding: 10px 14px; font-size: 20px; } .newsletter .bloc_newsletter .form button { background: black; padding: 10px 15px; border: 1px solid black; color: white; cursor: pointer; } .newsletter .pub_carre { flex: 1; } .newsletter.black { margin-top: 40px; background-color: black; color: white; padding: 40px 20px 15px; height: 450px; } .newsletter.black .bloc_newsletter { height: 100%; justify-content: space-between; background-color: transparent; color: #fff; } .newsletter.black .bloc_newsletter .newsletter_title { display: flex; align-items: center; gap: 12px; } .newsletter.black .bloc_newsletter .newsletter_title h2 { color: white; margin: 0; } .newsletter.black .bloc_newsletter p { margin-top: 30px; text-align: center; font-weight: 500; } .newsletter.black .bloc_newsletter .form { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 20px 0; } .newsletter.black .bloc_newsletter .form input { border: 1px solid white; text-align: left; padding: 10px 14px; font-size: 20px; } .newsletter.black .bloc_newsletter .form button { background: white; padding: 10px 15px; border: 1px solid white; color: black; cursor: pointer; } @media (max-width: 1024px) { .newsletter { height: unset; flex-direction: column; } .newsletter .reseaux { width: 100%; padding: 20px; } .newsletter .bloc_newsletter { margin: 40px 0; } } /* ============================================================================= BREADCRUMBS ========================================================================== */ #breadcrumbs, .breadcrumbs { margin-bottom: 20px; } #breadcrumbs span a, .breadcrumbs span a { color: black; } #breadcrumbs .breadcrumb-separator, .breadcrumbs .breadcrumb-separator { margin: 0 8px; } .addtoany_header { letter-spacing: .6px; margin: 13px 8px 0 0 !important; font-family: "GuildfordPro", sans-serif; color: black; font-weight: 500; font-size: 1.05rem; line-height: 1; text-transform: uppercase; } .addtoany_header::after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0 0; } .addtoany_list a { border: 1px solid #000 !important; border-radius: 50%; padding: 5px 6px !important; width: 47px; height: 47px; margin: 0 10px; } .addtoany_list a > span { height: 30px; line-height: 32px; width: 35px; } .addtoany_list a:hover span { opacity: 1; } .addtoany_list a path { transition: all ease-in-out .15s; } .addtoany_list a:hover path { fill: #E30421 !important; } .addtoany_share_save_container { display: flex; align-items: center; padding: 40px 0px; margin: 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .comment-reply-link { color: white; font-size: 14px; cursor: pointer; background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; } .comment-author .says { display: none; } .commentlist .comment-body { display: flex; align-items: flex-start; gap: 20px; margin-top: 20px; } .commentlist .comment-body .comment-author { flex-shrink: 0; display: grid; grid-template-columns: 50px 1fr; gap: 8px; align-items: center; } .commentlist .comment-body .comment-author .details .fn { font-weight: 500; } .commentlist .comment-body p { flex-grow: 1; margin-top: 4px; } @media (max-width: 768px) { .commentlist .comment-body { display: grid; grid-template-columns: 1fr 90px; grid-template-rows: auto auto; grid-template-areas: "item1 item3" "item2 item2"; } .commentlist .comment-body .comment-author { grid-template-columns: 30px 1fr; grid-area: item1; } .commentlist .comment-body .comment-author img { height: 30px; width: 30px; } .commentlist .comment-body .comment-author .details { display: flex; gap: 8px; font-size: 15px; } .commentlist .comment-body p { grid-area: item2; font-size: 14px; } .commentlist .comment-body .reply { grid-area: item3; } .commentlist .comment-body .reply a { font-size: 12px; } } .comment-respond { margin-top: 80px; background-color: black; color: white; padding: 40px; } .comment-respond .comment-reply-title { letter-spacing: .6px; margin: 0 0 40px; color: white; } .comment-respond .comment-reply-title:after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0; } .comment-respond .comment-form .logged-in-as { margin: 30px 0; } .comment-respond .comment-form .comment-form-comment label, .comment-respond .comment-form .comment-form-author label, .comment-respond .comment-form .comment-form-email label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .comment-respond .comment-form .comment-form-comment textarea { border: 1px solid white; padding: 10px 14px; font-size: 20px; width: 100%; height: 200px; } .comment-respond .comment-form .comment-form-author input, .comment-respond .comment-form .comment-form-email input { border: 1px solid white; padding: 10px 14px; font-size: 20px; width: 100%; } .comment-respond .comment-form .comment-form-author input { float: left; width: 49%; margin: 20px 0; } .comment-respond .comment-form .comment-form-email input { float: right; width: 49%; margin: 20px 0; } .comment-respond .comment-form .comment-form-cookies-consent { margin: 20px 0; clear: both; } .comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"] { border: 1px solid white; height: 22px; width: 22px; background-color: transparent; position: relative; } .comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"]:checked::before { content: "\2713"; /* Unicode checkmark */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 18px; } .comment-respond .comment-form .form-submit input { color: white; font-size: 14px; cursor: pointer; background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; margin: 40px auto 0; display: block; } .nav-links { text-align: center; margin: 40px 0; } .nav-links .page-numbers:not(.dots):not(.next):not(.prev) { border: 1px solid #D9D9D9; color: black; display: inline-block; height: 30px; width: 30px; line-height: 30px; font-size: 15px; } .nav-links .page-numbers.dots { display: inline-block; width: 30px; } .nav-links .page-numbers.current { color: #E30421 !important; border: 2px solid #E30421 !important; font-weight: 700; } .nav-links .page-numbers.next, .nav-links .page-numbers.prev { color: black; } .category .sidebar .bloc_newsletter { margin-top: 40px; background-color: black; color: white; padding: 40px 20px; } @media (max-width: 1024px) { .category .sidebar .bloc_newsletter { display: none; } } .category .sidebar .bloc_newsletter .newsletter_title { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .category .sidebar .bloc_newsletter .newsletter_title h2 { color: white; margin: 0; } .category .sidebar .bloc_newsletter iframe { margin-top: 20px; } .woocommerce-info { border-top-color: black !important; } .woocommerce-info::before { color: black !important; } h3.woocommerce-loop-product__title { height: 75px; } h3.woocommerce-loop-product__title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .woocommerce-button.button, .woocommerce-Button.button, .single_add_to_cart_button.button, .woocommerce-cart-form .button { background-color: #E30421 !important; color: white !important; text-transform: uppercase; font-weight: 500 !important; padding: 8px 10px 6px !important; line-height: 1rem !important; text-align: center; transition: all ease-in-out .15s; } .woocommerce-button.button:hover, .woocommerce-Button.button:hover, .single_add_to_cart_button.button:hover, .woocommerce-cart-form .button:hover { background-color: black !important; color: white !important; } .variations select { border: 1px solid black; padding: 0 15px; } /* ============================================================================= PAGE HOME ========================================================================== */ body:not(.post-type-archive-golf, .single-golf) #main-content, #primary { margin-top: 40px; } body #main-content.active, #primary.active { margin-top: 279px; } @media (max-width: 1024px) { body:not(.post-type-archive-golf, .single-golf) #main-content, #primary { margin-top: 80px; } body #main-content.active, #primary.active { margin-top: 147px; } } /* ============================================================================= PAGE CONTACT ========================================================================== */ .page-template-contact header.entry-header { text-align: center; } .page-template-contact header.entry-header h1.entry-title { display: inline-block; font-size: 1.579rem; } .page-template-contact .newsletter { gap: 40px; } .page-template-contact .newsletter .bloc_newsletter { flex: 2; display: flex; flex-direction: column; text-align: center; height: 100%; align-items: center; justify-content: center; border: 1px solid #D9D9D9; margin-top: 0; background-color: white; color: black; padding: 0; } .page-template-contact .newsletter .bloc_newsletter .newsletter_title .title_underlined { color: black; } /* ============================================================================= PAGE ANNONCEZ ========================================================================== */ .page-template-annoncez header.entry-header { text-align: center; } .page-template-annoncez header.entry-header h1.entry-title { display: inline-block; font-size: 1.579rem; } .page-template-annoncez .chiffres { margin: 0 20px; } .page-template-annoncez .chiffres .chiffre { flex: 1; text-align: center; display: flex; flex-direction: column; position: relative; align-items: center; box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); margin-top: 45px; height: calc(100% - 60px); justify-content: center; } .page-template-annoncez .chiffres .chiffre .header { height: 90px; width: 90px; background-color: black; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; transform: translateY(-50%); } .page-template-annoncez .chiffres .chiffre .text { height: 171px; padding: 45px 20px 0; display: flex; align-content: center; flex-wrap: wrap; font-weight: 700; } .page-template-annoncez .chiffres .chiffre .text strong { display: contents; color: #E30421; } .page-template-annoncez .chiffres .chiffre .text span { font-size: .684rem; font-weight: 300; margin-top: 12px; } .page-template-annoncez .chiffres .splide__pagination { bottom: -1.5em; } .page-template-annoncez .chiffres .splide__arrow { transition: opacity .3s ease; border-radius: 5px; background: transparent; border: 2px solid black; height: 15px; width: 15px; } .page-template-annoncez .chiffres .splide__arrow.splide__arrow--prev { left: -21px; } .page-template-annoncez .chiffres .splide__arrow.splide__arrow--next { right: -21px; } .page-template-annoncez .chiffres .splide__arrow:disabled { opacity: 0; pointer-events: none; } .page-template-annoncez .kits { margin-top: 60px; padding: 60px 40px; background-color: #F4F4F4; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .page-template-annoncez .kits h2 { margin-top: 0; grid-column: span 2; } .page-template-annoncez .kits .kit { background-color: white; display: flex; padding: 30px 60px; gap: 40px; align-items: center; } .page-template-annoncez .kits .kit .content { display: flex; flex-direction: column; gap: 20px; justify-content: center; } .page-template-annoncez .kits .kit .content .cta a { display: flex; gap: 6px; width: -moz-fit-content; width: fit-content; padding: 4px 12px 4px; font-size: .6rem; line-height: .6rem; font-weight: 700; } .page-template-annoncez .kits .kit .content .cta a span { margin-top: 6px; } @media (max-width: 768px) { .page-template-annoncez .kits { grid-template-columns: 1fr; } .page-template-annoncez .kits h2 { grid-column: span 1; } } .page-template-annoncez .kits .image { width: 60px; } .post-type-archive-golf .hero, .page-template-coups-de-coeurs .hero { position: relative; color: white; padding-top: 40px; padding-bottom: 80px; } .post-type-archive-golf .hero .background, .page-template-coups-de-coeurs .hero .background { position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; background-image: url(../images/background_golf_hd.jpg); background-position: center; height: 100%; z-index: -1; background-size: cover; } .post-type-archive-golf .hero .breadcrumbs span a, .page-template-coups-de-coeurs .hero .breadcrumbs span a { color: white; } .post-type-archive-golf .hero header.entry-header, .page-template-coups-de-coeurs .hero header.entry-header { text-align: center; } .post-type-archive-golf .hero header.entry-header h1, .page-template-coups-de-coeurs .hero header.entry-header h1 { font-size: 1.579rem; color: white; letter-spacing: .6px; display: inline-block; margin-bottom: 40px; } .post-type-archive-golf .hero header.entry-header span.count, .page-template-coups-de-coeurs .hero header.entry-header span.count { display: block; font-size: 1.579rem; color: white; letter-spacing: 3.3px; } .post-type-archive-golf form, .page-template-coups-de-coeurs form { background: white; color: black; box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); transform: translateY(-20%); padding: 28px 60px 10px; width: 100%; } .post-type-archive-golf form input[type="text"], .page-template-coups-de-coeurs form input[type="text"] { border: 1px solid black; text-align: left; padding: 10px 14px; font-size: 20px; font-style: italic; flex-grow: 1; } .post-type-archive-golf form select, .page-template-coups-de-coeurs form select { border: 1px solid black; text-align: left; padding: 10px 14px; font-size: 20px; font-style: italic; flex-grow: 1; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; max-width: 100%; } .post-type-archive-golf form .filter-row, .page-template-coups-de-coeurs form .filter-row { display: flex; gap: 20px; flex-wrap: wrap; } .post-type-archive-golf form #extra-filters-btn, .page-template-coups-de-coeurs form #extra-filters-btn { margin: 20px 0; display: flex; gap: 10px; cursor: pointer; } .post-type-archive-golf form #extra-filters-btn img, .page-template-coups-de-coeurs form #extra-filters-btn img { transition: transform 0.3s ease-in-out; } .post-type-archive-golf form #extra-filters-btn.active img, .page-template-coups-de-coeurs form #extra-filters-btn.active img { transform: rotate(180deg); } .post-type-archive-golf form #extra-filters, .page-template-coups-de-coeurs form #extra-filters { height: 0; overflow: hidden; transition: height 0.1s ease-in; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; /* Style for unchecked state */ } .post-type-archive-golf form #extra-filters.active, .page-template-coups-de-coeurs form #extra-filters.active { height: 100%; margin-bottom: 20px; transition: height 0.1s ease-out; } .post-type-archive-golf form #extra-filters input[type="checkbox"], .page-template-coups-de-coeurs form #extra-filters input[type="checkbox"] { display: none; } .post-type-archive-golf form #extra-filters label, .page-template-coups-de-coeurs form #extra-filters label { background-color: transparent; padding: 10px 20px; border: 1px solid black; color: black; cursor: pointer; transition: color 0.3s; display: flex; align-items: center; gap: 6px; } .post-type-archive-golf form #extra-filters input[type="checkbox"]:checked + label, .page-template-coups-de-coeurs form #extra-filters input[type="checkbox"]:checked + label { border: 1px solid #E30421; color: #E30421; } .post-type-archive-golf form #extra-filters input[type="checkbox"]:not(:checked) + label, .page-template-coups-de-coeurs form #extra-filters input[type="checkbox"]:not(:checked) + label { color: black; } @media (max-width: 768px) { .post-type-archive-golf form, .page-template-coups-de-coeurs form { transform: translateY(0px); width: 100vw; margin-left: -10px; padding: 28px 20px 10px; } .post-type-archive-golf form input[type="submit"], .page-template-coups-de-coeurs form input[type="submit"] { width: 100%; text-align: center; } .post-type-archive-golf form select, .page-template-coups-de-coeurs form select { width: 100%; } .post-type-archive-golf form #extra-filters label, .page-template-coups-de-coeurs form #extra-filters label { width: 47.5%; min-width: -moz-fit-content; min-width: fit-content; } } .post-type-archive-golf .coups-de-coeur, .page-template-coups-de-coeurs .coups-de-coeur { margin: 0; } .post-type-archive-golf .regions, .page-template-coups-de-coeurs .regions { display: grid; grid-template-columns: 1fr 300px; gap: 40px; margin-top: 80px; } .post-type-archive-golf .regions h2, .page-template-coups-de-coeurs .regions h2 { margin-top: 0; } .post-type-archive-golf .regions .regions-container, .page-template-coups-de-coeurs .regions .regions-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .post-type-archive-golf .regions .regions-container .region-block, .page-template-coups-de-coeurs .regions .regions-container .region-block { position: relative; } .post-type-archive-golf .regions .regions-container .region-block .region-background, .page-template-coups-de-coeurs .regions .regions-container .region-block .region-background { height: 150px; } .post-type-archive-golf .regions .regions-container .region-block .region-background img, .page-template-coups-de-coeurs .regions .regions-container .region-block .region-background img { -o-object-fit: cover; object-fit: cover; width: 100%; } .post-type-archive-golf .regions .regions-container .region-block .region-name, .page-template-coups-de-coeurs .regions .regions-container .region-block .region-name { position: absolute; bottom: 0; display: flex; width: 100%; height: 46px; opacity: 0.7; background: black; font-size: 15px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: white; align-items: center; justify-content: center; padding: 0 15px; text-align: center; } @media (max-width: 1024px) { .post-type-archive-golf .regions, .page-template-coups-de-coeurs .regions { grid-template-columns: 1fr !important; } .post-type-archive-golf .regions .right, .page-template-coups-de-coeurs .regions .right { display: none; } } @media (max-width: 768px) { .post-type-archive-golf .regions .regions-container, .page-template-coups-de-coeurs .regions .regions-container { grid-template-columns: 1fr 1fr !important; } } .post-type-archive-golf .result, .page-template-coups-de-coeurs .result { margin-top: 40px; } .post-type-archive-golf .result.coupdecoeur header.entry-header, .page-template-coups-de-coeurs .result.coupdecoeur header.entry-header { background-color: #E30421; color: white; position: relative; } .post-type-archive-golf .result.coupdecoeur header.entry-header h2, .page-template-coups-de-coeurs .result.coupdecoeur header.entry-header h2 { color: white; } .post-type-archive-golf .result.coupdecoeur header.entry-header .coupdecoeur, .page-template-coups-de-coeurs .result.coupdecoeur header.entry-header .coupdecoeur { position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #E30421; bottom: -35px; left: 20px; border-radius: 0 0 5px 5px; color: white; height: 35px; font-size: 18px; font-weight: 700; letter-spacing: .36px; display: flex; align-items: center; gap: 6px; padding: 8px; align-self: start; } .post-type-archive-golf .result.coupdecoeur .entry-content, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content { display: grid; grid-template-columns: .7fr 1fr; } .post-type-archive-golf .result.coupdecoeur .entry-content .content, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content .content { display: flex; flex-direction: column; } .post-type-archive-golf .result.coupdecoeur .entry-content .image, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content .image { grid-row: span 2; display: block; } .post-type-archive-golf .result.coupdecoeur .entry-content .image img, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } @media (max-width: 768px) { .post-type-archive-golf .result.coupdecoeur .entry-content, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content { grid-template-columns: 1fr; } .post-type-archive-golf .result.coupdecoeur .entry-content .image, .page-template-coups-de-coeurs .result.coupdecoeur .entry-content .image { grid-row: unset; } } .post-type-archive-golf .result header.entry-header, .page-template-coups-de-coeurs .result header.entry-header { background-color: #D9D9D9; display: flex; padding: 20px; gap: 20px; align-items: center; } .post-type-archive-golf .result header.entry-header .left-side, .page-template-coups-de-coeurs .result header.entry-header .left-side { flex: 1; } .page-template-coups-de-coeurs .result header.entry-header .left-side { flex: 1; text-align: left; } .post-type-archive-golf .result header.entry-header .right-side, .page-template-coups-de-coeurs .result header.entry-header .right-side { color: white; font-weight: 700; background: black; padding: 6px 12px 2px; font-size: 1rem; letter-spacing: 0.371px; } .post-type-archive-golf .result .entry-content, .page-template-coups-de-coeurs .result .entry-content { box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); } .post-type-archive-golf .result .entry-content .image, .page-template-coups-de-coeurs .result .entry-content .image { display: none; } .post-type-archive-golf .result .entry-content .content, .page-template-coups-de-coeurs .result .entry-content .content { padding: 40px 40px 30px; display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; } .post-type-archive-golf .result .entry-content .content .phone, .post-type-archive-golf .result .entry-content .content .mail, .post-type-archive-golf .result .entry-content .content .website, .page-template-coups-de-coeurs .result .entry-content .content .phone, .page-template-coups-de-coeurs .result .entry-content .content .mail, .page-template-coups-de-coeurs .result .entry-content .content .website { margin-bottom: 18px; } .post-type-archive-golf .result .entry-content .content .mail a, .page-template-coups-de-coeurs .result .entry-content .content .mail a { color: black; text-decoration: underline; } .post-type-archive-golf .result .entry-content .content .website a, .page-template-coups-de-coeurs .result .entry-content .content .website a { color: black; text-decoration: underline; font-weight: 700; } @media (max-width: 768px) { .post-type-archive-golf .result .entry-content .content, .page-template-coups-de-coeurs .result .entry-content .content { grid-template-columns: 1fr; } } .post-type-archive-golf .result .entry-content .data, .page-template-coups-de-coeurs .result .entry-content .data { color: #E30421; display: flex; align-items: flex-end; justify-content: space-between; border-top: 1px solid #D9D9D9; padding: 27px 0 30px; margin: 0 40px 0; } .post-type-archive-golf .result .entry-content .data .services img, .page-template-coups-de-coeurs .result .entry-content .data .services img { height: 17px; } .single-golf span.h1 { font-size: 1.579rem; color: white; letter-spacing: .6px; display: inline-block; margin-bottom: 40px; font-weight: 500; } .single-golf .hero { position: relative; color: white; padding-top: 40px; } .single-golf .hero .background { position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; background-image: url(../images/background_golf_hd.jpg); background-position: center; height: 100%; z-index: -1; background-size: 100vw auto; } .single-golf .hero .breadcrumbs span a { color: white; } .single-golf .hero header.entry-header { text-align: center; } .single-golf .hero header.entry-header h1 { font-size: 1.579rem; color: white; letter-spacing: .6px; display: inline-block; margin-bottom: 40px; } .single-golf article .entry-header { display: flex; gap: 20px; } .single-golf article .entry-header h2 { margin: unset; padding-top: 6px; } @media (max-width: 768px) { .single-golf article .entry-header { flex-wrap: wrap; padding: 0 10px; } .single-golf article .entry-header h2 { width: 100%; } } .single-golf article .entry-header .coupdecoeur { background-color: #E30421; border-radius: 5px; color: white; height: 35px; font-size: 18px; font-weight: 700; letter-spacing: .36px; display: flex; align-items: center; gap: 6px; padding: 8px; align-self: start; } .single-golf article .entry-header .type { color: white; font-weight: 700; background: black; padding: 10px 12px 2px; font-size: 1rem; letter-spacing: 0.371px; height: 35px; } .single-golf article .content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .single-golf article .content .left-side .main-image { margin-bottom: 20px; } .single-golf article .content .left-side .main-image img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; } .single-golf article .content .left-side .gallery #images-carousel-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .single-golf article .content .left-side .gallery #images-carousel-list img { height: 186px; width: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .single-golf article .content .left-side .gallery .splide__arrow { transition: opacity .3s ease; border-radius: 2px; background: transparent; border: 2px solid white; height: 15px; width: 15px; padding: 2px; } .single-golf article .content .left-side .gallery .splide__arrow.splide__arrow--prev { left: 8px; } .single-golf article .content .left-side .gallery .splide__arrow.splide__arrow--next { right: 8px; } .single-golf article .content .left-side .gallery .splide__arrow svg { fill: white; } .single-golf article .content .left-side .gallery .splide__arrow:disabled { opacity: 0; pointer-events: none; } @media (max-width: 768px) { .single-golf article .content .left-side .gallery #images-carousel-list { display: flex; gap: 0; } } .single-golf article .content .left-side .video { margin-top: 20px; } .single-golf article .content .left-side .video iframe { width: 100%; } .single-golf article .content .right-side h4 { color: #E30421; font-size: 18px; font-weight: 700; letter-spacing: 0.36px; text-transform: uppercase; } .single-golf article .content .right-side .card { box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); padding: 40px; } .single-golf article .content .right-side .card .content { grid-template-columns: 221px 1fr; gap: 30px; } .single-golf article .content .right-side .card .content .left-side iframe { border: 1px solid #D9D9D9 !important; border-radius: 5px; } .single-golf article .content .right-side .card .content .right-side .services .address, .single-golf article .content .right-side .card .content .right-side .services .phone, .single-golf article .content .right-side .card .content .right-side .services .mail, .single-golf article .content .right-side .card .content .right-side .services .website { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; } .single-golf article .content .right-side .card .content .right-side .services .mail a { color: black; text-decoration: underline; } .single-golf article .content .right-side .card .content .right-side .services .website a { color: black; text-decoration: underline; font-weight: 700; } .single-golf article .content .right-side .card .content .right-side .services .fees { color: #E30421; margin-bottom: 20px; } .single-golf article .content .right-side .card .content .right-side .services .services { color: #E30421; } .single-golf article .content .right-side .card .content .right-side .services .services img { height: 17px; } .single-golf article .content .right-side .card .content .right-side .services .reseaux { margin-top: 10px; display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; } .single-golf article .content .right-side .card .content .right-side .services .reseaux img { height: 44px; width: auto; display: block; } .single-golf article .content .right-side .slopes .slopes-container { display: flex; gap: 20px; } .single-golf article .content .right-side .slopes .slopes-container .slope { width: 67px; height: 35px; flex-shrink: 0; color: white; padding: 6px 0 2px; text-align: center; font-size: 25px; font-weight: 700; letter-spacing: 0.5px; } .single-golf article .content .right-side .slopes .slopes-container .slope.white { background: white; border: 1px solid #D9D9D9; color: black; } .single-golf article .content .right-side .slopes .slopes-container .slope.yellow { background: #FFC700; } .single-golf article .content .right-side .slopes .slopes-container .slope.blue { background: #345E9D; } .single-golf article .content .right-side .slopes .slopes-container .slope.red { background: #E30421; } .single-golf article .content .right-side .slopes .slopes-container .slope.black { background: black; } .single-golf article .content .right-side .parcours span { display: block; } .single-golf article .content .right-side .parcours .content { display: block; } .single-golf article .content .right-side .parcours .content p { margin: 20px 0; } @media (max-width: 1024px) { .single-golf article .content { grid-template-columns: 1fr; } .single-golf article .content .right-side .card { padding: 30px 20px; } .single-golf article .content .right-side .card .content { grid-template-columns: 1fr; } } .post-type-archive-product .woocommerce-products-header, .woocommerce-page.tax-product_cat .woocommerce-products-header { text-align: center; } .post-type-archive-product .woocommerce-products-header h1, .woocommerce-page.tax-product_cat .woocommerce-products-header h1 { font-size: 1.579rem; display: inline-block; } .post-type-archive-product .header-products, .woocommerce-page.tax-product_cat .header-products { display: flex; align-items: center; justify-content: space-between; } .post-type-archive-product .nos-abonnements, .woocommerce-page.tax-product_cat .nos-abonnements { margin: 0; } .post-type-archive-product .products li.product .add_to_cart_button, .post-type-archive-product .products li.product .product_type_simple, .woocommerce-page.tax-product_cat .products li.product .add_to_cart_button, .woocommerce-page.tax-product_cat .products li.product .product_type_simple { display: flex !important; width: -moz-fit-content; width: fit-content; align-items: center; gap: 12px; margin: 20px auto; background: transparent; border: 1px solid black; text-transform: uppercase; font-size: .61rem; } .post-type-archive-product .products li.product .add_to_cart_button img, .post-type-archive-product .products li.product .product_type_simple img, .woocommerce-page.tax-product_cat .products li.product .add_to_cart_button img, .woocommerce-page.tax-product_cat .products li.product .product_type_simple img { width: unset; display: block; margin: 0; } .post-type-archive-product .products li.product .add_to_cart_button span, .post-type-archive-product .products li.product .product_type_simple span, .woocommerce-page.tax-product_cat .products li.product .add_to_cart_button span, .woocommerce-page.tax-product_cat .products li.product .product_type_simple span { padding-top: 4px; } .post-type-archive-product .products li.product .star-rating, .woocommerce-page.tax-product_cat .products li.product .star-rating { display: none; } .post-type-archive-product .products li.product .price, .woocommerce-page.tax-product_cat .products li.product .price { color: #E30421 !important; } .post-type-archive-product .products li.product img.attachment-woocommerce_thumbnail, .woocommerce-page.tax-product_cat .products li.product img.attachment-woocommerce_thumbnail { padding: 0 20px; } .post-type-archive-product .woocommerce-pagination ul.page-numbers, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers { border: 0; margin: 0; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li { display: inline-block; margin: 0 4px; border: 0; font-size: 15px; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li span.current { background: white; color: #E30421; border: 2px solid #E30421; padding: 0; height: 30px; width: 30px; line-height: 30px; font-weight: 700; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li a, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li a { color: black; padding: 0; height: 30px; width: 30px; line-height: 30px; font-weight: 100; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li a:hover { background: white; color: black; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li a:not(.next), .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li a:not(.next) { border: 1px solid #D9D9D9; } .post-type-archive-product .woocommerce-pagination ul.page-numbers li a.next, .post-type-archive-product .woocommerce-pagination ul.page-numbers li a.prev, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li a.next, .woocommerce-page.tax-product_cat .woocommerce-pagination ul.page-numbers li a.prev { border: 0; font-weight: 100; } .single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { padding: 80px 0 !important; border: 1px solid #D9D9D9; aspect-ratio: 1; } .single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { -o-object-fit: contain; object-fit: contain; } .single-product .product .summary h1.product_title { text-transform: uppercase; letter-spacing: .6px; margin: 40px 0 30px; font-size: 1.579rem; font-weight: 500; } .single-product .product .summary h1.product_title:after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0; } .single-product .product .summary p.price { color: #E30421; font-weight: 500; font-size: 1.842rem; } .single-product #tab-description p, .single-product #tab-description h2, .single-product #tab-description h3 { padding-bottom: 20px; } .woocommerce div.product span.price{ color: #E30421; font-weight: 500; font-size: 1.842rem; } .single-product .product .summary .woocommerce-product-rating { margin-top: 1.618em; } .single-product .product .summary .woocommerce-product-rating .star-rating { margin-right: 12px; } .single-product .product .summary .woocommerce-product-rating .star-rating span::before { color: #F19E38; } .single-product .product .summary .woocommerce-product-rating .woocommerce-review-link { color: black; text-decoration: underline; margin-top: 4px; display: block; } .single-product .product .summary .woocommerce-product-details__short-description { margin: 1.618rem 0; } .single-product .product .summary .quantity { margin: 20px 20px 20px 0 !important; height: 35px; width: 180px; border: 1px solid black; } .single-product .product .summary .quantity input { width: 100%; height: 100%; line-height: 44px; } .single-product .product .summary .single_add_to_cart_button { display: flex !important; width: -moz-fit-content; width: fit-content; align-items: center; gap: 12px; color: white; margin: 20px auto; background: black; border: 1px solid black; text-transform: uppercase; font-size: .864rem; border-radius: 0; } .single-product .product .summary .single_add_to_cart_button:hover { color: white; background: black; } .single-product .product .summary .single_add_to_cart_button span { padding-top: 4px; } .single-product .product .woocommerce-tabs ul { text-align: center; } .single-product .product .woocommerce-tabs ul .description_tab, .single-product .product .woocommerce-tabs ul .reviews_tab, .single-product .product .woocommerce-tabs ul .additional_information_tab { border: 0 !important; background-color: transparent !important; margin: 0; padding: 0; } .single-product .product .woocommerce-tabs ul .description_tab a, .single-product .product .woocommerce-tabs ul .reviews_tab a, .single-product .product .woocommerce-tabs ul .additional_information_tab a { color: black; font-size: 25px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } .single-product .product .woocommerce-tabs ul .description_tab.active, .single-product .product .woocommerce-tabs ul .reviews_tab.active, .single-product .product .woocommerce-tabs ul .additional_information_tab.active { border-bottom: 5px solid red !important; } .single-product .product .woocommerce-tabs ul .description_tab::before, .single-product .product .woocommerce-tabs ul .description_tab::after, .single-product .product .woocommerce-tabs ul .reviews_tab::before, .single-product .product .woocommerce-tabs ul .reviews_tab::after, .single-product .product .woocommerce-tabs ul .additional_information_tab::before, .single-product .product .woocommerce-tabs ul .additional_information_tab::after { position: unset !important; border: 0 !important; } .single-product .product .woocommerce-tabs h2 { margin: 20px 0; } .single-product .product .related.products .price { color: #E30421; } .single-product .product .related.products .add_to_cart_button { display: flex !important; width: -moz-fit-content; width: fit-content; align-items: center; gap: 12px; color: black; margin: 20px auto; background: white; border: 1px solid black; text-transform: uppercase; font-size: .864rem; border-radius: 0; } .single-product .product .related.products .add_to_cart_button:hover { color: black; background: white; } .single-product .product .related.products .add_to_cart_button span { padding-top: 4px; } .single-product .product .related.products .add_to_cart_button img { width: auto; margin: 0; } .single-product .product #comments .comment_container { border-bottom: 1px solid #D9D9D9; } .single-product .product #comments .comment_container img { border: none !important; background-color: transparent !important; height: 35px !important; width: 35px !important; } .single-product .product #comments .comment_container .comment-text { padding-top: 16px !important; border: 0 !important; } .single-product .product #comments .comment_container .comment-text .star-rating > span::before { color: #F19E38; } .single-product .product #comments .comment_container .comment-text .description { font-size: 20px; line-height: 25px; } .single-product .product #review_form_wrapper { background-color: black; padding: 40px; } .single-product .product #review_form_wrapper #reply-title { font-size: 30px; font-weight: 500; letter-spacing: 0.6px; margin-bottom: 40px; display: block; } .single-product .product #review_form_wrapper input::-moz-placeholder, .single-product .product #review_form_wrapper textarea::-moz-placeholder { font-size: 20px; font-style: italic; font-weight: 300; letter-spacing: 0.4px; } .single-product .product #review_form_wrapper input::placeholder, .single-product .product #review_form_wrapper textarea::placeholder { font-size: 20px; font-style: italic; font-weight: 300; letter-spacing: 0.4px; } .single-product .product #review_form_wrapper form .comment-form-rating { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; } .single-product .product #review_form_wrapper form .form-submit { text-align: center; } .single-product .product #review_form_wrapper form .form-submit #submit { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; color: white; border-radius: 0; } .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message a.wc-forward { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; color: white; border-radius: 0; width: -moz-fit-content; width: fit-content; margin: auto; font-size: 14px; } .woocommerce-cart .cart-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .woocommerce-cart .cart-container .woocommerce-cart-form table thead { font-size: 20px; white-space: nowrap; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr { font-size: 15px; font-weight: 500; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .product-remove { padding: 9px 4px; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .product-thumbnail { padding: 20px 12px; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .product-thumbnail a { height: 117px; width: 117px; display: block; padding: 12px; border: 1px solid #D9D9D9; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .product-thumbnail a img { width: 100%; -o-object-fit: contain; object-fit: contain; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .product-name a { max-width: 160px; display: block; color: black; text-decoration: underline; } .woocommerce-cart .cart-container .woocommerce-cart-form table tbody tr .actions .coupon .input-text { width: 100px; } .woocommerce-cart .cart-container .cart-collaterals .cart_totals { background-color: black; color: white; padding: 40px; width: unset; float: unset; } .woocommerce-cart .cart-container .cart-collaterals .cart_totals h2 { color: white; margin-bottom: 30px; } .woocommerce-cart .cart-container .cart-collaterals .cart_totals h2::after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0; } .woocommerce-cart .cart-container .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; color: white; border-radius: 0; width: -moz-fit-content; width: fit-content; margin: auto; font-size: 14px; } .woocommerce-cart .cart-container .cart-collaterals .cart_totals .woocommerce-shipping-totals .shipping-calculator-form button { background-color: #E30421; text-transform: uppercase; font-weight: 500; padding: 8px 10px 6px; line-height: 1rem; color: white; border-radius: 0; width: -moz-fit-content; width: fit-content; margin: auto; font-size: 14px; } @media (max-width: 768px) { .woocommerce-cart .cart-container { grid-template-columns: 1fr; } .woocommerce-cart .cart-container table.cart .product-remove a { margin: auto; } .woocommerce-cart .cart-container table.cart .product-thumbnail { display: block; } .woocommerce-cart .cart-container table.cart .product-thumbnail a { margin: auto; } .woocommerce-cart .cart-container table.cart .product-thumbnail::before { content: ''; } } .woocommerce-checkout { zoom: 1; position: relative; } .woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1fr; gap: 40px; } .woocommerce-checkout form.checkout h3:not(#ship-to-different-address) { text-transform: inherit; letter-spacing: .6px; margin: 0 0 40px; } .woocommerce-checkout form.checkout h3:not(#ship-to-different-address)::after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px 0; } .woocommerce-checkout form.checkout input { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .woocommerce-checkout form.checkout input[type="text"], .woocommerce-checkout form.checkout input[type="email"], .woocommerce-checkout form.checkout input[type="tel"], .woocommerce-checkout form.checkout input[type="password"], .woocommerce-checkout form.checkout select { width: 100%; height: 47px; border: 1px solid black; padding: 0 20px; margin-bottom: 20px; } .woocommerce-checkout form.checkout input[type="text"]::-moz-placeholder, .woocommerce-checkout form.checkout input[type="email"]::-moz-placeholder, .woocommerce-checkout form.checkout input[type="tel"]::-moz-placeholder, .woocommerce-checkout form.checkout input[type="password"]::-moz-placeholder, .woocommerce-checkout form.checkout select::-moz-placeholder { color: black; } .woocommerce-checkout form.checkout input[type="text"]::placeholder, .woocommerce-checkout form.checkout input[type="email"]::placeholder, .woocommerce-checkout form.checkout input[type="tel"]::placeholder, .woocommerce-checkout form.checkout input[type="password"]::placeholder, .woocommerce-checkout form.checkout select::placeholder { color: black; } .woocommerce-checkout form.checkout textarea { border: 1px solid black; padding: 8px 20px; } .woocommerce-checkout form.checkout .col2-set { display: flex; flex-direction: column; padding: 40px; box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); } .woocommerce-checkout form.checkout .col2-set .col-1, .woocommerce-checkout form.checkout .col2-set .col-2 { width: unset; } .woocommerce-checkout form.checkout .form-row { padding: 0; margin: 0; } .woocommerce-checkout form.checkout .form-row label { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; width: 1px; white-space: nowrap; } .woocommerce-checkout form.checkout .form-row .woocommerce-terms-and-conditions-wrapper label { position: unset !important; clip: unset; -webkit-clip-path: unset; clip-path: unset; overflow: unset; white-space: inherit; } .woocommerce-checkout form.checkout .form-row #billing_first_name_field, .woocommerce-checkout form.checkout .form-row #billing_last_name_field { float: unset; width: unset; } .woocommerce-checkout form.checkout .form-row#billing_country_field, .woocommerce-checkout form.checkout .form-row#shipping_country_field { height: 67px; } .woocommerce-checkout form.checkout .form-row .select2-selection { height: 47px; border: 1px solid black; border-radius: 0; } .woocommerce-checkout form.checkout .form-row .select2-selection .select2-selection__rendered { height: 47px; line-height: 47px; padding: 0 20px; } .woocommerce-checkout form.checkout .form-row .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); } .woocommerce-checkout form.checkout #ship-to-different-address { margin-bottom: 40px; } .woocommerce-checkout form.checkout #order_review { padding: 40px; background-color: black; color: white; } .woocommerce-checkout form.checkout #order_review h3 { color: white; } .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table { border: none; } .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table thead th, .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table thead td { border-bottom: 1px solid white; } .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th, .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td { border-bottom: 1px solid white; border-top: 1px solid white; } .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th, .woocommerce-checkout form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td { border-bottom: 1px solid white; } .woocommerce-checkout form.checkout #order_review #payment { background-color: transparent; } .woocommerce-checkout form.checkout #order_review #payment button#place_order { background-color: #E30421 !important; text-transform: uppercase !important; font-weight: 500; padding: 8px 10px 6px !important; line-height: 1rem !important; color: white; background-color: black; line-height: 1.4rem; font-size: 14px; border-radius: 0; cursor: pointer; float: inherit; margin: 40px auto; text-align: center; display: block; } @media (max-width: 768px) { .woocommerce-checkout form.checkout { grid-template-columns: 1fr; } .woocommerce-checkout form.checkout .col2-set { padding: 20px; } } .woocommerce-checkout .woocommerce-NoticeGroup-checkout { position: absolute; top: -35px; } .woocommerce-order-received h2 { letter-spacing: .6px; margin: 60px auto 40px; width: -moz-fit-content; width: fit-content; } .woocommerce-order-received h2::after { content: ''; display: block; width: 60px; height: 5px; background-color: #E30421; margin: 6px auto; } .woocommerce-order-received .woocommerce-thankyou-order-received { margin: 40px 0; } .woocommerce-account #breadcrumbs { margin-bottom: 20px; } .woocommerce-account h2 { width: -moz-fit-content; width: fit-content; margin: 0 auto 50px; } .woocommerce-account .woocommerce-MyAccount-navigation { box-shadow: 2px 4px 14px 0px rgba(0, 0, 0, 0.15); padding: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation li { padding: 20px 12px 18px; } .woocommerce-account .woocommerce-MyAccount-navigation li a { color: black; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { font-weight: 500; } .woocommerce-account .woocommerce-MyAccount-navigation li:not(:last-child) { border-bottom: 1px solid #D9D9D9; } .woocommerce-account .woocommerce-MyAccount-navigation .account-user-details { display: flex; align-items: center; gap: 8px; padding: 20px 12px 18px; border-bottom: 1px solid #D9D9D9; } .woocommerce-account .woocommerce-MyAccount-navigation .account-user-details span { font-weight: 500; text-transform: capitalize; } @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 40px; } } .woocommerce-account .woocommerce-MyAccount-content p { margin-bottom: 20px; } .woocommerce-account input { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .woocommerce-account input[type="text"], .woocommerce-account input[type="email"], .woocommerce-account input[type="tel"], .woocommerce-account input[type="password"], .woocommerce-account select { width: 100%; height: 47px; border: 1px solid black; padding: 0 20px; margin-bottom: 20px; } .woocommerce-account input[type="text"]::-moz-placeholder, .woocommerce-account input[type="email"]::-moz-placeholder, .woocommerce-account input[type="tel"]::-moz-placeholder, .woocommerce-account input[type="password"]::-moz-placeholder, .woocommerce-account select::-moz-placeholder { color: black; } .woocommerce-account input[type="text"]::placeholder, .woocommerce-account input[type="email"]::placeholder, .woocommerce-account input[type="tel"]::placeholder, .woocommerce-account input[type="password"]::placeholder, .woocommerce-account select::placeholder { color: black; } .woocommerce-account textarea { border: 1px solid black; padding: 8px 20px; } #fancybox-1 .f-button:not(:last-of-type) { display: none; } #fancybox-1 .fancybox__backdrop { background-color: #fff; }#calc_shipping_city_field, #calc_shipping_postcode_field { border: 1px solid #fff; } .page-id-10 #username, .page-id-10 #password, .page-id-10 #coupon_code { border: 1px solid #000; padding: 10px; } .page-id-10 .button { background-color: #E30421 !important; transition: all ease-in-out .15s; color: #fff !important; } .extendedwopts-col { float: none !important; width: auto !important; } .cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show { display: none; } #mailjet_woo_subscribe_ok_field .checkbox { height: 40px; position: relative !important; display: block; width: 100%; clip-path: unset; margin-bottom: 10px; } body:not(.woocommerce-page) .woocommerce-store-notice.demo_store { display: none !important; } em { font-style: italic !important; } /*POPIN YTOUBE*/ /* Déclencheur */ .gfm-popupvideo { cursor: pointer; text-align: center; font-weight: 500; text-decoration: underline; transition: all ease-in-out .15s; } .gfm-popupvideo:hover { color: #E30421; } /* Overlay */ .gfm-video-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, .82); padding: 20px; opacity: 0; transition: opacity .2s ease; } .gfm-video-modal.is-open { display: flex; opacity: 1; } /* Conteneur vidéo (ratio vertical 9:16 des Shorts) */ .gfm-video-modal__inner { position: relative; height: 90vh; max-height: 90vh; aspect-ratio: 9 / 16; max-width: 100%; } .gfm-video-modal__inner iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; display: block; background: #000; } /* Bouton fermer */ .gfm-video-modal__close { position: absolute; top: -14px; right: -14px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #111; font-size: 24px; line-height: 40px; text-align: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .4); } .gfm-video-modal__close:hover { background: #f0f0f0; } .postid-17990 .quantity { display: none; } /* Petits écrans : on ramène la croix dans le cadre */ @media (max-width: 480px) { .gfm-video-modal__close { top: 6px; right: 6px; } }