@charset "UTF-8";
.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;grid-column-start:3;cursor:pointer;content:"";background:var(--cmplz_category_open_icon_url) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open]{padding-bottom:1px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//jp-style.hr/wp-content/plugins/complianz-gdpr-premium/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
  :root {
--wvs-single-product-item-height: 48px;
--wvs-single-product-item-width: 48px;
}
body {
font-family: "Jost", sans-serif;
font-weight: 400;
font-style: normal;
}
body .scroll-effect {
opacity: 0;
transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
}
body .scroll-effect.appeared {
opacity: 1;
}
body .scroll-effect.se-left {
transform: translateX(-64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left {
transform: translateX(-80px);
}
}
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-right {
transform: translateX(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right {
transform: translateX(80px);
}
}
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-bottom {
transform: translateY(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom {
transform: translateY(80px);
}
}
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
}
body .scroll-effect.se-left-d {
opacity: 1;
}
@media screen and (max-width: 1024px) {
body .scroll-effect.se-left-d {
transition: none;
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d {
transform: translateX(-128px) !important;
opacity: 0;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
body .scroll-effect.se-right-d {
opacity: 1;
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d {
transform: translateX(64px) !important;
opacity: 0;
}
}
body .scroll-effect.se-right-d.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
form label {
display: block;
color: #1E1622;
}
form label .optional {
display: none;
}
form label .required {
color: #c88b43;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
form label.screen-reader-text + span input {
margin-top: 24px;
}
}
form select,
form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="password"],
form input[type="email"] {
width: 100% !important;
}
form .select2-container .select2-selection--single {
height: auto;
margin: 0;
border: 0;
}
form .select2-container .select2-selection__rendered {
line-height: inherit !important;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 8px;
}
form .woocommerce-form-login__rememberme {
margin-bottom: 16px;
cursor: pointer;
}
form button {
display: block;
background-color: #000;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 500;
letter-spacing: 0.05em;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0;
width: 100%;
border: 1px solid #000;
cursor: pointer;
}
@media screen and (min-width: 720px) {
form button {
padding: 4px 16px;
min-height: 42px;
}
}
form button:hover {
color: #000;
background-color: #fff;
}
form .woocommerce-shipping-methods button {
margin: 8px auto;
background-color: #fff;
color: #000;
border: 2px solid #000;
}
form .woocommerce-shipping-methods button:hover {
background-color: #000;
color: #fff;
}
form .woocommerce-LostPassword {
margin: 0;
text-align: center;
}
form .woocommerce-LostPassword a {
text-decoration: none;
}
form .woocommerce-LostPassword a:hover {
text-decoration: underline;
}      * {
box-sizing: border-box;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  body {
margin: 0;
overflow-x: hidden;
background-color: #fff;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: border-box;
}  body,
button,
input,
select,
.select2-selection__rendered,
optgroup,
textarea {
color: #000;
font-family: "Jost", sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #c88b43;
}
a:visited {
color: #c88b43;
}
a:hover,
a:focus,
a:active {
color: #805625;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 8px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.select2-selection__rendered,
textarea {
color: #1E1622;
border: 1px solid #C8C4C4;
border-radius: 0;
padding: 8px 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #1E1622;
}
select {
border: 1px solid #C8C4C4;
}
textarea {
width: 100%;
}  .site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.site-header {
padding: 16px;
margin: 0 auto;
max-width: 1440px;
position: relative;
}
@media screen and (min-width: 1240px) {
.site-header {
padding: 24px;
position: relative;
}
}
@media screen and (min-width: 1240px) {
.site-header {
min-height: 88px;
}
}
.site-header:after {
clear: both;
content: "";
display: block;
width: 100%;
}
.site-header-holder {
position: sticky;
z-index: 99;
top: 0;
background-color: #000;
border-bottom: 1px solid #000;
display: block;
}
.site-header-wrapper {
margin: 0 auto;
max-width: 1440px;
padding: 0 16px;
}
.site-header-wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1240px) {
.site-header-wrapper {
padding: 0 32px;
float: left;
width: 248px;
}
} .site-branding {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
right: 0;
left: 16px;
width: 128px;
z-index: 21;
}
.site-branding .logo {
margin: 0;
}
@media screen and (min-width: 1240px) {
.site-branding {
margin: 0;
width: 160px;
left: 24px;
}
}
@media screen and (min-width: 1440px) {
.site-branding {
width: 180px;
}
}
.site-branding a {
display: block;
}
.site-branding img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
} .header-items {
padding: 4px 0 0;
z-index: 10;
float: right;
}
.header-items:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1240px) {
.header-items {
position: static;
float: right;
padding: 0 0;
margin: 0;
width: calc(100% - 160px - 48px);
}
}
@media screen and (min-width: 1440px) {
.header-items {
width: calc(100% - 180px - 48px);
}
}
.header-item.site-navigation, .header-item.site-search, .header-item.site-wpml, .header-item.site-minicart, .header-item.site-account {
float: left;
margin-left: 12px;
}
@media screen and (min-width: 1240px) {
.header-item.site-navigation, .header-item.site-search, .header-item.site-wpml, .header-item.site-minicart, .header-item.site-account {
margin: 0 0 0 24px;
float: right;
}
}
.header-item.site-navigation.current-menu-item, .header-item.site-search.current-menu-item, .header-item.site-wpml.current-menu-item, .header-item.site-minicart.current-menu-item, .header-item.site-account.current-menu-item {
display: none;
}
@media screen and (min-width: 1240px) {
.header-item.site-navigation {
float: right;
}
}
@media screen and (min-width: 1240px) {
.header-item.site-wpml, .header-item.site-account {
position: relative;
}
}
.header-item-trigger {
min-width: 24px;
text-align: center;
display: block;
color: #fff;
font-size: 24px;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
}
@media screen and (min-width: 1240px) {
.header-item-trigger {
font-weight: 300;
margin-top: 8px;
}
}
.header-item-trigger:hover, .header-item-trigger:active, .header-item-trigger:focus {
color: #c88b43;
}
.header-item-trigger span {
display: none;
}
@media screen and (min-width: 1240px) {
.header-item-trigger.navigation-trigger {
display: none;
}
}
.header-item-trigger .site-minicart-counter {
position: absolute;
top: -25%;
right: -50%;
display: block;
background-color: #c88b43;
color: #fff;
border-radius: 50%;
font-size: 10px;
line-height: 20px;
min-width: 20px;
}
.header-item-trigger .site-minicart-counter.empty {
display: none;
}
.header-item-info {
font-size: 24px;
line-height: 1;
font-weight: 700;
background: #000;
padding: 12px 16px;
color: #fff;
margin: 0 0;
position: relative;
min-height: 48px;
}
.header-item-info-title {
position: absolute;
left: 16px;
margin: 0 auto;
text-align: center;
max-width: calc(100% - 90px);
top: 50%;
transform: translateY(-50%);
font-weight: 500;
}
.header-item-info.navigation-info .custom-logo-link {
display: inline-block;
}
.header-item-info.navigation-info .custom-logo-link img {
display: block;
margin: -8px 0;
width: 80px;
height: auto;
}
.header-item-close {
float: right;
cursor: pointer;
}
.header-item-overlay {
position: fixed;
overflow: hidden;
z-index: -1;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.25);
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content {
z-index: -1;
visibility: hidden;
overflow: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.active {
visibility: visible;
z-index: 10;
opacity: 1;
pointer-events: auto;
}
.header-item-content.active ~ .header-item-overlay {
z-index: 9;
overflow: hidden;
visibility: visible;
opacity: 1;
}
.header-item-content-info {
display: block;
position: relative;
}
.header-item-content.navigation-content {
position: fixed;
background-color: #fff;
width: 100vw;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 16px;
transition: 0.2s transform cubic-bezier(0.45, 0.25, 0.6, 0.95);
transform: translateX(-100%);
overflow: auto;
}
.header-item-content.navigation-content.active {
transform: translateX(0) scale(1);
z-index: 100;
}
@media screen and (min-width: 1240px) {
.header-item-content.navigation-content {
position: static;
top: unset;
bottom: unset;
left: unset;
right: unset;
text-align: center;
transform: none;
visibility: visible;
opacity: 1;
pointer-events: auto;
height: auto;
min-height: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 0;
background-color: transparent;
overflow: visible;
}
.header-item-content.navigation-content:before {
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
border-top: 1px solid #fff;
position: absolute;
}
.header-item-content.navigation-content .navigation-info {
display: none;
}
}
.header-item-content.search-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #c88b43;
border-top: 1px solid #c88b43;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
transform: translateY(-10%);
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content {
top: 100%;
right: 0;
left: auto;
width: 400px;
margin: 0;
border-radius: 0px;
border: 0;
padding: 16px;
position: absolute;
background-color: #fff;
}
}
.header-item-content.search-content.active {
transform: none;
}
.header-item-content.search-content .widget_product_search {
margin: 0;
}
.header-item-content.search-content .woocommerce-product-search {
position: relative;
}
.header-item-content.search-content .woocommerce-product-search:before {
display: none;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"] {
display: block;
width: 100%;
padding: 8px 48px 8px 0;
font-size: 16px;
line-height: 22px;
outline: none;
letter-spacing: 0.02em;
background-color: transparent;
color: #fff;
border: 0;
font-weight: 400;
border-radius: 0;
border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search input[type="search"] {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
background-color: transparent;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]:focus {
border-bottom: 2px solid #c88b43;
}
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]::-webkit-search-cancel-button {
position: relative;
right: 32px;
cursor: pointer;
-webkit-appearance: none;
width: 22px;
height: 22px;
display: none;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]::placeholder {
color: white;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search input[type="search"]::placeholder {
color: #fff;
text-decoration: none;
}
}
.header-item-content.search-content .woocommerce-product-search button[type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0 8px;
height: 100%;
background-color: transparent;
border: 0;
font-size: 0;
line-height: 0;
width: auto;
}
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
content: "\e928";
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:before {
color: #fff;
}
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:hover:before {
color: #c88b43;
}
}
.header-item-content.account-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #c88b43;
border-top: 1px solid #c88b43;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
}
@media screen and (min-width: 1240px) {
.header-item-content.account-content {
top: 100%;
right: 0;
left: auto;
width: 248px;
margin: 8px 0 0;
border: 0;
transform: none;
background-color: #fff;
border-radius: 0px;
}
}
.header-item-content.account-content .active {
transform: none;
}
.header-item-content.account-content ul {
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
.header-item-content.account-content ul li {
display: block;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
}
.header-item-content.account-content ul li:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.account-content ul a {
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.header-item-content.account-content ul a {
color: #c88b43;
}
.header-item-content.account-content ul a:hover {
color: #31210e;
}
}
.header-item-content.account-content ul a span {
line-height: 21px;
font-size: 18px;
vertical-align: text-top;
display: inline-block;
margin-right: 8px;
}
.header-item-content.wpml-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #000;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
}
@media screen and (min-width: 1240px) {
.header-item-content.wpml-content {
top: 100%;
right: 0;
left: auto;
width: 256px;
margin: 8px 0 0;
border: 0;
transform: none;
background-color: #000;
border-radius: 0px;
}
}
.header-item-content.wpml-content .active {
transform: none;
}
.header-item-content.wpml-content ul {
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
.header-item-content.wpml-content ul li {
display: block;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
}
.header-item-content.wpml-content ul li:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.wpml-content ul a {
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 24px;
padding: 0;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.header-item-content.wpml-content ul a {
color: #fff;
}
.header-item-content.wpml-content ul a:hover {
color: #c88b43;
}
}
.header-item-content.wpml-content ul a img {
margin-right: 12px;
}
.header-item-content.wpml-content ul a span {
line-height: 21px;
font-size: 18px;
vertical-align: text-top;
display: inline-block;
margin-right: 8px;
}
.header-item-content.wpml-content ul a span.wpml-ls-display {
display: none;
}
.header-item-content.minicart-content {
position: fixed;
background-color: #fff;
width: 100vw;
min-height: 100vh;
height: 100%;
left: auto;
right: 0;
top: 0;
bottom: 0;
transition: 0.2s transform cubic-bezier(0.45, 0.25, 0.6, 0.95);
transform: translateX(100%);
max-width: 420px;
}
.header-item-content.minicart-content:after {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 2;
}
.header-item-content.minicart-content.active {
transform: translateX(0) scale(1);
z-index: 100;
}
.header-item-content.minicart-content .woocommerce-mini-cart {
padding: 0;
margin: 0;
list-style: none;
max-height: calc(100vh - 230px);
overflow: auto;
}
.header-item-content.minicart-content .woocommerce-mini-cart__empty-message {
padding: 16px;
text-align: center;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item {
position: relative;
padding: 16px 32px 16px 120px;
display: grid;
min-height: 132px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .product-notice {
order: 5;
text-align: center;
padding: 8px 16px;
margin: 12px 0 0;
font-weight: 500;
font-size: 14px;
letter-spacing: 0;
border: 2px solid #c88b43;
background-color: #ebd4b9;
color: #c88b43;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.header-item-content.minicart-content .woocommerce-mini-cart-item .product-notice {
font-size: 14px;
}
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove {
position: absolute;
top: 16px;
right: 16px;
font-size: 0;
line-height: 22px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove:before {
font-size: 12px;
line-height: 22px;
content: "\e934";
vertical-align: middle;
font-family: "icomoon";
color: #fff;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove:hover:before {
color: #c88b43;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a {
font-size: 14px;
line-height: 20px;
text-decoration: none;
font-weight: 500;
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a:hover {
color: #c88b43;
}
@media screen and (min-width: 720px) {
.header-item-content.minicart-content .woocommerce-mini-cart-item a {
font-size: 16px;
}
}
.header-item-content.minicart-content .woocommerce-mini-cart-item img {
width: 75px;
height: auto;
aspect-ratio: 3/4;
object-fit: contain;
border-radius: 0px;
overflow: hidden;
position: absolute;
top: 16px;
left: 16px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #fff;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity span,
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity small {
vertical-align: bottom;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity span {
font-weight: 500;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation {
padding: 0;
margin: 16px 0;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dt {
font-weight: 400;
color: #fff;
font-size: 14px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd {
margin: 0;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd:not(:last-child) {
margin-bottom: 4px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd p {
margin: 0;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total {
padding: 16px;
margin: 0;
border-top: 1px solid #C8C4C4;
border-bottom: 1px solid #C8C4C4;
background-color: #ebd4b9;
color: #c88b43;
position: relative;
text-align: right;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total > strong {
float: left;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total:before {
content: "";
position: absolute;
bottom: 100%;
width: 100%;
height: 32px;
background: linear-gradient(2deg, #fff 0%, rgba(255, 255, 255, 0) 85%);
left: 0;
margin-bottom: 1px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-weight: 600;
letter-spacing: 0.05em;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons {
padding: 16px;
margin: 0;
display: flex;
flex-direction: column;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button {
order: 1;
display: block;
width: 100%;
text-align: center;
text-decoration: none;
padding: 8px 24px;
font-size: 14px;
line-height: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 3px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button:after {
display: none;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button.checkout {
order: 0;
background-color: #c88b43;
color: #fff;
margin-bottom: 8px;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button.checkout:hover {
background-color: #805625;
}
.header-message {
background-color: #c88b43;
}
.header-message-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 4px 12px;
}
@media screen and (min-width: 1240px) {
.header-message-wrapper {
padding: 8px 24px;
}
}
.header-message p {
margin: 0;
color: #fff;
font-weight: 500;
text-align: center;
font-size: 12px;
line-height: 1.75;
letter-spacing: 0.025em;
}
@media screen and (min-width: 720px) {
.header-message p {
font-size: 14px;
letter-spacing: 0.05em;
}
}
@media screen and (min-width: 1024px) {
.header-message p {
font-size: 16px;
}
}
.header-message p a {
font-weight: 600;
color: #fff;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-message p a:hover {
color: #bbb;
}
.shop-notice {
background-color: #fcf7eb;
padding: 16px;
max-width: 1392px;
margin: 24px auto;
}
@media screen and (min-width: 1024px) {
.shop-notice {
padding: 24px;
margin: 32px auto;
}
}
.shop-notice p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #E0BB8F;
letter-spacing: 0.02em;
margin: 0;
text-align: center;
}
@media screen and (min-width: 1024px) {
.shop-notice p {
font-size: 16px;
}
}
.shop-notice p:last-child {
margin-bottom: 0;
}
.cmplz-close {
display: none !important;
}
.site-footer {
margin: 0 auto;
background-color: #000;
display: flex;
padding: 0 0 0;
flex-direction: column;
width: 100%;
border-top: 1px solid #fff;
}
.site-footer .footer-divider {
fill: #fff;
height: 50px;
display: block;
margin: 0 0;
}
@media screen and (min-width: 720px) {
.site-footer {
display: block;
}
}
.site-footer .footer-widgets {
text-align: left;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
text-align: left;
padding: 48px 0 24px;
}
}
@media screen and (min-width: 1024px) {
.site-footer .footer-widgets {
grid-template-columns: 2fr 2fr 2fr 3fr;
gap: 32px;
}
}
@media screen and (min-width: 1240px) {
.site-footer .footer-widgets {
gap: 48px;
}
}
.site-footer .footer-widgets-wrapper {
margin: 16px 0;
color: #fff;
}
.site-footer .footer-widgets-wrapper {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-footer .footer-widgets-wrapper {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-footer .footer-widgets-wrapper {
font-size: 20px;
}
}
.site-footer .footer-widgets-wrapper strong {
font-weight: 500;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets-wrapper {
margin: 0;
}
}
.site-footer .footer-widgets .widget-title {
text-transform: uppercase;
text-decoration: none;
line-height: 24px;
font-weight: 500;
color: #fff;
letter-spacing: 0.05em;
display: block;
margin: 16px 0;
position: relative;
}
.site-footer .footer-widgets .widget-title {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-footer .footer-widgets .widget-title {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-footer .footer-widgets .widget-title {
font-size: 20px;
}
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title {
margin: 16px 0 24px;
}
}
.site-footer .footer-widgets .widget-title:after {
position: absolute;
top: calc(50% - 12px);
inset-inline-end: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
color: #fff;
font-weight: 400;
font-size: 16px;
transition: all .25s ease;
content: "\e90b";
font-family: "icomoon";
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title:after {
display: none;
pointer-events: none;
}
}
.site-footer .footer-widgets .widget-title + * {
display: none !important;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title + * {
display: block !important;
}
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title + .footer-news {
display: grid !important;
}
}
.site-footer .footer-widgets .widget-title.active:after {
transform: rotate(180deg);
}
.site-footer .footer-widgets .widget-title.active + * {
display: block !important;
}
.site-footer .footer-widgets .widget-title.active + .footer-news {
display: grid !important;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget {
display: block;
}
}
.site-footer .footer-widgets .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .footer-widgets .widget ul li {
padding: 0;
margin: 0 0 8px;
}
.site-footer .footer-widgets .widget ul li:before {
display: none;
}
.site-footer .footer-widgets .widget ul li a {
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #fff;
}
.site-footer .footer-widgets .widget ul li a {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-footer .footer-widgets .widget ul li a {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-footer .footer-widgets .widget ul li a {
font-size: 18px;
}
}
.site-footer .footer-widgets .widget ul li a:hover {
color: #c88b43;
}
.site-footer .footer-widgets .widget .footer-text {
line-height: 2;
}
.site-footer .footer-widgets .widget .footer-text {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-footer .footer-widgets .widget .footer-text {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-footer .footer-widgets .widget .footer-text {
font-size: 22px;
}
}
.site-footer .footer-widgets .widget .footer-text i {
vertical-align: middle;
}
.site-footer .footer-widgets .widget .footer-text a {
text-decoration: none;
color: #fff;
}
.site-footer .footer-widgets .widget .footer-text a:hover {
color: #c88b43;
}
.site-footer .footer-widgets .widget .footer-indent {
display: block;
padding-left: 22px;
line-height: 1;
margin-bottom: 8px;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget .footer-indent {
padding-left: 24px;
}
}
.site-footer .footer-widgets .widget .footer-news {
display: grid;
gap: 8px;
}
.site-footer .footer-widgets .widget .footer-news-post {
display: grid;
grid-template-columns: 80px 2fr;
gap: 16px;
justify-content: center;
align-items: center;
}
.site-footer .footer-widgets .widget .footer-news-post:not(:last-child) {
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
}
.site-footer .footer-widgets .widget .footer-news-post-image img {
aspect-ratio: 1;
object-fit: cover;
display: block;
width: 100%;
border-radius: 2px;
}
.site-footer .footer-widgets .widget .footer-news-post-info h4 {
margin: 0;
color: #fff;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
font-family: "Jost", sans-serif;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
.site-footer .footer-widgets .widget .footer-news-post-info h4 {
font-size: 16px;
line-height: 1.25;
}
}
.site-footer .footer-widgets .widget .footer-news-post-info a {
text-decoration: none;
}
.site-footer .footer-widgets .widget .footer-news-post-info a:hover h4 {
color: #c88b43;
}
.site-footer .footer-widgets .social-icons {
padding: 0;
margin: 0;
}
.site-footer .footer-widgets .social-icons li {
display: inline-block;
margin-right: 8px;
}
.site-footer .footer-widgets .social-icons li a {
display: block;
height: 24px;
line-height: 24px;
border-radius: 50%;
text-decoration: none;
text-align: center;
color: #fff;
}
.site-footer .footer-widgets .social-icons li a:before {
font-family: "icomoon";
content: "";
color: #fff;
}
.site-footer .footer-widgets .social-icons li a.ig:before {
content: "\e91b";
}
.site-footer .footer-widgets .social-icons li a.fb:before {
content: "\e914";
}
.site-footer .footer-widgets .social-icons li a.pi:before {
content: "\e914";
}
.site-footer .col-full {
order: 1;
}
.site-footer .footer-logo {
order: 0;
margin: 0 auto;
padding-bottom: 16px;
border-bottom: 1px solid #fff;
}
.site-footer .footer-logo img {
width: 180px;
display: block;
height: auto;
}
@media screen and (min-width: 720px) {
.site-footer .footer-logo img {
width: 240px;
}
}
@media screen and (min-width: 1024px) {
.site-footer .footer-logo img {
width: 280px;
}
}
.footer-copyright {
order: 99;
border-top: 1px solid #fff;
background-color: #E4D3C0;
padding: 16px 0;
}
@media screen and (min-width: 720px) {
.footer-copyright {
padding: 24px 0;
}
}
.footer-copyright .copyright-title {
display: none;
}
.footer-copyright p {
margin: 0;
line-height: 1.25;
color: #fff;
font-weight: 400;
letter-spacing: 0.05em;
text-align: left;
}
.footer-copyright p {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.footer-copyright p {
font-size: calc(14px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.footer-copyright p {
font-size: 18px;
}
}
.widget-social-icons {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
gap: 16px;
}
@media screen and (min-width: 720px) {
.widget-social-icons {
gap: 24px;
}
}
.widget-social-icons li {
margin: 0 !important;
}
.widget-social-icons li a {
line-height: 1.25;
color: #fff;
}
.widget-social-icons li a {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.widget-social-icons li a {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.widget-social-icons li a {
font-size: 22px;
}
}
.widget-social-icons li a span {
display: none;
}
.widget-social-icons li a:before {
line-height: 1;
font-family: "icomoon";
color: #fff;
}
.widget-social-icons li a:before {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.widget-social-icons li a:before {
font-size: calc(20px + 12 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.widget-social-icons li a:before {
font-size: 32px;
}
}
.widget-social-icons li a.facebook:before {
content: "\e914";
}
.widget-social-icons li a.instagram:before {
content: "\e91b";
}
.widget-social-icons li a.linkedin:before {
content: "\e91c";
}
.widget-social-icons li a.tiktok:before {
content: '';
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/tiktok.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px auto;
filter: brightness(0) invert(1);
display: inline-block;
width: 20px;
height: 20px;
}
.woocommerce-store-notice.demo_store {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
margin: 0;
background: #faf1ee;
z-index: 111111;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
border-top: 4px solid #b556a8;
}
.woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link {
background: #b556a8;
padding: 8px 16px;
text-decoration: none;
color: #fff;
border-radius: 8px;
font-weight: 500;
display: block;
margin: 12px auto 0;
width: 140px;
}
.otgs-development-site-front-end {
display: none !important;
}
.primary-navigation {    }
.primary-navigation span.wpml-ls-display {
display: none;
}
@media screen and (max-width: 1239px) {
.primary-navigation ul.menu {
display: block;
margin: 0;
padding: 0 0 24px 0;
list-style: none;
}
.primary-navigation ul.menu > li {
display: block;
position: relative;
}
.primary-navigation ul.menu > li:not(:last-child) > a {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.primary-navigation ul.menu > li:first-child > a.active {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.primary-navigation ul.menu > li:first-child > .sub-menu-trigger.active {
border-top: 1px solid rgba(0, 0, 0, 0.1);
height: 50px;
}
.primary-navigation ul.menu > li > a {
text-decoration: none;
font-size: 14px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.025em;
color: #1E1622;
text-transform: uppercase;
display: block;
padding: 12px 16px;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.primary-navigation ul.menu > li > a.active {
background-color: #c88b43;
color: #fff;
}
.primary-navigation ul.menu > li.menu-item-has-children > a {
width: calc(100% - 60px);
}
.primary-navigation ul.menu > li > .sub-menu {
display: none;
padding: 0;
margin: 0;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li {
position: relative;
width: 100%;
}
.primary-navigation ul.menu > li > .sub-menu > li:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.primary-navigation ul.menu > li > .sub-menu > li > a {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
text-decoration: none;
font-size: 14px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.025em;
color: #1E1622;
padding: 8px 16px;
width: 100%;
background-color: rgba(0, 0, 0, 0.025);
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu-trigger {
display: none;
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu {
padding: 0;
margin: 0;
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu a {
padding: 6px 32px;
display: block;
text-decoration: none;
font-size: 14px;
line-height: 24px;
font-weight: 400;
letter-spacing: 0.025em;
color: #1E1622;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.025);
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu .sub-menu {
display: none;
}
.primary-navigation ul.menu .sub-menu-trigger {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 49px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
color: #1E1622;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.primary-navigation ul.menu .sub-menu-trigger:before {
width: 20px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
content: "\e90d";
font-size: 20px;
line-height: 20px;
font-family: "icomoon";
transform: translateX(-50%) translateY(-50%) rotate(90deg);
font-weight: 100;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.primary-navigation ul.menu .sub-menu-trigger.active {
background-color: #c88b43;
color: #fff;
}
.primary-navigation ul.menu .sub-menu-trigger.active:before {
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.primary-navigation ul.menu .sub-menu-trigger.active + .sub-menu {
display: block;
}
}
@media screen and (min-width: 1240px) {
.primary-navigation ul.menu {
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
list-style: none;
}
.primary-navigation ul.menu > li {
display: block;
outline: none;
width: 100%;
padding-bottom: 24px;
margin-bottom: -24px;
}
.primary-navigation ul.menu > li a {
padding: 8px 16px;
display: block;
text-decoration: none;
font-weight: 400;
letter-spacing: 0.025em;
font-size: 18px;
line-height: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
outline: none;
white-space: nowrap;
color: #fff;
}
.primary-navigation ul.menu > li a:hover {
color: #c88b43;
}
.primary-navigation ul.menu > li.current-product-ancestor > a, .primary-navigation ul.menu > li.current-product_cat-ancestor > a, .primary-navigation ul.menu > li.current-menu-item > a {
color: #c88b43;
}
.primary-navigation ul.menu > li.current-product-ancestor > a:after, .primary-navigation ul.menu > li.current-product_cat-ancestor > a:after, .primary-navigation ul.menu > li.current-menu-item > a:after {
height: 1px;
background-color: #c88b43;
display: block;
position: absolute;
left: 32px;
right: 32px;
bottom: 12px;
}
.primary-navigation ul.menu > li > .sub-menu {
position: absolute;
top: 100%;
display: none;
left: 0;
right: 0;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
background-color: #fff;
width: 100%;
text-align: left;
padding: 32px 32px;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin: 0 auto;
max-width: 1920px;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li {
text-align: left;
position: relative; }
.primary-navigation ul.menu > li > .sub-menu > li a {
font-weight: 500;
color: #000;
transition: 0.2s ease;
}
.primary-navigation ul.menu > li > .sub-menu > li a:hover {
color: #c88b43;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu {
margin: 8px 0 0;
padding: 0;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu li:not(:last-child) {
margin-bottom: 8px;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu a {
font-weight: 400;
text-transform: none;
}
.primary-navigation ul.menu > li > .sub-menu a {
padding: 0;
}
.primary-navigation ul.menu > li.small-submenu {
position: relative;
}
.primary-navigation ul.menu > li.small-submenu > .sub-menu {
min-width: 268px;
max-width: 268px;
grid-template-columns: repeat(1, 1fr);
}
.primary-navigation ul.menu > li.small-submenu.wpml-ls-item > .sub-menu {
min-width: 80px;
max-width: 80px;
padding: 24px;
}
.primary-navigation ul.menu > li.small-submenu.wpml-ls-item > .sub-menu li {
text-align: center;
}
.primary-navigation ul.menu > li:hover .sub-menu {
display: grid;
}
}
@media screen and (min-width: 1440px) {
.primary-navigation ul.menu {
gap: 8px;
}
.primary-navigation ul.menu li a {
font-size: 19px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-container.fullscreen {
padding: 0;
height: 100vh;
}
.video-container.old {
padding-bottom: 75%; }
.video-container video,
.video-container iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
}
.woocommerce-error,
.woocommerce-message {
max-width: 1392px;
width: 100%;
margin: 24px auto;
padding: 8px 16px;
border-radius: 4px;
}
.woocommerce-error.align-center,
.woocommerce-message.align-center {
text-align: center;
}
.woocommerce-error li,
.woocommerce-message li {
list-style-type: none;
}
.woocommerce-error[role="alert"],
.woocommerce-message[role="alert"] {
background-color: #fcf7eb;
color: #E0BB8F;
font-weight: 600;
}
.woocommerce-error[role="alert"] a,
.woocommerce-message[role="alert"] a {
color: #E0BB8F;
font-weight: 700;
}
.woocommerce-error[role="alert"] a:hover,
.woocommerce-message[role="alert"] a:hover {
text-decoration: none;
}
.nn-cta {
display: block;
width: 100%;
line-height: 1.25;
border: 1px solid #1E1622;
color: #1E1622;
text-transform: uppercase;
text-align: center;
padding: 8px 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
letter-spacing: 0.05em;
}
.nn-cta {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.nn-cta {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.nn-cta {
font-size: 22px;
}
}
@media screen and (min-width: 1024px) {
.nn-cta {
padding: 12px 24px;
}
}
.nn-cta:hover {
background-color: #1E1622;
color: #fff;
}
.nn-more-button {
border-bottom: 2px solid #c88b43;
color: #1E1622;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.nn-more-button:visited {
color: #1E1622;
}
.nn-more-button:hover {
border-color: transparent;
color: #c98170;
}
.svg-top {
position: absolute;
top: 0;
fill: #faf7f2;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.svg-bottom {
position: absolute;
bottom: 0;
fill: #faf7f2;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.grecaptcha-badge {
transform: translateX(100px);
}
.storefront-breadcrumb {
margin: 0 auto;
max-width: 1920px;
padding: 8px 16px 0;
color: #fff;
font-size: 12px;
background-color: #D7B8A3;
display: none;
}
@media screen and (min-width: 1024px) {
.storefront-breadcrumb {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.storefront-breadcrumb {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.storefront-breadcrumb {
padding: 8px 24px;
}
}
.storefront-breadcrumb .breadcrumb-separator {
padding: 0 8px;
}
.storefront-breadcrumb a {
color: #000;
text-decoration: none;
padding: 0;
}
.storefront-breadcrumb a:before {
display: none !important;
}
.product-template-default .storefront-breadcrumb .col-full {
border: 0;
padding: 0;
}
.site-main {
margin: 0 auto;
max-width: 1440px;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.site-main {
padding: 0 24px;
}
}
.page-template-template-cms .entry-header {
display: none;
}
.site-main {
max-width: 1240px;
margin: 0 auto;
}
.site-main .entry-header {
text-align: center;
color: #c88b43;
}
.site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6 {
max-width: 1024px;
font-weight: 600;
color: #c88b43;
margin: 32px auto 24px;
}
@media screen and (min-width: 720px) {
.site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6 {
margin: 48px auto 24px;
}
}
.site-main h2 strong, .site-main h3 strong, .site-main h4 strong, .site-main h5 strong, .site-main h6 strong {
font-weight: 600;
}
.site-main h2 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.site-main h2 {
font-size: calc(20px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main h2 {
font-size: 26px;
}
}
.site-main h3 {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.site-main h3 {
font-size: calc(18px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main h3 {
font-size: 20px;
}
}
.site-main h4 {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-main h4 {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main h4 {
font-size: 18px;
}
}
.site-main h5 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.site-main h5 {
font-size: calc(14px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main h5 {
font-size: 16px;
}
}
.site-main h6 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.site-main h6 {
font-size: calc(14px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main h6 {
font-size: 16px;
}
}
.site-main p {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.site-main p {
font-size: 18px;
}
}
.site-main p strong {
font-weight: 600;
}
.site-main p a {
font-weight: 500;
text-decoration: none;
}
.site-main ol,
.site-main ul {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.site-main ol,
.site-main ul {
font-size: 18px;
}
}
.site-main ol strong,
.site-main ul strong {
font-weight: 600;
}
.site-main ol li,
.site-main ul li {
font-size: 16px;
line-height: 1.75;
}
@media screen and (min-width: 720px) {
.site-main ol li,
.site-main ul li {
font-size: 18px;
}
}
.site-main ol a,
.site-main ul a {
font-weight: 500;
text-decoration: none;
}
.site-main figure {
text-align: center;
}
.site-main figure img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.site-main figure figcaption {
font-size: 14px;
line-height: 1.5;
color: #1E1622;
letter-spacing: 0.025em;
font-style: italic;
}
@media screen and (min-width: 720px) {
.site-main figure figcaption {
font-size: 16px;
}
}
.site-content {
overflow: hidden;
}
.wpcf7-form {
display: flex;
flex-direction: column;
}
.wpcf7-form .wpcf7-response-output {
margin: 0 auto !important;
width: 100%;
}
.complaints-form {
max-width: 820px;
width: 100%;
margin: 32px auto;
}
.complaints-form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.complaints-form-fields {
grid-template-columns: 1fr 1fr;
}
}
.complaints-form-field {
position: relative;
margin: 0;
}
@media screen and (min-width: 720px) {
.complaints-form-field.wide {
grid-column: 1 / 3;
}
}
.complaints-form-field.checkbox .wpcf7-list-item label input {
display: none;
}
.complaints-form-field.checkbox .wpcf7-list-item label input[type="hidden"] + span:before,
.complaints-form-field.checkbox .wpcf7-list-item label input[type="hidden"] + label:before, .complaints-form-field.checkbox .wpcf7-list-item label input:checked + span:before,
.complaints-form-field.checkbox .wpcf7-list-item label input:checked + label:before {
border-color: #c88b43;
}
.complaints-form-field.checkbox .wpcf7-list-item label input[type="hidden"] + span:after,
.complaints-form-field.checkbox .wpcf7-list-item label input[type="hidden"] + label:after, .complaints-form-field.checkbox .wpcf7-list-item label input:checked + span:after,
.complaints-form-field.checkbox .wpcf7-list-item label input:checked + label:after {
opacity: 1;
}
.complaints-form-field.checkbox .wpcf7-list-item label > span,
.complaints-form-field.checkbox .wpcf7-list-item label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.complaints-form-field.checkbox .wpcf7-list-item label > span:before,
.complaints-form-field.checkbox .wpcf7-list-item label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.complaints-form-field.checkbox .wpcf7-list-item label > span:after,
.complaints-form-field.checkbox .wpcf7-list-item label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.complaints-form-field.checkbox .wpcf7-list-item label > span:hover:before,
.complaints-form-field.checkbox .wpcf7-list-item label label:hover:before {
border-color: #c88b43;
}
.complaints-form-field.upload input[type="file"] {
position: relative;
}
.complaints-form-field.upload input[type="file"]::file-selector-button {
width: 104px;
color: transparent;
}
.complaints-form-field.upload input[type="file"]::before {
position: absolute;
pointer-events: none;
top: 10px;
left: 12px;
height: 20px;
width: 20px;
content: "";
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/download.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.complaints-form-field.upload input[type="file"]::after {
position: absolute;
pointer-events: none;
top: 10px;
left: 39px;
color: #c88b43;
content: "Upload";
}
.complaints-form-field.upload input[type="file"]::file-selector-button {
border-radius: 0;
padding: 0 16px;
height: 39px;
cursor: pointer;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
margin-right: 16px;
transition: background-color 200ms;
}
.complaints-form-field.upload input[type="file"]::file-selector-button:hover {
background-color: #f3f4f6;
}
.complaints-form-field.upload input[type="file"]::file-selector-button:active {
background-color: #e5e7eb;
}
.complaints-form-field .wpcf7-radio label input {
display: none;
}
.complaints-form-field .wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:before,
.complaints-form-field .wpcf7-radio label input[type="hidden"] + label:before, .complaints-form-field .wpcf7-radio label input:checked + span.wpcf7-list-item-label:before,
.complaints-form-field .wpcf7-radio label input:checked + label:before {
border-color: #c88b43;
}
.complaints-form-field .wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:after,
.complaints-form-field .wpcf7-radio label input[type="hidden"] + label:after, .complaints-form-field .wpcf7-radio label input:checked + span.wpcf7-list-item-label:after,
.complaints-form-field .wpcf7-radio label input:checked + label:after {
opacity: 1;
}
.complaints-form-field .wpcf7-radio label span.wpcf7-list-item-label,
.complaints-form-field .wpcf7-radio label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.complaints-form-field .wpcf7-radio label span.wpcf7-list-item-label:before,
.complaints-form-field .wpcf7-radio label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.complaints-form-field .wpcf7-radio label span.wpcf7-list-item-label:after,
.complaints-form-field .wpcf7-radio label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.complaints-form-field .wpcf7-radio label span.wpcf7-list-item-label:hover:before,
.complaints-form-field .wpcf7-radio label label:hover:before {
border-color: #c88b43;
}
@media screen and (min-width: 720px) {
.complaints-form-field .wpcf7-radio label {
font-size: 16px;
}
}
.complaints-form-field select {
color: #222;
border: 1px solid #C8C4C4;
border-radius: 0;
padding: 8px 16px;
-webkit-appearance: none;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/select-bg.svg);
background-repeat: no-repeat;
background-size: auto 16px;
background-position: right center;
background-position: calc(100% - 16px) center;
}
.complaints-form-field.brand-radio {
background: #f5f5f5;
padding: 16px;
border-radius: 0px;
}
.complaints-form-field.brand-radio .wpcf7-form-control {
display: grid;
grid-template-columns: 1fr;
gap: 12px 16px;
}
@media screen and (min-width: 480px) {
.complaints-form-field.brand-radio .wpcf7-form-control {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 720px) {
.complaints-form-field.brand-radio .wpcf7-form-control {
grid-template-columns: 1fr 1fr 1fr;
}
}
.complaints-form-field.brand-radio .wpcf7-form-control .wpcf7-list-item {
margin: 0;
display: block;
font-size: 16px;
}
.complaints-form-field.title {
font-weight: 600;
font-size: 18px;
margin: 24px 0 0;
color: #c88b43;
}
@media screen and (min-width: 1024px) {
.complaints-form-field.title {
font-size: 20px;
}
}
.complaints-form-field > label {
display: block;
margin: 0 0 8px;
font-weight: 500;
font-size: 16px;
color: #3f4146;
}
.complaints-form-field > label > .wpcf7-form-control-wrap {
display: block;
margin: 8px 0 0;
}
.complaints-form-field p {
font-size: 16px;
line-height: 1.5;
margin: 16px 0;
}
@media screen and (min-width: 1024px) {
.complaints-form-field p {
font-size: 18px;
}
}
.complaints-form-field p a {
font-weight: 500;
}
.complaints-form-label {
display: block;
margin: 0 0 8px;
font-weight: 600;
font-size: 16px;
color: #c88b43;
}
@media screen and (min-width: 1024px) {
.complaints-form-label {
margin: 0 0 16px;
}
}
.complaints-form .product-selection-subitems {
padding: 16px 0;
}
.complaints-form .product-selection-subitems div {
display: none;
}
.complaints-form .product-selection-subitems div.active {
display: block;
}
.complaints-form .product-selection-subitems .hide-first .wpcf7-radio .wpcf7-list-item.first {
display: none;
}
.complaints-form .compliants-from-notice-images {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 1024px) {
.complaints-form .compliants-from-notice-images {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
.complaints-form .compliants-from-notice-images:not(:empty) {
padding: 16px 0 0;
}
.complaints-form .compliants-from-notice-images img {
border-radius: 0px;
}
.complaints-form .compliants-from-notice .notice {
display: none;
padding: 16px;
margin: 0;
background-color: #fcf7eb;
border-color: #E0BB8F;
border-width: 2px;
border-style: solid;
border-radius: 0px;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.complaints-form .compliants-from-notice .notice {
font-size: 16px;
}
}
.complaints-form .compliants-from-notice .notice.active {
display: block;
}
.complaints-form label {
color: #1E1622;
}
.complaints-form input {
display: block;
width: 100%;
}
.complaints-form textarea {
display: block;
width: 100%;
max-width: 100%;
resize: none;
height: 120px;
}
.complaints-form input[type="submit"] {
display: block;
background-color: #c88b43;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 1px solid #c88b43;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.complaints-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.complaints-form input[type="submit"]:hover {
color: #c88b43;
background-color: #fff;
}
.complaints-form + .wpcf7-response-output {
max-width: 820px;
margin: 24px auto;
text-align: left;
font-size: 16px;
line-height: 1.6;
color: #222;
font-weight: 500;
}
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.contact-page-form .form-row {
position: relative;
margin: 0;
}
.contact-page-form .form-row.form-row-wide {
grid-column: 1 / 3;
}
.contact-page-form label {
color: #1E1622;
}
.contact-page-form input {
display: block;
width: 100%;
}
.contact-page-form textarea {
display: block;
width: 100%;
max-width: 100%;
resize: none;
height: 120px;
}
.contact-page-form input[type="submit"] {
display: block;
background-color: #c88b43;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 1px solid #c88b43;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.contact-page-form input[type="submit"]:hover {
color: #c88b43;
background-color: #fff;
}
.contact-page-info {
padding: 16px;
background-color: #F7F2E9;
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 0px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.cmplz-document.cookie-statement {
margin: 0 auto;
}
.cmplz-document.cookie-statement p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #1E1622;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cmplz-document.cookie-statement p {
font-size: 16px;
}
}
.cmplz-document.cookie-statement p:last-child {
margin-bottom: 0;
}
#sib-container {
max-width: 640px;
margin: 0 auto;
padding: 16px;
background-color: #ebd4b9;
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
#sib-container {
padding: 32px;
}
}
#sib-container .sib-form .input_replaced:checked + .checkbox_tick_positive {
background: #c88b43;
border-color: #c88b43;
}
#sib-container fieldset {
border: 0;
padding: 0;
margin: 0;
}
#sib-container input::placeholder {
color: #444 !important;
}
#sib-container label {
font-size: 14px;
line-height: 1.5;
font-weight: 500;
margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
#sib-container label {
font-size: 16px;
}
}
#sib-container .entry__choice a {
color: #c88b43;
font-family: "Jost", sans-serif !important;
}
#sib-container .entry__choice a:hover {
text-decoration: none !important;
}
table.kontrola-ulistavanja {
border-collapse: collapse;
}
table.kontrola-ulistavanja th,
table.kontrola-ulistavanja td {
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 8px 16px;
max-width: 600px !important;
}
table.kontrola-ulistavanja tr {
background-color: #fff;
}
table.kontrola-ulistavanja tr:nth-child(odd) {
background-color: #f5f5f5;
}
table.kontrola-ulistavanja thead tr {
background-color: #ddd !important;
text-transform: uppercase;
text-align: left;
}
.kontrola-ulistavanja-title {
margin-top: 80px;
font-weight: 600;
}
.kontrola-ulistavanja-title span {
font-weight: 400;
}
.featured-picker {
width: 100%;
}
.featured-picker ul.products {
margin: 0;
max-width: 100%;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px 16px;
}
@media screen and (min-width: 600px) {
.featured-picker ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.featured-picker ul.products {
grid-template-columns: repeat(3, 1fr);
}
.featured-picker ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.featured-picker ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.featured-picker ul.products {
gap: 32px 24px;
}
}
@media screen and (min-width: 1240px) {
.featured-picker ul.products {
gap: 48px 32px;
}
}
.archive.category .site-main,
.page-template-template-homepage .site-main {
max-width: 100%;
padding: 0;
}
.archive.category .entry-title,
.page-template-template-homepage .entry-title {
display: none;
}
.section-staff {
margin: 32px auto;
}
@media screen and (min-width: 1024px) {
.section-staff {
margin: 48px auto;
}
}
.section-staff h2 {
max-width: 1920px;
display: block;
width: 100%;
border-bottom: 1px solid #c88b43;
line-height: 1.25;
margin: 0 auto 32px;
font-weight: 400;
letter-spacing: 0.05em;
color: #1E1622;
padding: 0 24px 8px;
font-family: "Jost", sans-serif;
}
.section-staff h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.section-staff h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff h2 {
font-size: 48px;
}
}
.section-staff-wrapper {
display: grid;
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
}
.section-staff-wrapper .staff-list {
display: grid;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
gap: 0;
max-width: 1440px;
margin: 0 auto;
}
.section-staff-wrapper .staff-item {
display: grid;
grid-template-columns: 1fr;
justify-content: center;
gap: 8px;
}
@media screen and (min-width: 720px) {
.section-staff-wrapper .staff-item {
grid-template-columns: 1fr 1fr;
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.section-staff-wrapper .staff-item {
gap: 64px;
}
}
.section-staff-wrapper .staff-item-image {
order: 1;
}
.section-staff-wrapper .staff-item-content {
order: 2;
padding: 24px 0;
}
.section-staff-wrapper .staff-item-content h3 {
line-height: 1.25;
color: #1E1622;
font-weight: 400;
margin: 0 0 8px;
font-family: "Jost", sans-serif;
}
.section-staff-wrapper .staff-item-content h3 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.section-staff-wrapper .staff-item-content h3 {
font-size: calc(20px + 22 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff-wrapper .staff-item-content h3 {
font-size: 42px;
}
}
.section-staff-wrapper .staff-item-content .position {
line-height: 1.25;
margin: 0 0 24px;
color: #444;
}
.section-staff-wrapper .staff-item-content .position {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.section-staff-wrapper .staff-item-content .position {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff-wrapper .staff-item-content .position {
font-size: 24px;
}
}
.section-staff-wrapper .staff-item-content .description p {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-staff-wrapper .staff-item-content .description p {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff-wrapper .staff-item-content .description p {
font-size: 20px;
}
}
.section-staff-wrapper .staff-item-content .wp-block-details {
margin: 0 0 16px;
}
.section-staff-wrapper .staff-item-content .wp-block-details summary {
display: block;
width: 100%;
line-height: 1.25;
border: 1px solid #1E1622;
color: #1E1622;
text-transform: uppercase;
text-align: center;
padding: 8px 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
letter-spacing: 0.05em;
}
.section-staff-wrapper .staff-item-content .wp-block-details summary {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-staff-wrapper .staff-item-content .wp-block-details summary {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff-wrapper .staff-item-content .wp-block-details summary {
font-size: 22px;
}
}
@media screen and (min-width: 1024px) {
.section-staff-wrapper .staff-item-content .wp-block-details summary {
padding: 12px 24px;
}
}
.section-staff-wrapper .staff-item-content .wp-block-details summary:hover {
background-color: #1E1622;
color: #fff;
}
@media screen and (min-width: 720px) {
.section-staff-wrapper .staff-item:nth-child(2n) .staff-item-image {
order: 3;
}
}
.section-staff-wrapper .staff-item .link .button {
display: block;
width: 100%;
line-height: 1.25;
border: 1px solid #1E1622;
color: #1E1622;
text-transform: uppercase;
text-align: center;
padding: 8px 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
letter-spacing: 0.05em;
}
.section-staff-wrapper .staff-item .link .button {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-staff-wrapper .staff-item .link .button {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-staff-wrapper .staff-item .link .button {
font-size: 22px;
}
}
@media screen and (min-width: 1024px) {
.section-staff-wrapper .staff-item .link .button {
padding: 12px 24px;
}
}
.section-staff-wrapper .staff-item .link .button:hover {
background-color: #1E1622;
color: #fff;
}
.section-reviews-slider {
background-color: #fff;
color: #1E1622;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.section-reviews-slider {
padding: 48px;
}
}
@media screen and (min-width: 1024px) {
.section-reviews-slider {
padding: 64px;
}
}
@media screen and (min-width: 1240px) {
.section-reviews-slider {
padding: 80px;
}
}
.section-reviews-slider .section-reviews-slider-background {
position: absolute;
top: 0;
left: 0;
z-index: 0;
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.section-reviews-slider h2 {
max-width: 1440px;
display: block;
width: 100%;
line-height: 1.25;
text-align: center;
margin: 0 auto 32px;
font-weight: 400;
letter-spacing: 0.05em;
color: #1E1622;
padding: 0 24px;
position: relative;
z-index: 2;
font-family: "Jost", sans-serif;
}
.section-reviews-slider h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.section-reviews-slider h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-reviews-slider h2 {
font-size: 48px;
}
}
.section-reviews-slider .owl-carousel {
position: relative;
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
z-index: 2;
}
.section-reviews-slider .owl-carousel .owl-dots {
text-align: center;
}
.section-reviews-slider .owl-carousel .owl-dots button {
width: 32px;
height: 4px;
margin: 4px 8px;
padding: 0;
opacity: 0.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
.section-reviews-slider .owl-carousel .owl-dots button {
width: 48px;
}
}
.section-reviews-slider .owl-carousel .owl-dots button:hover {
opacity: 0.75;
}
.section-reviews-slider .owl-carousel .owl-dots button.active {
opacity: 1;
}
.section-reviews-slider .owl-carousel .owl-item {
padding: 16px;
text-align: center;
}
.section-reviews-slider .owl-carousel .owl-item h3 {
font-weight: 400;
color: #1E1622;
font-family: "Jost", sans-serif;
margin: 0 0 24px;
}
.section-reviews-slider .owl-carousel .owl-item h3 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.section-reviews-slider .owl-carousel .owl-item h3 {
font-size: calc(20px + 12 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-reviews-slider .owl-carousel .owl-item h3 {
font-size: 32px;
}
}
.section-reviews-slider .owl-carousel .owl-item p {
line-height: 1.25;
min-height: 4 lh;
}
.section-reviews-slider .owl-carousel .owl-item p {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-reviews-slider .owl-carousel .owl-item p {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-reviews-slider .owl-carousel .owl-item p {
font-size: 20px;
}
}
.section-reviews-slider .owl-carousel .owl-item p:empty {
display: none;
}
.section-reviews-slider .owl-carousel .owl-item .rating {
margin: 0 0 8px;
letter-spacing: 0.05em;
}
.section-reviews-slider .owl-carousel .owl-item .rating {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.section-reviews-slider .owl-carousel .owl-item .rating {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-reviews-slider .owl-carousel .owl-item .rating {
font-size: 24px;
}
}
.section-reviews-slider .owl-carousel .owl-item .author {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-reviews-slider .owl-carousel .owl-item .author {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-reviews-slider .owl-carousel .owl-item .author {
font-size: 18px;
}
}
.section-reviews-slider.white {
position: relative;
z-index: 1;
}
.section-reviews-slider.white:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(64, 47, 47, 0.3);
}
.section-reviews-slider.white h2, .section-reviews-slider.white .slider-review-item h3, .section-reviews-slider.white p, .section-reviews-slider.white div {
color: #fff;
}
.site-main .featured-categories {
margin: 0 auto !important;
padding: 48px 0;
}
@media screen and (min-width: 720px) {
.site-main .featured-categories {
padding: 64px 0;
}
}
@media screen and (min-width: 1440px) {
.site-main .featured-categories {
padding: 80px 0;
}
}
.site-main .featured-categories h2 {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
}
.site-main .featured-categories h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.site-main .featured-categories h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .featured-categories h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.site-main .featured-categories h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.site-main .featured-categories h2 {
margin-bottom: 40px;
}
}
.site-main .featured-categories h2 small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.site-main .featured-categories h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.site-main .featured-categories h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .featured-categories h2 small {
font-size: 32px;
}
}
.site-main .featured-categories-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.site-main .featured-categories-grid {
gap: 24px;
grid-template-columns: repeat(4, 1fr);
}
}
.site-main .featured-categories-item {
border: 1px solid #000;
}
.site-main .featured-categories-item a {
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0px;
text-align: center;
color: #1E1622;
font-weight: 400;
line-height: 1.35;
text-decoration: none;
font-family: "Jost", sans-serif;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.site-main .featured-categories-item a {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.site-main .featured-categories-item a {
font-size: 32px;
}
}
.site-main .featured-categories-item a .image-wrapper {
overflow: hidden;
display: block;
margin: 0 auto 16px;
}
.site-main .featured-categories-item a img {
display: block;
width: 100%;
object-fit: cover;
margin: 0;
aspect-ratio: 1;
height: auto;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-main .featured-categories-item a span {
display: block;
padding: 0 8px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 720px) {
.site-main .featured-categories-item a span {
display: -webkit-box;
padding: 0 24px;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.site-main .featured-categories-item a .button {
display: block;
width: 100%;
line-height: 1.25;
border: 1px solid #1E1622;
color: #1E1622;
text-transform: uppercase;
text-align: center;
padding: 8px 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
letter-spacing: 0.05em;
}
.site-main .featured-categories-item a .button {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-main .featured-categories-item a .button {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .featured-categories-item a .button {
font-size: 22px;
}
}
@media screen and (min-width: 1024px) {
.site-main .featured-categories-item a .button {
padding: 12px 24px;
}
}
.site-main .featured-categories-item a .button-wrapper {
padding: 24px;
}
.site-main .featured-categories-item a .button:hover {
background-color: #1E1622;
color: #fff;
}
.site-main .featured-categories-item a:hover img {
transform: scale(1.05);
}
.site-main .featured-categories-item a:hover .button {
background-color: #1E1622;
color: #fff;
}
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 24px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 32px;
}
}
@media screen and (min-width: 1240px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 16px 48px;
}
}
.block-cf7-custom .form-fields h2,
.contact-page-form .form-fields h2 {
color: #1E1622;
font-family: "Jost", sans-serif;
}
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr;
}
}
.block-cf7-custom .form-fields .form-fields .wide,
.contact-page-form .form-fields .form-fields .wide {
grid-column: span 1;
}
.block-cf7-custom .form-fields .form-fields ~ .form-fields,
.contact-page-form .form-fields .form-fields ~ .form-fields {
grid-template-columns: 1fr;
}
.block-cf7-custom .form-field,
.contact-page-form .form-field {
position: relative;
margin: 0;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-field.wide, .block-cf7-custom .form-field.form-row-wide,
.contact-page-form .form-field.wide,
.contact-page-form .form-field.form-row-wide {
grid-column: 1 / 3;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater-container,
.contact-page-form .cf7-repeater-container {
grid-column: 1 / 3;
}
}
.block-cf7-custom .cf7-repeater,
.contact-page-form .cf7-repeater {
padding: 0;
}
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
border-radius: 0px;
padding: 16px;
background-color: #F7F2E9;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
padding: 24px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-header,
.contact-page-form .cf7-repeater .repeater-field-header {
display: flex;
width: 100%;
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
display: block;
background-color: #fff;
background-position: center;
color: #c88b43;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 2px solid #c88b43;
cursor: pointer;
max-width: 280px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
padding: 4px 16px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add:hover,
.contact-page-form .cf7-repeater .repeater-field-button-add:hover {
opacity: 1;
color: #fff;
background-color: #c88b43;
}
.block-cf7-custom label,
.contact-page-form label {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #1E1622;
display: block;
}
@media screen and (min-width: 720px) {
.block-cf7-custom label,
.contact-page-form label {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom label,
.contact-page-form label {
font-size: 18px;
}
}
.block-cf7-custom label .wpcf7-form-control-wrap,
.contact-page-form label .wpcf7-form-control-wrap {
margin-top: 10px;
display: block;
}
.block-cf7-custom input:not([type="radio"]),
.block-cf7-custom input:not([type="checkbox"]),
.contact-page-form input:not([type="radio"]),
.contact-page-form input:not([type="checkbox"]) {
border-radius: 0px;
display: block;
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 8px 16px;
}
.block-cf7-custom textarea,
.contact-page-form textarea {
border-radius: 0px;
display: block;
width: 100%;
max-width: 100%;
resize: none;
min-height: 120px;
}
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
display: block;
background-color: #1E1622;
background-position: center;
color: #fff;
line-height: 1.5;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 1px solid #c88b43;
cursor: pointer;
letter-spacing: 0.05em;
}
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
font-size: calc(18px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
font-size: 20px;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 50px;
}
}
.block-cf7-custom input[type="submit"]:hover,
.contact-page-form input[type="submit"]:hover {
color: #1E1622;
background-color: #fff;
border-color: #1E1622;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + span.wpcf7-list-item-label:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + span.wpcf7-list-item-label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:before {
border-color: #c88b43;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + span.wpcf7-list-item-label:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span.wpcf7-list-item-label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + span.wpcf7-list-item-label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label span.wpcf7-list-item-label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:hover:before {
border-color: #c88b43;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before {
border-color: #c88b43;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:hover:before {
border-color: #c88b43;
}
.block-cf7-custom .wpcf7-spinner,
.contact-page-form .wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
display: block;
margin: 8px auto;
}
.contact-page-info {
padding: 16px;
background-color: #F7F2E9;
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 0px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.site-main .block-cf7-custom {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
max-width: 1240px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.site-main .block-cf7-custom {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.site-main .block-cf7-custom {
padding-top: 64px;
padding-bottom: 64px;
}
}
.site-main .block-cf7-custom-title {
text-align: center;
line-height: 1;
max-width: 100%;
margin: 0 auto 8px;
font-family: "Jost", sans-serif;
color: #1E1622;
font-weight: 400;
}
.site-main .block-cf7-custom-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.site-main .block-cf7-custom-title {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .block-cf7-custom-title {
font-size: 32px;
}
}
.site-main .block-cf7-custom-description {
text-align: center;
line-height: 1.5;
font-weight: 400;
color: #444;
}
.site-main .block-cf7-custom-description {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.site-main .block-cf7-custom-description {
font-size: calc(18px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .block-cf7-custom-description {
font-size: 22px;
}
}
.site-main .block-cf7-custom .form-container {
margin-top: 32px;
}
.site-main .block-cf7-custom.dark:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-color: #1E1622;
display: block;
}
.site-main .block-cf7-custom.dark .block-cf7-custom-title,
.site-main .block-cf7-custom.dark label {
color: #fff;
}
.site-main .block-cf7-custom.dark .block-cf7-custom-description {
color: #C8C4C4;
}
.site-main .block-cf7-custom.dark input:not([type="submit"]),
.site-main .block-cf7-custom.dark textarea {
background-color: #444;
border: 0;
color: #fff;
}
.section-text-columns.background {
background-color: #F3EFEA;
background-position: center top;
background-repeat: no-repeat;
background-size: auto 100%;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.section-text-columns.background {
padding: 48px 0;
}
}
.section-text-columns + .section-text-columns .section-text-columns-wrapper {
padding-top: 0;
margin-top: 0;
}
.section-text-columns-wrapper {
padding-top: 48px;
padding-bottom: 48px;
margin: 0 auto;
max-width: 1240px !important;
}
@media screen and (min-width: 720px) {
.section-text-columns-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-columns-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-columns-wrapper h2 {
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
margin: 0;
color: #1E1622;
font-weight: 500;
font-family: "Jost", sans-serif;
}
@media screen and (max-width: 320px) {
.section-text-columns-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-wrapper h2 {
font-size: 36px;
}
}
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 24px;
}
@media screen and (min-width: 720px) {
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 32px;
}
}
.section-text-columns-grid {
display: grid;
gap: 32px;
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
gap: 80px;
}
}
.section-text-columns-box h3 {
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box h3 {
font-size: 32px;
}
}
.section-text-columns-box p {
margin: 0;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box p {
font-size: 18px;
}
}
.section-text-columns-box p:not(:last-child) {
margin-bottom: 8px;
}
@media screen and (min-width: 720px) {
.section-text-columns-box p:not(:last-child) {
margin-bottom: 16px;
}
}
.section-text-columns-box ol,
.section-text-columns-box ul {
padding: 0 0 0 24px;
margin: 16px 0;
}
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 18px;
}
}
.section-text-columns-box ol li:not(:last-child),
.section-text-columns-box ul li:not(:last-child) {
margin-bottom: 8px;
}
.section-text-columns-box table {
margin: 24px 0;
text-align: left;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
border-collapse: collapse;
}
@media screen and (max-width: 320px) {
.section-text-columns-box table {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box table {
font-size: 18px;
}
}
.section-text-columns-box table tr {
background-color: #fff;
}
.section-text-columns-box table tr:nth-child(odd) {
background-color: #bbb;
}
.section-text-columns-box table th {
font-weight: 600;
background-color: #C8C4C4;
}
.section-text-columns-box table th,
.section-text-columns-box table td {
padding: 4px 16px;
}
.cms-section .site-content {
max-width: 1920px;
padding: 0;
}
.cms-section section {
margin: 48px auto;
max-width: 1920px;
}
@media screen and (min-width: 720px) {
.cms-section section {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.cms-section section {
margin: 80px auto;
display: grid;
grid-template-columns: 2fr 3fr;
}
}
@media screen and (min-width: 1240px) {
.cms-section section {
margin: 120px auto;
}
}
.cms-section section:last-child {
margin-bottom: 0;
}
.cms-section-title {
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 32px;
}
@media screen and (min-width: 1024px) {
.cms-section-title {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.cms-section-content p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #1E1622;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cms-section-content p {
font-size: 16px;
}
}
.cms-section-content p:last-child {
margin-bottom: 0;
}
.home.page-template .site-header-holder {
margin-bottom: 0;
}
.home.page-template .site-main {
margin: 0 auto;
padding: 0;
max-width: 100%;
}
.home.page-template .site-content {
padding: 0;
margin: 0 auto;
max-width: 100%;
}
.home.page-template section {
margin: 0 auto 48px;
}
@media screen and (min-width: 720px) {
.home.page-template section {
margin-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.home.page-template section {
margin-bottom: 80px;
}
}
.main-slider {
margin: 0 auto !important;
position: relative;
}
.main-slider .owl-stage-outer .owl-item {
opacity: 0.33;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-slider .owl-stage-outer .owl-item.active {
opacity: 1;
}
.container {
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
}
@media screen and (min-width: 720px) {
.container {
padding: 0 32px;
}
}
.home-benefits {
max-width: 100%;
background-color: #F3EFEA;
padding: 32px 0;
margin: 0 auto !important;
}
@media screen and (min-width: 720px) {
.home-benefits {
padding: 48px 0;
}
}
@media screen and (min-width: 1240px) {
.home-benefits {
padding: 64px 0;
}
}
.home-benefits-wrapper {
max-width: 1440px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 1024px) {
.home-benefits-wrapper {
grid-template-columns: 1fr;
gap: 32px;
}
}
.home-benefits-intro {
padding: 0 24px;
max-width: 100%;
}
.home-benefits-intro .subtitle {
font-family: "Jost", sans-serif;
font-weight: 400;
text-align: center;
max-width: 100%;
color: #1E1622;
}
.home-benefits-intro .subtitle {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.home-benefits-intro .subtitle {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-intro .subtitle {
font-size: 32px;
}
}
.home-benefits-intro .title {
font-family: "Jost", sans-serif;
font-weight: 400;
color: #1E1622;
margin: 8px 0;
line-height: 1.1;
text-align: center;
max-width: 100%;
}
.home-benefits-intro .title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.home-benefits-intro .title {
font-size: calc(24px + 18 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-intro .title {
font-size: 42px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-intro .title {
margin: 16px 0;
}
}
.home-benefits-intro .text {
font-size: 14px;
line-height: 1.5;
color: #847979;
margin: 16px 0;
text-align: center;
max-width: 100%;
}
.home-benefits-intro .text {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.home-benefits-intro .text {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-intro .text {
font-size: 20px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-intro .text {
margin: 24px 0;
}
}
.home-benefits-box {
min-width: 100%;
}
.home-benefits-carousel {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 16px;
}
@media screen and (min-width: 720px) {
.home-benefits-carousel {
grid-template-columns: repeat(4, 1fr);
padding: 0 32px;
background-size: 100% auto;
}
}
.home-benefits-slide img {
display: block;
max-width: 240px;
height: auto;
width: 90%;
margin: 0 auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: 100%;
background-color: transparent;
border: 1px solid #1E1622;
}
.home-benefits-slide .title {
font-family: "Jost", sans-serif;
line-height: 1.5;
font-weight: 400;
color: #1E1622;
margin: 12px 0 8px;
text-align: center;
}
.home-benefits-slide .title {
font-size: 22px;
}
@media screen and (min-width: 360px) {
.home-benefits-slide .title {
font-size: calc(22px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-slide .title {
font-size: 26px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-slide .title {
margin: 24px 0 8px;
}
}
.home-benefits-slide p {
max-width: 290px;
margin: 0 auto;
text-align: center;
font-weight: 400;
line-height: 1.6;
color: #847979;
margin-bottom: 16px;
}
.home-benefits-slide p {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.home-benefits-slide p {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-slide p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-slide p {
max-width: 200px;
}
}
.page-template .site-main .featured-products {
position: relative;
}
.page-template .site-main .featured-products {
padding-top: 48px;
}
@media screen and (min-width: 320px) {
.page-template .site-main .featured-products {
padding-top: calc(48px + 32 * ((100vw - 320px) / 1000));
}
}
@media screen and (min-width: 1320px) {
.page-template .site-main .featured-products {
padding-top: 80px;
}
}
.page-template .site-main .featured-products {
padding-bottom: 48px;
}
@media screen and (min-width: 320px) {
.page-template .site-main .featured-products {
padding-bottom: calc(48px + 32 * ((100vw - 320px) / 1000));
}
}
@media screen and (min-width: 1320px) {
.page-template .site-main .featured-products {
padding-bottom: 80px;
}
}
.page-template .site-main .featured-products-title {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
}
.page-template .site-main .featured-products-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .site-main .featured-products-title {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .site-main .featured-products-title {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.page-template .site-main .featured-products-title {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.page-template .site-main .featured-products-title {
margin-bottom: 40px;
}
}
.page-template .site-main .featured-products-title small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.page-template .site-main .featured-products-title small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .site-main .featured-products-title small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .site-main .featured-products-title small {
font-size: 32px;
}
}
.page-template .site-main .featured-products-list {
padding: 0;
margin: 0 auto;
max-width: 1440px;
}
.page-template .site-main .featured-products-list ul.products {
margin: 0;
padding: 0 24px 16px;
list-style: none;
display: flex;
overflow: auto;
max-width: 100%;
width: 100%;
}
@media screen and (min-width: 720px) {
.page-template .site-main .featured-products-list ul.products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
@media screen and (min-width: 1024px) {
.page-template .site-main .featured-products-list ul.products {
gap: 24px;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1240px) {
.page-template .site-main .featured-products-list ul.products {
gap: 32px;
}
}
@media screen and (min-width: 720px) {
.page-template .site-main .featured-products-list ul.products.owl-carousel {
display: block;
overflow: unset;
max-width: 100%;
}
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-stage-outer {
padding: 16px 0;
overflow: visible;
}
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-nav {
position: absolute;
top: -80px;
right: 24px;
}
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-nav button {
position: static;
transform: none;
}
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-nav button.owl-prev {
margin-right: 8px;
}
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-nav button.owl-next {
margin-left: 8px;
}
}
@media screen and (min-width: 1024px) {
.page-template .site-main .featured-products-list ul.products.owl-carousel .owl-nav {
top: -92px;
}
}
.page-template .site-main .featured-products-list li.product {
min-width: 75%;
margin-right: 16px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template .site-main .featured-products-list li.product {
min-width: 0;
margin: 0;
}
}
.page-template .site-main .featured-products-list li.product .button {
position: relative;
z-index: 11;
display: block !important;
}
.page-template .blog-news-title {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
margin: 0 auto !important;
}
.page-template .blog-news-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .blog-news-title {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .blog-news-title {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.page-template .blog-news-title {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.page-template .blog-news-title {
margin-bottom: 40px;
}
}
.page-template .blog-news-title small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.page-template .blog-news-title small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .blog-news-title small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .blog-news-title small {
font-size: 32px;
}
}
.page-template .blog-news-intro {
text-align: center;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.page-template .blog-news-intro {
margin-bottom: 32px;
}
}
.page-template .blog-news-intro p {
margin: 0 auto;
font-size: 14px;
line-height: 1.5;
color: #847979;
}
@media screen and (min-width: 720px) {
.page-template .blog-news-intro p {
margin: 0 auto;
}
}
.page-template .blog-news-carousel .owl-nav button.owl-prev {
left: 4px;
}
.page-template .blog-news-carousel .owl-nav button.owl-next {
right: 4px;
}
.page-template .blog-news-post {
position: relative;
}
.page-template .blog-news-post-thumb {
display: block;
background-color: #F7F2E9;
}
.page-template .blog-news-post img {
display: block;
position: relative;
margin: 0;
object-fit: cover;
aspect-ratio: 3/4;
width: 100%;
}
@media screen and (min-width: 720px) {
.page-template .blog-news-post img {
aspect-ratio: 6/7;
}
}
.page-template .blog-news-post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.8) 100%);
padding: 16px;
text-align: center;
}
.page-template .blog-news-post-categories {
margin: 0;
list-style-type: none;
display: inline-block;
background-color: #c98170;
padding: 4px 16px;
line-height: 1;
}
.page-template .blog-news-post-categories a {
color: #fff;
font-weight: 600;
font-size: 10px;
line-height: 16px;
position: relative;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
@media screen and (min-width: 720px) {
.page-template .blog-news-post-categories a {
font-size: 12px;
line-height: 12px;
}
}
.page-template .blog-news-post a {
text-decoration: none;
cursor: pointer;
}
.page-template .blog-news-post h3 {
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 500;
padding: 0 24px;
margin: 16px 0;
}
@media screen and (min-width: 720px) {
.page-template .blog-news-post h3 {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 1024px) {
.page-template .blog-news-post h3 {
font-size: 24px;
line-height: 32px;
}
}
.page-template .blog-news-post-date {
position: absolute;
background-color: #fff;
top: 16px;
left: 16px;
z-index: 1;
padding: 0;
text-align: center;
min-width: 56px;
}
.page-template .blog-news-post-date .day {
font-size: 24px;
line-height: 1;
display: block;
padding: 8px 8px 4px;
}
.page-template .blog-news-post-date .month {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
padding-bottom: 8px;
}
.page-template .blog-news-post-info.relative {
position: relative;
background: transparent;
top: -28px;
}
.page-template .blog-news-post-info.relative h3 {
color: #1E1622;
margin: 16px 0;
}
.page-template .blog-news-post-info.relative p {
margin: 0;
color: #847979;
}
.page-template .blog-news-footer {
text-align: center;
margin: 32px auto 0;
}
.page-template .blog-news-footer a {
display: inline-block;
}
.brands-slider-wrapper {
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.brands-slider-wrapper {
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.brands-slider-wrapper {
margin-bottom: 64px;
}
}
.brands-slider-wrapper h2 {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
margin-bottom: 24px !important;
}
.brands-slider-wrapper h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.brands-slider-wrapper h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.brands-slider-wrapper h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.brands-slider-wrapper h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.brands-slider-wrapper h2 {
margin-bottom: 40px;
}
}
.brands-slider-wrapper h2 small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.brands-slider-wrapper h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.brands-slider-wrapper h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.brands-slider-wrapper h2 small {
font-size: 32px;
}
}
.brands-slider .owl-nav button {
width: 44px;
height: 44px;
border: 2px solid #eee !important;
background-color: #fff;
}
.brands-slider .owl-nav button:hover {
border-color: #c88b43 !important;
background-color: #fff;
}
.brands-slider .owl-nav button.owl-prev {
left: 0;
transform: translateY(-50%) translateX(-50%);
}
.brands-slider .owl-nav button.owl-next {
right: 0;
transform: translateY(-50%) translateX(50%);
}
.brands-slider .owl-dots {
position: absolute;
top: 100%;
margin-top: 16px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.brands-slider .owl-dots {
bottom: 48px;
}
}
.brands-slider .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
border: 1px solid #C8C4C4 !important;
}
@media screen and (min-width: 720px) {
.brands-slider .owl-dots button {
width: 10px;
height: 10px;
}
}
.brands-slider .owl-dots button:hover {
background-color: #dfbc92;
}
.brands-slider .owl-dots button.active {
background-color: #c88b43;
}
.brands-slider img {
display: block;
aspect-ratio: 3/2;
object-fit: contain;
width: 100%;
height: auto;
border: 2px solid #F7F2E9;
padding: 8px 16px;
background-color: white;
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
.brands-slider img {
padding: 12px 24px;
}
}
.brands-slider img:hover {
border: 2px solid #C8C4C4;
}
.page-template-page-landing .storefront-breadcrumb {
display: none;
}
.page-template-page-landing .site-main .entry-header .entry-title {
color: #805625;
text-align: center;
font-weight: 600;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-header .entry-title {
margin-bottom: 32px;
}
}
.page-template-page-landing .site-main .entry-content {
margin: 0 auto;
max-width: 1240px;
}
.page-template-page-landing .site-main .entry-content .wp-block-gallery,
.page-template-page-landing .site-main .entry-content .block-accordion,
.page-template-page-landing .site-main .entry-content .block-accordion-links {
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.page-template-page-landing .site-main .entry-content .wp-block-gallery.gallery-half,
.page-template-page-landing .site-main .entry-content .block-accordion.gallery-half,
.page-template-page-landing .site-main .entry-content .block-accordion-links.gallery-half {
max-width: 420px;
}
.page-template-page-landing .site-main .entry-content .wp-block-gallery.margin-top,
.page-template-page-landing .site-main .entry-content .block-accordion.margin-top,
.page-template-page-landing .site-main .entry-content .block-accordion-links.margin-top {
margin-top: 64px !important;
}
.page-template-page-landing .site-main .entry-content .wp-block-gallery.margin-bottom,
.page-template-page-landing .site-main .entry-content .block-accordion.margin-bottom,
.page-template-page-landing .site-main .entry-content .block-accordion-links.margin-bottom {
margin-bottom: 64px !important;
}
.page-template-page-landing .site-main .entry-content h2, .page-template-page-landing .site-main .entry-content h3, .page-template-page-landing .site-main .entry-content h4, .page-template-page-landing .site-main .entry-content h5, .page-template-page-landing .site-main .entry-content h6 {
max-width: 820px;
margin: 24px auto;
color: #1E1622;
text-align: left;
}
.page-template-page-landing .site-main .entry-content h2.has-text-align-center, .page-template-page-landing .site-main .entry-content h3.has-text-align-center, .page-template-page-landing .site-main .entry-content h4.has-text-align-center, .page-template-page-landing .site-main .entry-content h5.has-text-align-center, .page-template-page-landing .site-main .entry-content h6.has-text-align-center {
text-align: center;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content h2, .page-template-page-landing .site-main .entry-content h3, .page-template-page-landing .site-main .entry-content h4, .page-template-page-landing .site-main .entry-content h5, .page-template-page-landing .site-main .entry-content h6 {
margin: 32px auto;
}
}
.page-template-page-landing .site-main .entry-content > p {
max-width: 820px;
margin: 0 auto 16px;
text-align: left;
font-size: 16px;
line-height: 1.6;
color: #1E1622;
}
.page-template-page-landing .site-main .entry-content > p.has-text-align-center {
text-align: center;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content > p {
margin: 0 auto 24px;
font-size: 18px;
}
}
.page-template-page-landing .site-main .entry-content > p strong {
font-weight: 600;
}
.page-template-page-landing .site-main .entry-content .wp-block-image {
max-width: 820px;
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content .wp-block-image {
margin: 0 auto 24px;
}
}
.page-template-page-landing .site-main .entry-content ol,
.page-template-page-landing .site-main .entry-content ul {
max-width: 820px;
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content ol,
.page-template-page-landing .site-main .entry-content ul {
margin: 0 auto 24px;
}
}
.page-template-page-landing .site-main .entry-content ol li,
.page-template-page-landing .site-main .entry-content ul li {
text-align: left;
font-size: 16px;
line-height: 1.25;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content ol li,
.page-template-page-landing .site-main .entry-content ul li {
font-size: 18px;
}
}
.page-location-header {
text-align: center;
max-width: 720px;
margin: 0 auto;
padding: 16px;
}
.page-location-header h1 {
margin: 0;
font-size: 32px;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.page-location-header h1 {
font-size: 40px;
}
}
.page-location-header p {
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.page-location-header p {
font-size: 18px;
}
}
.page-location-nav {
display: none;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
max-width: 1240px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.page-location-nav {
grid-template-columns: repeat(2, 1fr);
}
}
.page-location-nav.active {
display: grid;
}
.page-location-nav-item {
padding: 24px;
background-color: #F3EFEA;
font-size: 32px;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.025em;
cursor: pointer;
position: relative;
}
@media screen and (min-width: 720px) {
.page-location-nav-item {
padding: 32px;
}
}
.page-location-nav-item:after {
content: "";
z-index: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-nav-item:hover:after {
opacity: 1;
}
.page-location-nav-item strong {
position: relative;
display: block;
padding-right: 16px;
margin-bottom: 16px;
}
.page-location-nav-item strong:after {
position: absolute;
right: 0;
font-family: "icomoon";
content: "\e905";
vertical-align: middle;
font-weight: 400;
}
.page-location-nav-item span {
display: block;
font-size: 14px;
font-weight: 500;
color: #444;
text-transform: uppercase;
}
.page-location-groups {
padding: 32px 0;
max-width: 1240px;
margin: 0 auto;
}
.page-location-stores {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
display: none;
}
@media screen and (min-width: 720px) {
.page-location-stores {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media screen and (min-width: 1024px) {
.page-location-stores {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.page-location-stores.active {
display: grid;
}
.page-location-stores h2 {
display: none;
}
.page-location-store {
position: relative;
padding: 16px;
}
@media screen and (min-width: 720px) {
.page-location-store {
padding: 24px;
}
}
.page-location-store:after {
content: "";
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
opacity: 1;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-store h3 {
margin: 0;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.page-location-store h3 {
font-size: 24px;
}
}
.page-location-store ul {
padding: 0;
margin: 0;
list-style: none;
display: grid;
gap: 4px;
}
.page-location-store ul li {
margin: 0;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
@media screen and (min-width: 720px) {
.page-location-store ul li {
font-size: 16px;
}
}
.page-location-store ul li.address {
color: #847979;
margin-bottom: 8px;
}
.page-location-store ul li a {
text-decoration: none;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #1E1622;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-store ul li a:hover {
color: #c88b43;
}
@media screen and (min-width: 720px) {
.page-location-store ul li a {
font-size: 16px;
}
}
.page-location-store ul li a:before {
font-family: "icomoon";
margin-right: 8px;
vertical-align: middle;
}
.page-location-store ul li a.email:before {
content: "\e91f";
}
.page-location-store ul li a.map:before {
content: "\e920";
}
.page-location-store ul li a.phone:before {
content: "\e926";
}
.page-location-store ul li a.url:before {
content: "\e913";
}
.page-location-store p span.tel {
font-family: "icomoon";
content: "\e905";
vertical-align: middle;
font-weight: 400;
}
.page-location-back {
font-size: 24px;
line-height: 32px;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px 0;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.page-location-back {
grid-column: span 2;
}
}
@media screen and (min-width: 1024px) {
.page-location-back {
grid-column: span 3;
}
}
.page-location-back:hover {
color: #c88b43;
}
.page-location-back:before {
margin-right: 16px;
position: relative;
font-family: "icomoon";
content: "\e904";
vertical-align: text-top;
font-weight: 400;
line-height: 32px;
}
.single-posao .storefront-breadcrumb {
display: none;
}
.single-posao .site-main {
max-width: 100%;
margin: 0;
padding: 0;
}
.article-oglas {
margin: 0 auto;
}
.article-oglas .entry-header {
margin: 0 auto;
max-width: 1024px;
padding: 32px 16px;
}
.article-oglas .entry-header-wrapper {
position: relative;
margin: 0 auto;
padding-bottom: 50px;
background: #F3EFEA;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-header-wrapper {
margin: 0 auto;
}
}
.article-oglas .entry-header .entry-title {
margin: 0 auto;
color: #c88b43;
}
.article-oglas .entry-header p {
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: #c88b43;
}
.article-oglas .entry-header a {
background-color: #c88b43;
background-position: center;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px 32px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto;
border-radius: 0;
font-size: 12px;
border: 1px solid #c88b43;
border-bottom: 3px solid #31210e;
z-index: 2;
position: relative;
display: inline-block;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-header a {
font-size: 14px;
}
}
.article-oglas .entry-header a:hover {
background-color: #31210e;
border: 1px solid #31210e;
border-bottom: 3px solid #31210e;
}
.article-oglas .entry-content {
margin: 0 auto;
max-width: 1024px;
padding: 0 16px;
}
.article-oglas .entry-content > img.wp-post-image {
display: block;
aspect-ratio: 16/9;
object-fit: cover;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content > img.wp-post-image {
aspect-ratio: 2/1;
}
}
.article-oglas .entry-content h2, .article-oglas .entry-content h3, .article-oglas .entry-content h4, .article-oglas .entry-content h5, .article-oglas .entry-content h6 {
max-width: 720px;
font-weight: 600;
color: #c88b43;
margin: 32px auto 24px;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content h2, .article-oglas .entry-content h3, .article-oglas .entry-content h4, .article-oglas .entry-content h5, .article-oglas .entry-content h6 {
margin: 48px auto 24px;
}
}
.article-oglas .entry-content h2 strong, .article-oglas .entry-content h3 strong, .article-oglas .entry-content h4 strong, .article-oglas .entry-content h5 strong, .article-oglas .entry-content h6 strong {
font-weight: 600;
}
.article-oglas .entry-content h2 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.article-oglas .entry-content h2 {
font-size: calc(20px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .entry-content h2 {
font-size: 26px;
}
}
.article-oglas .entry-content h3 {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.article-oglas .entry-content h3 {
font-size: calc(18px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .entry-content h3 {
font-size: 20px;
}
}
.article-oglas .entry-content h4 {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.article-oglas .entry-content h4 {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .entry-content h4 {
font-size: 18px;
}
}
.article-oglas .entry-content h5 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.article-oglas .entry-content h5 {
font-size: calc(14px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .entry-content h5 {
font-size: 16px;
}
}
.article-oglas .entry-content h6 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.article-oglas .entry-content h6 {
font-size: calc(14px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .entry-content h6 {
font-size: 16px;
}
}
.article-oglas .entry-content p {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content p {
font-size: 18px;
}
}
.article-oglas .entry-content p strong {
font-weight: 600;
}
.article-oglas .entry-content p a {
font-weight: 500;
text-decoration: none;
}
.article-oglas .entry-content ol,
.article-oglas .entry-content ul {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content ol,
.article-oglas .entry-content ul {
font-size: 18px;
}
}
.article-oglas .entry-content ol strong,
.article-oglas .entry-content ul strong {
font-weight: 600;
}
.article-oglas .entry-content ol li,
.article-oglas .entry-content ul li {
font-size: 16px;
line-height: 1.75;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content ol li,
.article-oglas .entry-content ul li {
font-size: 18px;
}
}
.article-oglas .entry-content ol a,
.article-oglas .entry-content ul a {
font-weight: 500;
text-decoration: none;
}
.article-oglas .entry-content figure {
text-align: center;
}
.article-oglas .entry-content figure img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.article-oglas .entry-content figure figcaption {
font-size: 14px;
line-height: 1.5;
color: #1E1622;
letter-spacing: 0.025em;
font-style: italic;
}
@media screen and (min-width: 720px) {
.article-oglas .entry-content figure figcaption {
font-size: 16px;
}
}
.article-oglas .contact-page-form {
max-width: 720px;
margin: 0 auto;
padding: 48px 0;
}
.article-oglas .contact-page-form h2 {
text-align: center;
margin: 0 auto 32px;
color: #c88b43;
}
.article-oglas .contact-page-form h2 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.article-oglas .contact-page-form h2 {
font-size: calc(20px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.article-oglas .contact-page-form h2 {
font-size: 26px;
}
}
.article-oglas .contact-page-form label {
font-weight: 500;
}
@media screen and (min-width: 720px) {
.article-oglas .contact-page-form label {
font-size: 16px;
}
}
.article-oglas .contact-page-form .wpcf7-form-control-wrap {
margin-top: 4px;
display: block;
}
.article-oglas .contact-page-form-wrapper {
padding: 48px 0;
position: relative;
margin: 32px auto;
background: #ebd4b9;
}
@media screen and (max-width: 720px) {
.article-oglas .contact-page-form .form-fields {
grid-template-columns: 1fr;
}
.article-oglas .contact-page-form .form-fields .form-row.form-row-wide {
grid-column: 1;
}
}
.article-oglas .contact-page-form textarea,
.article-oglas .contact-page-form input {
border-radius: 8px;
}
.article-oglas .contact-page-form input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 4px;
}
.article-oglas .contact-page-form .upload input[type="file"] {
position: relative;
}
.article-oglas .contact-page-form .upload input[type="file"]::file-selector-button {
width: 104px;
color: transparent;
}
.article-oglas .contact-page-form .upload input[type="file"]::before {
position: absolute;
pointer-events: none;
top: 10px;
left: 12px;
height: 20px;
width: 20px;
content: "";
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/download.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.article-oglas .contact-page-form .upload input[type="file"]::after {
position: absolute;
pointer-events: none;
top: 10px;
left: 39px;
color: #c88b43;
content: "Upload";
}
.article-oglas .contact-page-form .upload input[type="file"]::file-selector-button {
border-radius: 8px;
padding: 0 16px;
height: 39px;
cursor: pointer;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
margin-right: 16px;
transition: background-color 200ms;
}
.article-oglas .contact-page-form .upload input[type="file"]::file-selector-button:hover {
background-color: #f3f4f6;
}
.article-oglas .contact-page-form .upload input[type="file"]::file-selector-button:active {
background-color: #e5e7eb;
}
.article-oglas .contact-page-form .wpcf7-list-item {
margin: 0;
}
.article-oglas .contact-page-form .checkbox.radio label {
cursor: pointer;
}
.article-oglas .contact-page-form label {
font-size: 14px;
}
@media screen and (min-width: 720px) {
.article-oglas .contact-page-form label {
font-size: 16px;
}
}
.article-oglas .contact-page-form .submit-checker {
color: #BC5737;
font-weight: 500;
line-height: 1.5;
margin: 16px auto 16px;
font-size: 14px;
}
@media screen and (min-width: 720px) {
.article-oglas .contact-page-form .submit-checker {
font-size: 16px;
}
}
.article-oglas .contact-page-form .submit-checker.hidden {
display: none;
}
.article-oglas .contact-page-form .wpcf7-spinner {
margin: 8px auto;
display: block;
background: #c88b43;
}
.article-oglas .contact-page-form ~ .wpcf7-response-output {
max-width: 720px;
border-radius: 0px;
margin: 32px auto;
background-color: #fff;
padding: 16px 24px;
max-width: calc(720px - 32px);
text-align: center;
font-size: 14px;
}
@media screen and (min-width: 720px) {
.article-oglas .contact-page-form ~ .wpcf7-response-output {
font-size: 16px;
}
}
.article-oglas .thank-you-message {
background-color: #fff;
border: 2px solid #c88b43;
border-radius: 0px;
padding: 24px;
display: none;
order: 999;
max-width: 688px;
width: 100%;
margin: 32px auto;
}
.article-oglas .thank-you-message.active {
display: block;
}
.article-oglas .thank-you-message p {
margin: 16px 0;
}
.article-oglas .thank-you-message p:first-child {
margin-top: 0 !important;
}
.article-oglas .thank-you-message p:last-child {
margin-bottom: 0 !important;
}
.single-posao .footer-page-karijere,
.page-template .site-main .footer-page-karijere {
margin-top: 64px;
}
.single-posao .footer-page-karijere p,
.page-template .site-main .footer-page-karijere p {
max-width: 1024px;
color: #583c1a;
font-size: 12px;
}
@media screen and (min-width: 720px) {
.single-posao .footer-page-karijere p,
.page-template .site-main .footer-page-karijere p {
font-size: 14px;
}
}
.single-posao .repeater-blocks,
.page-template .site-main .repeater-blocks {
display: grid;
gap: 32px;
grid-template-columns: 1fr;
max-width: 1024px;
margin: 48px auto;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks,
.page-template .site-main .repeater-blocks {
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.single-posao .repeater-blocks,
.page-template .site-main .repeater-blocks {
gap: 64px;
margin: 64px auto;
}
}
.single-posao .repeater-blocks .repeater-block,
.page-template .site-main .repeater-blocks .repeater-block {
border-radius: 16px;
padding: 16px;
background-color: #ebd4b9;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks .repeater-block,
.page-template .site-main .repeater-blocks .repeater-block {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.single-posao .repeater-blocks .repeater-block,
.page-template .site-main .repeater-blocks .repeater-block {
padding: 32px;
}
}
@media screen and (min-width: 1440px) {
.single-posao .repeater-blocks .repeater-block,
.page-template .site-main .repeater-blocks .repeater-block {
padding: 48px;
}
}
.single-posao .repeater-blocks .repeater-block h2,
.page-template .site-main .repeater-blocks .repeater-block h2 {
margin-top: 0;
font-weight: 700;
max-width: 100%;
}
.single-posao .repeater-blocks .repeater-block p,
.page-template .site-main .repeater-blocks .repeater-block p {
font-size: 16px;
margin: 24px auto;
max-width: 100%;
line-height: 1.65;
color: #31210e;
}
.single-posao .repeater-blocks .repeater-block p:last-child,
.page-template .site-main .repeater-blocks .repeater-block p:last-child {
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks .repeater-block p,
.page-template .site-main .repeater-blocks .repeater-block p {
font-size: 18px;
}
}
.single-posao .repeater-blocks .repeater-block p strong,
.page-template .site-main .repeater-blocks .repeater-block p strong {
font-weight: 600;
}
.single-posao .repeater-blocks .repeater-block p a,
.page-template .site-main .repeater-blocks .repeater-block p a {
font-weight: 500;
text-decoration: none;
}
.single-posao .repeater-blocks .repeater-block ol,
.single-posao .repeater-blocks .repeater-block ul,
.page-template .site-main .repeater-blocks .repeater-block ol,
.page-template .site-main .repeater-blocks .repeater-block ul {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #31210e;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks .repeater-block ol,
.single-posao .repeater-blocks .repeater-block ul,
.page-template .site-main .repeater-blocks .repeater-block ol,
.page-template .site-main .repeater-blocks .repeater-block ul {
font-size: 18px;
}
}
.single-posao .repeater-blocks .repeater-block ol:last-child,
.single-posao .repeater-blocks .repeater-block ul:last-child,
.page-template .site-main .repeater-blocks .repeater-block ol:last-child,
.page-template .site-main .repeater-blocks .repeater-block ul:last-child {
margin-bottom: 0;
}
.single-posao .repeater-blocks .repeater-block ol strong,
.single-posao .repeater-blocks .repeater-block ul strong,
.page-template .site-main .repeater-blocks .repeater-block ol strong,
.page-template .site-main .repeater-blocks .repeater-block ul strong {
font-weight: 600;
}
.single-posao .repeater-blocks .repeater-block ol li,
.single-posao .repeater-blocks .repeater-block ul li,
.page-template .site-main .repeater-blocks .repeater-block ol li,
.page-template .site-main .repeater-blocks .repeater-block ul li {
font-size: 16px;
line-height: 1.75;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks .repeater-block ol li,
.single-posao .repeater-blocks .repeater-block ul li,
.page-template .site-main .repeater-blocks .repeater-block ol li,
.page-template .site-main .repeater-blocks .repeater-block ul li {
font-size: 18px;
}
}
.single-posao .repeater-blocks .repeater-block ol a,
.single-posao .repeater-blocks .repeater-block ul a,
.page-template .site-main .repeater-blocks .repeater-block ol a,
.page-template .site-main .repeater-blocks .repeater-block ul a {
font-weight: 500;
text-decoration: none;
}
.single-posao .repeater-blocks .back-top-top-jobs,
.page-template .site-main .repeater-blocks .back-top-top-jobs {
display: inline-block;
background-color: #c88b43;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
padding: 8px 32px;
border-bottom: 3px solid #31210e;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.single-posao .repeater-blocks .back-top-top-jobs,
.page-template .site-main .repeater-blocks .back-top-top-jobs {
padding: 12px 48px;
}
}
.single-posao .repeater-blocks .back-top-top-jobs:hover,
.page-template .site-main .repeater-blocks .back-top-top-jobs:hover {
background-color: #31210e;
}
.single-posao .repeater-blocks .back-top-top-jobs-wrapper,
.page-template .site-main .repeater-blocks .back-top-top-jobs-wrapper {
text-align: center;
}
.single-posao .query-post-jobs h2,
.page-template .site-main .query-post-jobs h2 {
text-align: center;
}
.single-posao .query-post-jobs-list,
.page-template .site-main .query-post-jobs-list {
max-width: 1024px;
margin: 0 auto;
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 720px) {
.single-posao .query-post-jobs-list,
.page-template .site-main .query-post-jobs-list {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width: 1240px) {
.single-posao .query-post-jobs-list,
.page-template .site-main .query-post-jobs-list {
grid-template-columns: repeat(3, 1fr);
}
}
.single-posao .query-post-jobs-item,
.page-template .site-main .query-post-jobs-item {
border-radius: 8px;
padding: 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border: 1px solid #ebd4b9;
border-left: 4px solid #31210e;
border-radius: 0px;
background-color: #c88b43;
}
.single-posao .query-post-jobs-item h3,
.page-template .site-main .query-post-jobs-item h3 {
margin: 0 0 16px;
min-height: 3lh;
color: #fff;
}
.single-posao .query-post-jobs-item .job-apply,
.page-template .site-main .query-post-jobs-item .job-apply {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: end;
}
.single-posao .query-post-jobs-item p,
.page-template .site-main .query-post-jobs-item p {
color: #ebd4b9;
font-weight: 500;
width: 100%;
margin: 0;
}
.single-posao .query-post-jobs-item p:last-child,
.page-template .site-main .query-post-jobs-item p:last-child {
margin-bottom: 0;
}
.single-posao .query-post-jobs-item p.link,
.page-template .site-main .query-post-jobs-item p.link {
text-align: right;
}
.single-posao .query-post-jobs-item p.link abbr,
.page-template .site-main .query-post-jobs-item p.link abbr {
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
top: 0;
right: 0;
}
.single-posao .query-post-jobs-item:hover,
.page-template .site-main .query-post-jobs-item:hover {
background: #805625;
}
.single-posao .query-post-jobs-item:hover p.link abbr,
.page-template .site-main .query-post-jobs-item:hover p.link abbr {
top: -4px;
right: -4px;
}
.error404 .page-content p {
max-width: 100%;
width: 100%;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.error404 .woocommerce-product-search {
width: 100%;
max-width: 640px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.error404 .woocommerce-product-search {
grid-template-columns: 4fr 2fr;
}
}
.error404 input {
display: block;
width: 100%;
margin: 0;
padding: 12px 16px;
height: auto;
}
.error404 button {
margin: 0;
background-color: #c88b43;
color: #fff;
font-weight: 600;
letter-spacing: 0.05em;
}
html[lang="hr"] .single_variation_wrap .variations_button.woocommerce-variation-add-to-cart-disabled .button.disabled:not(.wc-variation-is-unavailable) {
opacity: .8;
}
.woocommerce-page .site-main {
margin: 0 auto;
padding: 0;
}
.woocommerce-page .category-index {
display: grid;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-index {
grid-template-columns: 1fr;
max-width: 1920px;
margin: 0 auto;
padding: 0 24px;
gap: 32px;
}
.woocommerce-page .category-index .site-main {
max-width: 1440px;
}
}
.woocommerce-page .category-index #primary {
order: 2;
}
.woocommerce-page .category-index #secondary {
order: 1;
display: none;
}
.woocommerce-page .category-index > .woocommerce {
order: 0;
}
.woocommerce-page .jp-product-label {
position: absolute;
top: 8px;
left: 0;
z-index: 1;
}
@media screen and (min-width: 720px) {
.woocommerce-page .jp-product-label {
top: 16px;
}
}
.woocommerce-page .jp-product-label__text {
font-size: 14px;
line-height: 1.25;
letter-spacing: 0.05em;
font-weight: 500;
text-transform: uppercase;
padding: 4px 16px;
background-color: #c88b43;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.woocommerce-page .jp-product-label__text {
font-size: 16px;
padding: 4px 24px;
}
}
.woocommerce-page .summary .jp-product-label {
position: relative;
top: 0;
left: 0;
margin: 0 0 8px;
}
.woocommerce-page .storefront-sorting {
margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .storefront-sorting {
margin-bottom: 48px;
}
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-ordering {
display: none;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
display: block;
font-size: 16px;
line-height: 24px;
color: #1E1622;
max-width: 100%;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering {
display: none;
margin: 16px 0 0;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting .woocommerce-ordering {
float: right;
margin: -8px 0 0;
}
}
.woocommerce-page .storefront-sorting .woocommerce-ordering select {
border: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
font-weight: 400;
line-height: 16px;
cursor: pointer;
font-size: 15px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering select:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.woocommerce-page .storefront-sorting .woocommerce-pagination {
display: none;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers {
display: block;
list-style-type: none;
text-align: center;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li {
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
border: 1px solid #bbb;
border-radius: 4px;
background-color: #fff;
padding: 8px;
min-width: 32px;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
font-size: 14px;
min-width: 40px;
line-height: 22px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
font-size: 16px;
}
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span.current {
color: #fff;
background: #1E1622;
font-weight: 500;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a {
color: #444;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a:hover {
color: #fff;
background: #c88b43;
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting {
padding: 32px 0 0;
margin: 48px 0 0;
border-top: 1px solid #F7F2E9;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting ~ .storefront-sorting {
padding: 48px 0 0;
margin: 48px 0 0;
}
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-result-count {
display: none;
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-pagination {
display: block;
}
.woocommerce-page .woocommerce-products-header,
.woocommerce-page .woocommerce-products-footer {
max-width: 1440px;
margin: 0 auto;
width: 100%;
text-align: left;
position: relative;
margin-bottom: 32px;
}
.woocommerce-page .woocommerce-products-header h1,
.woocommerce-page .woocommerce-products-footer h1 {
font-weight: 400;
line-height: 1;
text-align: center;
}
.woocommerce-page .woocommerce-products-header h1,
.woocommerce-page .woocommerce-products-footer h1 {
font-size: 32px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .woocommerce-products-header h1,
.woocommerce-page .woocommerce-products-footer h1 {
font-size: calc(32px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .woocommerce-products-header h1,
.woocommerce-page .woocommerce-products-footer h1 {
font-size: 56px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header h1,
.woocommerce-page .woocommerce-products-footer h1 {
margin-bottom: 8px;
}
}
.woocommerce-page .woocommerce-products-header .border-bottom,
.woocommerce-page .woocommerce-products-footer .border-bottom {
margin-top: 16px;
border-bottom: 1px solid #F7F2E9;
}
.woocommerce-page .woocommerce-products-header-alt {
margin: 48px 0 0;
}
.woocommerce-page .category-custom-footer {
display: grid;
gap: 32px;
grid-template-columns: 1fr;
margin-top: 48px;
background-color: #F7F2E9;
position: relative;
padding: 24px 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-custom-footer {
margin-top: 120px;
}
}
.woocommerce-page .category-custom-footer.hidden {
display: none;
}
.woocommerce-page .category-custom-footer:before {
content: '';
width: 100vw;
height: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
background-color: #F7F2E9;
z-index: -1;
position: absolute;
}
@media screen and (min-width: 720px) {
.woocommerce-page .category-custom-footer {
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
gap: 48px 80px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-page .category-custom-footer .product-categories-featured-image {
order: 2;
margin-top: -64px;
}
}
.woocommerce-page .category-custom-footer .product-categories-featured-image img {
display: block;
margin: 0;
aspect-ratio: 4/3;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.woocommerce-page .category-custom-footer .category-custom-description {
order: 1;
}
}
.woocommerce-page .category-custom-footer .category-custom-description .category-notice {
color: #c88b43;
text-transform: uppercase;
margin: 0;
}
.woocommerce-page .category-custom-footer .category-custom-description .category-notice {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-notice {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-notice {
font-size: 24px;
}
}
.woocommerce-page .category-custom-footer .category-custom-description .category-title {
margin: 0;
font-weight: 400;
letter-spacing: 0.05em;
color: #1E1622;
}
.woocommerce-page .category-custom-footer .category-custom-description .category-title {
font-size: 28px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-title {
font-size: calc(28px + 28 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-title {
font-size: 56px;
}
}
.woocommerce-page .category-custom-footer .category-custom-description .category-short-description {
color: #1E1622;
}
.woocommerce-page .category-custom-footer .category-custom-description .category-short-description {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-short-description {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-short-description {
font-size: 24px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-page .category-custom-footer .category-custom-description .category-short-description {
padding-left: 7.5%;
}
}
@media screen and (min-width: 720px) {
.woocommerce-page .category-custom-footer .term-description {
order: 3;
grid-column: span 2;
}
}
.woocommerce-page .category-custom-footer .term-description {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .term-description {
font-size: calc(16px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .term-description {
font-size: 22px;
}
}
.woocommerce-page .category-custom-footer .term-description li,
.woocommerce-page .category-custom-footer .term-description p {
color: #1E1622;
line-height: 1.5;
margin: 24px auto;
}
.woocommerce-page .category-custom-footer .term-description li,
.woocommerce-page .category-custom-footer .term-description p {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .term-description li,
.woocommerce-page .category-custom-footer .term-description p {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .term-description li,
.woocommerce-page .category-custom-footer .term-description p {
font-size: 24px;
}
}
.woocommerce-page .category-custom-footer .term-description li {
margin: 16px auto;
}
.woocommerce-page .category-custom-footer .term-description h3,
.woocommerce-page .category-custom-footer .term-description h4 {
color: #1E1622;
line-height: 1.5;
}
.woocommerce-page .category-custom-footer .term-description h3,
.woocommerce-page .category-custom-footer .term-description h4 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.woocommerce-page .category-custom-footer .term-description h3,
.woocommerce-page .category-custom-footer .term-description h4 {
font-size: calc(20px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-page .category-custom-footer .term-description h3,
.woocommerce-page .category-custom-footer .term-description h4 {
font-size: 28px;
}
}
.woocommerce-page .category-custom-footer .term-description ul {
margin: 24px auto;
}
.woocommerce-page h2.woocommerce-products-header-title {
text-transform: uppercase;
color: #c88b43;
font-weight: 400;
text-align: center;
margin: 0 0 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 32px;
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 40px;
font-size: 40px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 48px;
}
}
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 50%;
font-weight: 700;
color: #1E1622;
display: block;
font-family: "Jost", sans-serif;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 40%;
}
}
.woocommerce-page ul.products {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 8px;
max-width: 100%;
}
@media screen and (min-width: 600px) {
.woocommerce-page ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.woocommerce-page ul.products {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page ul.products {
gap: 32px 12px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page ul.products {
gap: 48px 16px;
}
}
li.product {
position: relative;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #1E1622;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
li.product:hover {
border-color: #c88b43;
}
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img {
transform: scale(1.225);
}
@media screen and (min-width: 1024px) {
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
opacity: 1;
z-index: 2;
}
}
li.product.product-type-simple .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
li.product.product-type-simple .price {
display: block;
margin-bottom: 48px;
}
li.product.product-type-variable .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
li.product.product-type-variable .add_to_cart_button.product_type_variable {
display: none;
}
li.product.product-type-variable .reset_variations {
display: none !important;
}
li.product.product-type-variable table.variations {
margin: 8px 0;
}
li.product.product-type-variable table.variations .label {
display: none;
}
li.product.product-type-variable table.variations .variable-items-wrapper,
li.product.product-type-variable table.variations .swatch-control {
display: flex;
justify-content: center;
gap: 8px;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option,
li.product.product-type-variable table.variations .swatch-control .select-option {
margin: 0;
border-radius: 100%;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option a,
li.product.product-type-variable table.variations .swatch-control .select-option a {
border-radius: 100%;
width: 20px !important;
height: 20px !important;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option.selected,
li.product.product-type-variable table.variations .swatch-control .select-option.selected {
border-color: #c88b43;
}
li.product.outofstock .variations_form {
display: none !important;
}
li.product .lowest_price {
position: relative;
z-index: 1;
}
li.product a.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-decoration: none;
position: relative;
gap: 16px;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link {
gap: 24px;
margin-bottom: 24px;
}
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
overflow: hidden;
margin: 0;
border-radius: 0px;
position: relative;
z-index: 1;
border-bottom: 1px solid #F7F2E9;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
margin: 0;
}
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img {
display: block;
width: 100%;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
object-fit: contain;
aspect-ratio: 1;
background-color: #fff;
position: relative;
z-index: 1;
padding: 8px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-thumbnail img {
padding: 16px;
}
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
position: absolute;
top: 0;
left: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
opacity: 0;
z-index: 0;
}
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
color: #1E1622;
max-height: 3lh;
padding: 0 16px;
font-family: "Jost", sans-serif;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 18px;
padding: 0 24px;
}
}
@media screen and (min-width: 1240px) {
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 20px;
padding: 0 32px;
}
}
li.product a.woocommerce-LoopProduct-link .product-brand {
padding: 0 16px;
color: #444;
font-weight: 400;
}
li.product a.woocommerce-LoopProduct-link .product-brand {
font-size: 14px;
}
@media screen and (min-width: 360px) {
li.product a.woocommerce-LoopProduct-link .product-brand {
font-size: calc(14px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
li.product a.woocommerce-LoopProduct-link .product-brand {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-brand {
padding: 0 24px;
}
}
@media screen and (min-width: 1240px) {
li.product a.woocommerce-LoopProduct-link .product-brand {
padding: 0 32px;
}
}
li.product a.woocommerce-LoopProduct-link .product-notice {
order: 5;
text-align: center;
padding: 8px 16px;
margin: 12px 0 0;
font-weight: 500;
font-size: 14px;
letter-spacing: 0;
border: 2px solid #c88b43;
background-color: #ebd4b9;
color: #c88b43;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-notice {
font-size: 14px;
}
}
li.product a.woocommerce-LoopProduct-link .price {
color: #1E1622;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
margin-bottom: 0;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 16px;
padding: 0 24px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 18px;
padding: 0 32px;
}
}
li.product a.woocommerce-LoopProduct-link .price br {
display: none;
}
li.product a.woocommerce-LoopProduct-link .price del {
display: inline-block;
color: #847979;
font-weight: 300;
font-size: 12px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price del ins {
display: inline-block;
color: #847979;
font-weight: 300;
font-size: 12px;
text-decoration: line-through;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price ins {
display: inline-block;
color: #c98170;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
letter-spacing: 0.05em;
font-size: 14px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 18px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .onsale {
display: none !important;
}
li.product .lowest_price.list {
display: none;
}
li.product .lowest_price.single {
font-size: 12px;
}
li.product .lowest_price.single * {
font-size: 12px;
}
li.product .onsale,
li.product .awdr_discount_bar_content,
li.product .discount-percentage {
position: absolute;
top: 0;
left: 0;
z-index: 5;
background: #c88b43;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 2px 16px;
letter-spacing: 0.05em;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 0;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
font-size: 14px;
font-weight: 500;
min-width: 32px !important;
height: 32px !important;
}
li.product .variable-items-wrapper .variable-item.image-variable-item {
max-width: 45px;
max-height: 45px;
}
li.product .single_variation_wrap {
position: relative;
z-index: 1;
}
li.product .single_variation_wrap .woocommerce-variation-price .price {
color: #c88b43;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
@media screen and (min-width: 720px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 18px;
line-height: 20px;
}
}
li.product .custom-product-label {
position: absolute;
top: -8px;
transform: translateY(-50%);
left: 0;
right: 0;
font-size: 14px;
margin: 100% auto 0;
z-index: 2;
line-height: 1.75;
letter-spacing: 0.025em;
box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.25);
}
li.product .swatches {
display: flex;
justify-content: center;
gap: 16px;
margin: 8px 0;
}
li.product .swatches .swatch {
width: 24px;
height: 24px;
display: block;
border-radius: 100%;
border: 2px solid #fff;
outline: 1px solid #bbb;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
}
li.product .swatches .swatch:hover {
outline-color: #C8C4C4;
}
li.product .swatches .swatch.active {
outline-color: #847979;
}
li.product:hover .product-add-to-cart-wrapper {
opacity: 1;
visibility: visible;
z-index: 1;
}
li.product .input-text.qty.text {
display: none;
}
li.product.outofstock {
opacity: 0.75;
}
li.product.outofstock:after {
content: "Trenutno nedostupno";
position: absolute;
top: -8px;
transform: translateY(-50%);
left: 0;
background-color: #D7B8A3;
color: #fff;
padding: 4px 8px;
text-align: center;
right: 0;
margin: 100% auto 0;
z-index: 2;
text-transform: uppercase;
line-height: 1.75;
letter-spacing: 0.025em;
box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.25);
}
li.product.outofstock:after {
font-size: 14px;
}
@media screen and (min-width: 360px) {
li.product.outofstock:after {
font-size: calc(14px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
li.product.outofstock:after {
font-size: 18px;
}
}
li.product.outofstock .button {
color: #1E1622;
opacity: 0.55;
font-weight: 400;
}
li.product.outofstock .button:hover {
background-color: #1E1622;
color: #fff;
}
li.product .button {
display: none !important;
background-color: #fff;
background-position: center;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/add-to-cart-loader.svg);
background-size: 0 0;
background-repeat: no-repeat;
color: #1E1622;
line-height: 1.5;
font-weight: 500;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto 32px;
border-radius: 0;
font-size: 14px;
border: 1px solid #000;
z-index: 2;
position: relative;
width: calc(100% - 32px);
}
@media screen and (min-width: 720px) {
li.product .button {
font-size: 16px;
width: calc(100% - 48px);
padding: 12px 8px;
}
}
@media screen and (min-width: 1024px) {
li.product .button {
font-size: 18px;
width: calc(100% - 64px);
}
}
li.product .button.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.75;
}
li.product .button:hover {
background-color: #31210e;
border: 1px solid #31210e;
color: #fff;
}
li.product .button.loading {
pointer-events: none;
background-color: #31210e;
border: 1px solid #31210e;
color: #fff;
background-size: 32px auto;
font-size: 0;
}
li.product .button.added {
font-size: 0;
pointer-events: none;
}
li.product .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
li.product .button.wc-variation-is-unavailable {
font-size: 0;
}
li.product .button.wc-variation-is-unavailable:before {
content: "Nedostupno";
font-size: 14px;
line-height: 24px;
vertical-align: middle;
}
li.product a.added_to_cart.wc-forward {
display: none;
}
body .cwapf-before-update {
background-color: rgba(255, 255, 255, 0.45) !important;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/loader.svg);
background-size: 64px;
background-position: center;
z-index: 3;
background-repeat: no-repeat;
}
.layered-filter-content {
display: block;
position: fixed;
z-index: 2;
}
.woocommerce-layerd-nav {
padding: 16px 0 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav {
padding: 0;
}
}
.woocommerce-layerd-nav .layered-filter-trigger {
text-align: center;
background-color: #c88b43;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
font-size: 16px;
line-height: 1.25;
padding: 8px 16px;
border-radius: 0;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-trigger {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-trigger:after {
content: "\e915";
font-family: "icomoon";
margin-left: 8px;
display: inline-block;
vertical-align: text-bottom;
}
.woocommerce-layerd-nav .layered-filter-content {
position: fixed;
top: 0;
right: 100%;
width: 100%;
background-color: #fff;
z-index: -1;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
overflow: auto;
height: 100vh; height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content {
position: static;
right: 0;
top: 0;
height: auto;
background-color: transparent;
}
}
.woocommerce-layerd-nav .layered-filter-content.active {
transform: translateX(100%);
z-index: 100;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content.active {
transform: none;
z-index: 1;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .header-item-info.navigation-info {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-content .wcpf-filter {
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .wcpf-filter {
padding: 0;
}
}
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 16px;
margin: 0;
height: calc((var(--vh, 1vh) * 100) - 48px - 74px);
overflow: auto;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 0;
height: auto;
overflow: unset;
}
}
.woocommerce-layerd-nav .layered-filter-continue {
border-top: 2px solid rgba(0, 0, 0, 0.1);
padding: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-continue {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-continue .button {
text-align: center;
background-color: #c88b43;
color: #fff;
font-weight: 500;
border-radius: 0px;
font-size: 16px;
line-height: 24px;
padding: 8px 16px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce-layerd-nav .layered-filter-continue .button:after {
display: inline-block;
vertical-align: bottom;
margin-left: 8px;
content: "\e905";
font-family: "icomoon";
}
.woocommerce-layerd-nav .cwapf-widget {
border-bottom: 1px solid #F7F2E9;
padding-bottom: 16px;
}
.woocommerce-layerd-nav .cwapf-widget:last-child {
border: 0;
}
.woocommerce-layerd-nav .cwapf-widget h4 {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 8px;
color: #3f4146;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-origin {
background-color: #c88b43;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-horizontal .noUi-handle {
border-color: #c88b43;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .slider-values {
font-weight: 300;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav ul {
margin: 0;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a {
color: #1E1622;
text-decoration: none;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a:hover {
color: #c88b43;
}
body.archive.term-1594 .woocommerce-layerd-nav,
body.archive.term-1594 .storefront-sorting,
body.archive.term-1594 .variations_form {
display: none !important;
}
body.archive.term-1594 .category-index {
grid-template-columns: 1fr !important;
}
.custom-variation-msg {
margin: 8px 0;
padding: 8px 24px;
display: block;
width: 100%;
font-weight: 500;
background-color: #fcf7eb;
border: 2px solid #c88b43;
color: #c88b43;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-align: center;
font-size: 16px;
}
@media screen and (min-width: 1024px) {
.custom-variation-msg {
font-size: 18px;
}
}
.custom-variation-msg.hidden {
opacity: 0;
pointer-events: none;
}
.custom-variation-msg:before {
content: "\2191";
font-weight: 700;
margin-right: 8px;
}
body.single .summary .custom-variation-msg {
margin-top: -12px;
margin-bottom: 16px;
}
body.single .custom-variation-msg.hidden {
display: none;
}
.woocommerce-page .site-main {
max-width: 1440px;
}
.custom-product-label {
position: relative;
display: inline-block;
background-color: #ecc88c;
padding: 4px 16px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 14px;
line-height: 1.25;
}
@media screen and (min-width: 900px) {
.custom-product-label {
font-size: 16px;
padding: 4px 24px;
}
}
.onsale {
position: absolute;
background: #c98170;
color: #fff;
z-index: 2;
top: 0;
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
line-height: 2;
font-weight: 500;
letter-spacing: 1px;
left: 0;
border-radius: 8px 0 8px 0;
}
.product-template-default .onsale {
font-size: 14px;
}
@media screen and (min-width: 900px) {
.product-template-default .onsale {
top: 0;
padding: 0 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default .onsale {
left: 120px;
}
}
.product-template-default #main {
padding: 16px;
}
@media screen and (min-width: 720px) {
.product-template-default #main {
padding: 24px 16px;
}
}
@media screen and (min-width: 1024px) {
.product-template-default #main {
padding: 32px 16px;
}
}
.product-template-default #main .product.type-product {
position: relative;
}
.product-template-default #main .product.type-product:after {
clear: both;
content: "";
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
overflow: hidden;
content: "";
display: block;
}
.product-template-default .woocommerce-product-gallery {
position: relative;
margin-bottom: 16px;
}
.product-template-default .woocommerce-product-gallery:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery {
margin: 0 0 32px;
}
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery {
float: left;
width: 60%;
padding-right: 32px;
margin-bottom: 48px;
}
}
.product-template-default .woocommerce-product-gallery__trigger {
position: absolute;
top: 0;
right: 16px;
text-decoration: none;
font-size: 0;
z-index: 2;
font-weight: 400;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery__trigger {
right: 48px;
}
}
.product-template-default .woocommerce-product-gallery__trigger:before {
font-size: 24px;
}
.product-template-default .woocommerce-product-gallery__wrapper {
margin: 0;
position: relative;
z-index: 1;
}
.product-template-default .woocommerce-product-gallery__wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .woocommerce-product-gallery .flex-viewport {
border-radius: 0px;
border: 2px solid #F7F2E9;
}
.product-template-default .woocommerce-product-gallery .zoomImg {
z-index: 222222;
}
.product-template-default .woocommerce-product-gallery__image {
margin: 0;
display: block;
}
.product-template-default .woocommerce-product-gallery__image a > img {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
aspect-ratio: 1;
object-fit: contain;
display: block;
width: 100%;
padding: 8px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery__image a > img {
padding: 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-viewport {
float: right;
width: calc(100% - 120px);
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin: 0;
padding: 12px 0;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 8px;   }
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
border-radius: 0px;
background-color: #F7F2E9;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
background: #c88b43;
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
overflow: auto;
float: left;
width: 110px;
padding-top: 0;
padding-bottom: 0;
padding-right: 8px;
flex-direction: column;
height: 688px;
gap: 16px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: inline-block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: block;
min-width: 100px;
max-width: 100px;
width: 100px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
display: block;
border-radius: 0px;
padding: 3px;
border: 2px solid #F7F2E9;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
aspect-ratio: 1;
object-fit: contain;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
border-radius: 0px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img:hover {
border-color: #c88b43;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
border: 2px solid #c88b43;
}
.product-template-default .summary.entry-summary {
margin: 0 0 16px 0;
padding: 0;
}
@media screen and (min-width: 900px) {
.product-template-default .summary.entry-summary {
float: right;
width: 40%;
margin: 0 0 48px;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary {
padding-left: 32px;
}
}
.product-template-default .summary.entry-summary h1 {
margin: 0 0 16px;
color: #1E1622;
font-weight: 400;
line-height: 1.25;
font-family: "Jost", sans-serif;
}
.product-template-default .summary.entry-summary h1 {
font-size: 28px;
}
@media screen and (min-width: 360px) {
.product-template-default .summary.entry-summary h1 {
font-size: calc(28px + 12 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.product-template-default .summary.entry-summary h1 {
font-size: 40px;
}
}
.product-template-default .summary.entry-summary .price {
text-transform: uppercase;
line-height: 1.25;
font-weight: 400;
color: #847979;
letter-spacing: 0.05em;
margin: 0;
}
.product-template-default .summary.entry-summary .price {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.product-template-default .summary.entry-summary .price {
font-size: calc(18px + 10 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.product-template-default .summary.entry-summary .price {
font-size: 28px;
}
}
.product-template-default .summary.entry-summary .price del {
display: inline-block;
color: #847979;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price del ins {
text-decoration: line-through;
display: inline-block;
color: #847979;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price ins {
display: inline-block;
color: #c88b43;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
}
.product-template-default .summary.entry-summary .woocommerce-variation-price {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #1E1622;
letter-spacing: 0.02em;
margin: 16px 0 24px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul {
margin-left: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
line-height: 1.5;
font-weight: 400;
color: #1E1622;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
font-size: 20px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p:not(:last-child) {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form {
background: #fff;
padding: 24px;
border: 2px solid #ebe5e9;
border-radius: 8px;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form p:first-child {
color: #c88b43;
font-size: 16px;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form p:first-child {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form label {
font-weight: 500;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item {
margin: 8px 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label {
margin: 8px 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input {
display: none;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input[type="hidden"] + span:before,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input[type="hidden"] + label:before, .product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input:checked + span:before,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input:checked + label:before {
border-color: #c88b43;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input[type="hidden"] + span:after,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input[type="hidden"] + label:after, .product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input:checked + span:after,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label input:checked + label:after {
opacity: 1;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label > span,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label > span:before,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label > span:after,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label > span:hover:before,
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-list-item label label:hover:before {
border-color: #c88b43;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-submit-wrapper {
position: relative;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-submit-wrapper .wpcf7-spinner {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-form-control.wpcf7-submit {
width: 100%;
background-color: #c88b43;
cursor: pointer;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 24px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description .waitlist-email-form .wpcf7-form-control.wpcf7-submit:hover {
background-color: #c98170;
border-color: #c98170;
}
.product-template-default .summary.entry-summary .product-notice {
padding: 8px 16px;
margin: 12px 0 0;
text-align: left;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.025em;
border: 2px solid #c88b43;
background-color: #ebd4b9;
color: #c88b43;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .product-notice {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .product_meta {
display: grid;
}
.product-template-default .summary.entry-summary .product_meta span {
color: #847979;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .product_meta span {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary .product_meta span a {
text-decoration: none;
}
.product-template-default .summary.entry-summary .variations {
vertical-align: middle;
text-align: left;
margin-top: 24px;
}
.product-template-default .summary.entry-summary .variations .reset_variations {
display: none !important;
}
.product-template-default .summary.entry-summary .variations select {
padding: 8px 16px;
border-radius: 4px;
}
.product-template-default .summary.entry-summary .variations td {
width: 50%;
vertical-align: middle;
padding: 4px 0;
}
.product-template-default .summary.entry-summary .variations label {
font-weight: 400;
color: #444;
}
.product-template-default .summary.entry-summary .variations label {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.product-template-default .summary.entry-summary .variations label {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.product-template-default .summary.entry-summary .variations label {
font-size: 20px;
}
}
.product-template-default .summary.entry-summary li[data-wvstooltip-out-of-stock="true"] {
pointer-events: none;
opacity: 0.25;
}
.product-template-default .summary.entry-summary form.cart,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper {
margin: 0 auto 24px;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary form.cart:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .summary.entry-summary form.cart .quantity,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity {
float: left;
width: 106px;
border: 1px solid #C8C4C4;
}
.product-template-default .summary.entry-summary form.cart .quantity:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1024px) {
.product-template-default .summary.entry-summary form.cart .quantity,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity {
width: 182px;
}
}
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
float: left;
width: 32px;
background-color: #fff;
text-align: center;
vertical-align: bottom;
font-size: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
line-height: 42px;
height: 42px;
}
@media screen and (min-width: 1024px) {
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
}
}
.product-template-default .summary.entry-summary form.cart .quantity span:active,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:active,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:active {
color: #c88b43;
}
@media screen and (min-width: 480px) {
.product-template-default .summary.entry-summary form.cart .quantity span:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:hover {
color: #c88b43;
}
}
.product-template-default .summary.entry-summary form.cart .quantity input,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input {
font-size: 14px;
padding: 8px;
border: 0;
text-align: center;
width: 40px !important;
float: left;
display: block;
outline: none;
pointer-events: none;
line-height: 42px;
height: 42px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .quantity input,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.product-template-default .summary.entry-summary form.cart .quantity input,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input {
width: 60px !important;
height: 60px !important;
font-size: 20px;
}
}
.product-template-default .summary.entry-summary form.cart .quantity input::-webkit-outer-spin-button, .product-template-default .summary.entry-summary form.cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
float: right;
width: calc(100% - 200px);
background-color: #1E1622;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 24px;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border: 0;
}
@media screen and (min-width: 1024px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
line-height: 46px;
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .button:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button:hover {
background-color: #c88b43;
}
.product-template-default .summary.entry-summary form.cart .button.loading,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.loading,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.loading {
pointer-events: none;
background-color: #583c1a;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/add-to-cart-loader.svg);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.added,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added {
font-size: 0;
pointer-events: none;
}
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
.product-template-default .summary.entry-summary form.cart .button.disabled,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.disabled,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.disabled {
pointer-events: none;
opacity: 0.8;
}
.product-template-default .summary.entry-summary form.cart .button.wc-variation-is-unavailable,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.wc-variation-is-unavailable,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.wc-variation-is-unavailable {
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.wc-variation-is-unavailable:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.wc-variation-is-unavailable:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.wc-variation-is-unavailable:before {
content: "Nedostupno";
font-size: 14px;
line-height: 24px;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
font-size: 20px;
}
}
.product-template-default .summary.entry-summary a.added_to_cart.wc-forward {
display: none;
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs {
margin: 16px 0 0;
padding: 0;
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs .jp-product-summary-section {
margin: 0;
padding: 0;
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs .jp-product-summary-section + .jp-product-summary-section {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs p:first-child {
margin-top: 0;
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes th,
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes td {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
font-weight: 400;
text-align: left;
padding: 0;
border: 0;
background-color: transparent;
vertical-align: middle;
max-width: 100%;
box-sizing: border-box;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes th,
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes td {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes th:after {
content: ":";
margin-right: 4px;
}
.product-template-default .summary.entry-summary .jp-product-summary-tabs .shop_attributes p {
margin: 0;
}
.product-template-default .woocommerce-tabs {
position: relative;
margin: 48px 0;
padding: 48px 0;
background-color: transparent;
}
.product-template-default .woocommerce-tabs:before {
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
height: 100%;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-tabs {
clear: both;
width: 100%;
margin: 0 0 64px;
}
}
.product-template-default .woocommerce-tabs .tabs {
list-style-type: none;
margin: 0 0 32px;
padding: 0;
display: flex;
gap: 24px;
flex-wrap: nowrap;
overflow: auto;
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .tabs {
justify-content: center;
max-width: 1170px;
max-width: 1440px;
margin: 0 auto 48px;
}
}
.product-template-default .woocommerce-tabs .tabs li {
outline: none;
}
.product-template-default .woocommerce-tabs .tabs li:only-child {
display: none;
}
.product-template-default .woocommerce-tabs .tabs li a {
outline: none;
display: block;
padding: 8px 48px;
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.5;
color: #444;
font-weight: 400;
font-size: 16px;
white-space: nowrap;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .tabs li a {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .tabs li a {
font-size: 20px;
padding: 8px 64px;
}
}
.product-template-default .woocommerce-tabs .tabs li a:hover {
color: #c88b43;
}
.product-template-default .woocommerce-tabs .tabs li.active a {
color: #fff;
background-color: #1E1622;
}
.product-template-default .woocommerce-tabs .comment-reply-title {
font-weight: 600;
margin-bottom: 8px;
display: block;
}
.product-template-default .woocommerce-tabs .comment-notes {
font-size: 14px;
background-color: #bbb;
padding: 16px;
border-radius: 0px;
}
.product-template-default .woocommerce-tabs .comment-notes > span {
display: block;
}
.product-template-default .woocommerce-tabs .commentlist {
padding: 0;
margin: 0;
list-style-type: none;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container {
display: grid;
gap: 16px;
grid-template-columns: 64px 1fr;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .commentlist .comment_container {
grid-template-columns: 100px 1fr;
gap: 24px;
}
}
.product-template-default .woocommerce-tabs .commentlist .comment_container img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
border: 2px solid #F3EFEA;
padding: 2px;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .comment-text {
position: relative;
background-color: #F3EFEA;
padding: 16px;
border-radius: 16px;
margin: 0;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .commentlist .comment_container .comment-text {
padding: 24px;
}
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .comment-text:after {
content: "";
position: absolute;
top: 0;
margin-top: 0;
left: -15px;
border: solid 10px transparent;
border-right-color: #F3EFEA;
border-top-color: #F3EFEA;
z-index: 1;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .commentlist .comment_container .comment-text:after {
left: -20px;
border: solid 15px transparent;
border-right-color: #F3EFEA;
border-top-color: #F3EFEA;
}
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .description {
margin: 0;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .star-rating {
font-size: 0;
display: block;
position: relative;
width: 125px;
margin: 0 0 8px;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .star-rating:before {
content: '★★★★★';
font-size: 24px;
letter-spacing: 0.05em;
color: #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: absolute;
top: 0;
left: 0;
line-height: 1;
text-align: center;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .star-rating span {
display: block;
position: relative;
overflow: hidden;
height: 25px;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container .star-rating span:after {
content: '★★★★★';
opacity: 1;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1;
color: #E0BB8F;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.product-template-default .woocommerce-tabs .commentlist .comment_container p {
margin: 0;
}
.product-template-default .woocommerce-tabs .comment-form {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .comment-form {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.product-template-default .woocommerce-tabs .comment-form > * {
grid-column: span 2;
}
.product-template-default .woocommerce-tabs .comment-form > .comment-form-email,
.product-template-default .woocommerce-tabs .comment-form > .comment-form-author {
grid-column: span 1;
}
}
.product-template-default .woocommerce-tabs .comment-form p {
margin: 0 !important;
}
.product-template-default .woocommerce-tabs .comment-form .form-submit input[type="submit"] {
width: 100%;
padding: 8px 16px;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #fff;
background-color: #c88b43;
font-weight: 600;
letter-spacing: 0.05em;
border: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
}
.product-template-default .woocommerce-tabs .comment-form .form-submit input[type="submit"]:hover {
background-color: #583c1a;
}
.product-template-default .woocommerce-tabs .comment-form label {
font-weight: 500;
}
.product-template-default .woocommerce-tabs .comment-form .comment-form-rating {
margin: 0;
}
.product-template-default .woocommerce-tabs .comment-form p.stars {
position: relative;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span {
width: 125px;
height: 25px;
display: flex;
position: relative;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span a {
font-size: 0;
line-height: 1;
text-decoration: none;
position: relative;
width: 20%;
z-index: 2;
outline: none !important;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span a:hover:after {
content: '★';
line-height: 1;
font-size: 24px;
letter-spacing: 0.05em;
color: #C88B43;
vertical-align: middle;
margin-left: -6px;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span:before {
content: '★★★★★';
font-size: 24px;
letter-spacing: 0.05em;
color: #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: absolute;
top: 0;
left: 0;
line-height: 1;
text-align: center;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span:after {
content: '★★★★★';
opacity: 1;
width: 0;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1;
color: #E0BB8F;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span.star-1:after {
width: 20%;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span.star-2:after {
width: 40%;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span.star-3:after {
width: 60%;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span.star-4:after {
width: 80%;
}
.product-template-default .woocommerce-tabs .comment-form p.stars span.star-5:after {
width: 100%;
}
.product-template-default .woocommerce-tabs .comment-form textarea {
font-size: 16px;
line-height: 1.25;
max-width: 100%;
height: 100px;
width: 100%;
min-height: 70px;
max-height: 300px;
display: block;
min-width: 100%;
}
.product-template-default .woocommerce-tabs .comment-form input {
font-size: 16px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel {
max-width: 800px;
margin: 0 auto;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
color: #1E1622;
letter-spacing: 0.02em;
margin: 0 0 8px;
text-transform: uppercase;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2:first-child {
display: none;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 24px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #847979;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p b {
font-weight: 600;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 18px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a {
font-weight: 500;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a:hover {
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-weight: 500;
font-size: 18px;
margin: 16px 0 8px;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-size: 20px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3 strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 strong {
font-weight: 600;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul {
margin-left: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul li {
margin: 0 0 12px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table {
border-collapse: collapse;
border: 1px solid #F7F2E9;
background-color: #fff;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
border-top: 1px solid #F7F2E9;
border-bottom: 1px solid #F7F2E9;
background-color: rgba(126, 95, 125, 0.1);
padding: 8px 16px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td:first-child {
font-weight: 500;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td:last-child {
text-align: right;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) td {
background-color: rgba(126, 95, 125, 0.05);
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a {
text-decoration: none;
color: #1E1622;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:before {
margin-right: 8px;
color: #c88b43;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:hover {
color: #c98170;
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.pdf a:before {
content: "\eadf";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.docx a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.doc a:before {
content: "\eae1";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.webp a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpeg a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.png a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpg a:before {
content: "\e91a";
font-family: "icomoon";
}
.upsells.products,
.related.products {
clear: both;
margin: 48px auto;
max-width: 1920px;
}
@media screen and (min-width: 720px) {
.upsells.products,
.related.products {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.upsells.products,
.related.products {
margin: 80px auto;
}
}
@media screen and (min-width: 1240px) {
.upsells.products,
.related.products {
margin: 120px auto;
}
}
.upsells.products > h2,
.related.products > h2 {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
text-align: left;
font-weight: 400;
color: #1E1622;
text-transform: uppercase;
font-family: "Jost", sans-serif;
}
.upsells.products > h2,
.related.products > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.upsells.products > h2,
.related.products > h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.upsells.products > h2,
.related.products > h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.upsells.products > h2,
.related.products > h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.upsells.products > h2,
.related.products > h2 {
margin-bottom: 40px;
}
}
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.upsells.products > h2 small,
.related.products > h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 32px;
}
}
.upsells.products > h2,
.related.products > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.upsells.products > h2,
.related.products > h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.upsells.products > h2,
.related.products > h2 {
font-size: 32px;
}
}
.upsells.products .lowest_price,
.related.products .lowest_price {
display: none;
}
.upsells.products .minigreeny-size-chart,
.related.products .minigreeny-size-chart {
display: none;
}
.upsells.products .quantity,
.related.products .quantity {
display: none !important;
}
.minigreeny-size-chart:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.minigreeny-size-chart-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.minigreeny-size-chart-modal.active {
z-index: 10;
visibility: visible;
opacity: 1;
}
.minigreeny-size-chart-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.minigreeny-size-chart-trigger {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 24px;
padding: 8px 32px;
float: left;
border: 1px solid #bbb;
background-color: #F7F2E9;
margin-bottom: 16px;
color: #444;
}
.minigreeny-size-chart-trigger {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.minigreeny-size-chart-trigger {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.minigreeny-size-chart-trigger {
font-size: 18px;
}
}
.minigreeny-size-chart-trigger:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/size-chart.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
@media screen and (min-width: 720px) {
.minigreeny-size-chart-trigger:before {
width: 24px;
height: 24px;
}
}
.minigreeny-size-chart-trigger:hover {
color: #c88b43;
cursor: pointer;
}
.minigreeny-size-chart-content {
position: absolute;
border-radius: 0px;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
background: #fff;
max-width: 720px;
width: calc(100% - 32px);
margin: 0 auto;
padding: 32px 24px 24px;
}
@media screen and (min-width: 720px) {
.minigreeny-size-chart-content {
padding: 32px;
}
}
@media screen and (min-width: 1024px) {
.minigreeny-size-chart-content {
padding: 48px;
}
}
.minigreeny-size-chart-content-close {
position: absolute;
top: -8px;
right: -8px;
width: 40px;
height: 40px;
padding: 8px;
cursor: pointer;
border-radius: 100%;
background: #fff;
display: block;
}
.minigreeny-size-chart-content-close:before, .minigreeny-size-chart-content-close:after {
content: '';
height: 24px;
border-left: 2px solid #3f4146;
position: absolute;
left: 19px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.minigreeny-size-chart-content-close:after {
transform: rotate(45deg);
}
.minigreeny-size-chart-content-close:before {
transform: rotate(-45deg);
}
.minigreeny-size-chart-content-close:hover:before, .minigreeny-size-chart-content-close:hover:after {
border-left: 2px solid #c88b43;
}
.minigreeny-size-chart-title {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
line-height: 1;
margin: 0 0 16px;
font-family: "Jost", sans-serif;
}
@media screen and (min-width: 720px) {
.minigreeny-size-chart-title {
font-size: 24px;
margin: 0 0 24px;
}
}
.minigreeny-size-chart-link {
margin: 0 0 16px;
text-align: center;
}
@media screen and (min-width: 720px) {
.minigreeny-size-chart-link {
margin: 0 0 24px;
}
}
.minigreeny-size-chart-link a {
font-weight: 500;
font-size: 16px;
}
.minigreeny-size-chart-link a:hover {
text-decoration: none;
}
.minigreeny-size-chart-table {
border-spacing: 0;
border: 0;
text-align: center;
margin: 0;
}
.minigreeny-size-chart-table tr th {
font-weight: 400;
border: 0;
background: #F7F2E9;
width: 33.33333%;
font-size: 16px;
line-height: 1;
padding: 16px 0;
letter-spacing: 0.05em;
}
.minigreeny-size-chart-table tr td {
letter-spacing: 0.05em;
border-bottom: 1px solid #F7F2E9;
padding: 16px 0;
line-height: 1;
font-size: 16px;
color: #3f4146;
font-weight: 300;
}
.lowest_price.single,
.lowest_price.single.woocommerce-Price-amount {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #847979;
}
@media screen and (min-width: 720px) {
.lowest_price.single,
.lowest_price.single.woocommerce-Price-amount {
font-size: 16px;
}
}
.lowest_price.single {
display: block;
margin-bottom: 16px;
}
.wc_second_price {
color: #847979;
vertical-align: middle;
line-height: inherit;
font-weight: 400;
margin-left: 8px;
}
.woocommerce-tabs .sigurnosne-informacije-tab {
text-align: center;
}
.woocommerce-tabs .load-safety-info-button {
display: inline-block;
background-color: #fff;
background-position: center;
color: #444;
font-size: 14px;
line-height: 24px;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
width: 260px;
border: 1px solid #f8f8f8;
font-weight: 500;
}
.woocommerce-tabs .load-safety-info-button.loading {
pointer-events: none;
background-color: #bbb;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/add-to-cart-loader.svg);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.woocommerce-tabs .load-safety-info-button.hidden {
display: none;
}
.woocommerce-tabs .load-safety-info-button:hover {
background-color: #f5f5f5;
}
.woocommerce-tabs .sigurnosne-informacije-content p {
font-size: 14px !important;
margin: 0 0 4px !important;
}
.woocommerce-tabs .sigurnosne-informacije-files ul {
list-style: none;
padding: 0;
margin: 16px 0;
}
.woocommerce-tabs .sigurnosne-informacije-files ul li a {
font-size: 14px;
}
@media screen and (min-width: 720px) {
.woocommerce-tabs .sigurnosne-informacije-files ul li a {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary form.cart .button.eraccoon-personalize-trigger {
background: #fff;
border-width: 2px;
border-color: #c88b43;
color: #c88b43;
}
.product-template-default .summary.entry-summary form.cart .button.eraccoon-personalize-trigger:hover {
background-color: #c88b43;
color: #fff;
border-bottom-color: #31210e;
}
.eraccoon-modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 60px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.eraccoon-modal-content {
background-color: #fff;
margin: auto;
overflow: hidden;
border-radius: 8px;
width: 90%;
width: calc(100% - 32px);
max-width: 768px;
position: relative;
}
.eraccoon-modal-close {
position: absolute;
top: 16px;
right: 16px;
z-index: 3;
background-color: #fff;
cursor: pointer;
border: 1px solid #444;
color: #444;
border-radius: 100%;
padding: 4px;
font-size: 20px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.eraccoon-modal-close:hover {
color: #c88b43;
border-color: #c88b43;
}
.eraccoon-modal .description {
background: #efefef;
color: #444;
font-size: 12px;
margin: 16px 0;
padding: 16px;
color: #3f4146;
}
.eraccoon-modal .engraving-field {
padding: 16px;
position: relative;
}
.eraccoon-modal .engraving-field label {
position: absolute;
left: 10px;
top: 10px;
background: white;
padding: 0 5px;
font-size: 14px;
color: #555;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
font-weight: 500;
pointer-events: none;
}
.eraccoon-modal .engraving-field input[type="text"]:focus + label,
.eraccoon-modal .engraving-field input[type="text"].has-text + label {
top: -8px;
color: #444;
}
.eraccoon-modal .engraving-field input[type="text"] {
padding: 12px 10px 6px;
width: 100%;
font-size: 16px;
line-height: 24px;
box-sizing: border-box;
font-weight: 500;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.eraccoon-modal .engraving-field input[type="text"]:focus,
.eraccoon-modal .engraving-field input[type="text"].has-text {
padding: 9px 10px;
}
.eraccoon-modal .engraving-field .char-counter {
text-align: right;
color: #555;
position: absolute;
top: 24px;
right: 24px;
font-size: 14px;
line-height: 32px;
display: block;
}
.eraccoon-modal .engraving-field button {
display: block;
width: 100% !important;
float: none !important;
}
.personalization-notice-engraving {
display: block;
font-size: 14px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0.02em;
margin: 0 0 16px;
padding: 8px 16px;
text-align: left;
border: 2px solid #c88b43;
background-color: rgba(96, 38, 132, 0.075);
color: #c88b43;
border-radius: 0px;
}
.personalization-notice-engraving strong {
font-weight: 600;
}
@media screen and (min-width: 720px) {
.personalization-notice-engraving {
font-size: 16px;
margin: 0 0 24px;
}
}
.eraccoon-image-wrapper {
position: relative;
z-index: 2;
display: inline-block;
margin-bottom: 15px;
max-width: 100%;
}
.eraccoon-image-wrapper img {
max-width: 100%;
height: auto;
display: block;
}
.eraccoon-image-wrapper .engraving-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
pointer-events: none;
}
.eraccoon-image-wrapper .engraving-loader img {
width: 80px;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
}
#engraving-preview {
position: absolute;
z-index: 5;
color: #838383;
pointer-events: none;
white-space: nowrap;
text-align: center;
text-shadow: 0 0 1px #fff;
font-weight: 500;
font-size: 3.2vh;
top: 50vh;
top: calc(1vh * 35);
width: 100%;
left: 4%;
margin-left: calc(6vh * -1.5 / 9);
}
@media (max-width: 768px) {
#engraving-preview {
font-size: calc(3.2vw * 0.65);
top: calc(1% * 32.5);
margin-left: calc(2.5vh * -1.5 / 10);
}
}
@media (min-height: 625px) and (min-width: 768px) {
#engraving-preview {
font-size: calc(625px * 3.2 / 100);
top: calc(625px * 35 / 100);
margin-left: calc(625px * -1.5 / 150);
}
}
.single.woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
padding: 0 16px !important;
font-weight: 500;
}
.woocommerce-cart h1 {
text-transform: uppercase;
color: #1E1622;
max-width: 100%;
font-weight: 500;
text-align: left;
margin: 0 0 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
letter-spacing: 0.05em;
}
@media screen and (min-width: 720px) {
.woocommerce-cart h1 {
margin-bottom: 32px;
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart h1 {
font-size: 40px;
}
}
.woocommerce-cart .site-content {
margin-top: 24px;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .site-content {
margin-top: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .site-content {
margin-top: 48px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-cart .site-content {
margin-top: 64px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .woocommerce-notices-wrapper {
grid-column: span 2;
}
}
.woocommerce-cart .free-shipping-message {
background-color: #F7F2E9;
padding: 8px 16px;
margin: 12px 0 0;
text-align: left;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.025em;
border: 2px solid #F7F2E9;
background-color: #fcf7eb;
color: #E0BB8F;
border-color: #E0BB8F;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .free-shipping-message {
font-size: 16px;
}
}
.woocommerce-cart .free-shipping-message .woocommerce-Price-amount {
vertical-align: unset;
}
.woocommerce-cart .storefront-breadcrumb {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
}
}
@media screen and (max-width: 1023px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive { display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tbody {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive td, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive th, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr {
display: block;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead {
display: none;
}
@media screen and (min-width: 1023px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead {
display: table-header-group;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding-bottom: 8px;
text-align: center;
font-weight: 400;
font-size: 16px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-name {
text-align: left;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-subtotal {
text-align: right;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item {
display: block;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 16px 0;
}
@media screen and (max-width: 1023px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item:after {
content: "";
clear: both;
width: 100%;
display: block;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item {
display: table-row;
border: 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove {
position: absolute;
top: 16px;
right: 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove {
position: static;
top: 0;
width: 64px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove a {
color: #847979;
text-decoration: none;
display: block;
width: 24px;
font-size: 24px;
font-weight: 400;
line-height: 20px;
height: 24px;
text-align: center;
border-radius: 24px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
float: right;
clear: right;
width: calc(100% - 100px - 16px);
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
float: none;
clear: none;
width: auto;
padding: 0 16px 16px 0;
border-bottom: 1px solid #C8C4C4;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail {
width: 100px;
float: left;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail {
float: none;
padding: 16px 16px 16px 0;
width: 120px;
border-bottom: 1px solid #C8C4C4;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail a {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail img {
object-fit: contain;
aspect-ratio: 1;
display: block;
border-radius: 4px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name {
padding-right: 24px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name a {
display: inline-block;
font-weight: 500;
color: #1E1622;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.05em;
text-decoration: none;
text-align: left;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name a {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name a {
font-size: 18px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price {
margin-bottom: 8px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
padding: 0;
color: #1E1622;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
vertical-align: middle;
font-size: 18px;
line-height: 1.25;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price:before,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal:before {
content: attr(data-title) ":";
vertical-align: bottom;
font-weight: 400;
font-size: 14px;
color: #444;
margin-right: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price:before,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal:before {
display: none;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price span,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal span {
vertical-align: bottom;
font-weight: 500;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price small,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal small {
vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price small,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal small {
display: block;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price {
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
text-align: right;
padding-right: 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal span {
color: #c88b43;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity {
margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity {
padding: 0 8px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity {
float: left;
width: 98px;
border: 1px solid #C8C4C4;
border-radius: 0px;
padding: 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity {
float: none;
margin: 0 auto;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity span {
float: left;
width: 32px;
height: 32px;
text-align: center;
vertical-align: bottom;
line-height: 32px;
font-size: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity span:hover {
color: #c88b43;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input {
height: auto;
font-size: 14px;
line-height: 24px;
padding: 4px;
border: 0;
text-align: center;
width: 32px !important;
float: left;
display: block;
outline: none;
pointer-events: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input::-webkit-outer-spin-button, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation {
padding: 0;
margin: 16px 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dt {
font-weight: 400;
color: #847979;
font-size: 14px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd {
margin: 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd:not(:last-child) {
margin-bottom: 4px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd p {
margin: 0;
color: #1E1622;
font-size: 14px;
font-weight: 600;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr { }
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions {
display: grid;
gap: 16px;
border: 0;
margin: 16px auto;
border-radius: 0px;
text-align: left;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions:before {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions {
display: table-cell;
padding: 16px 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon {
background-color: rgba(0, 0, 0, 0.1);
padding: 16px;
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon {
margin-bottom: 16px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 16px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon .coupon-form {
display: none;
padding: 8px 0 16px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon input {
display: block;
width: 100%;
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon input {
margin: 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon button {
display: block;
background-color: #fff;
background-position: center;
color: #c88b43;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 1px solid #c88b43;
cursor: pointer;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon button:hover {
color: #fff;
background-color: #c88b43;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label {
display: block;
color: #c88b43;
vertical-align: middle;
line-height: 19px;
padding: 8px 0;
position: relative;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label:hover {
cursor: pointer;
color: #583c1a;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
font-family: "icomoon";
content: "\e90b";
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label.active:after {
transform: rotate(180deg) translateY(50%);
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label.active + .coupon-form {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"] {
display: block;
background-color: #fff;
background-position: center;
color: #1E1622;
font-size: 16px;
line-height: 26px;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0px;
width: 100%;
border: 1px solid #ECC88C;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"] {
font-size: 18px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"]:hover {
color: #fff;
background-color: #c88b43;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"][disabled], .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"]:disabled {
pointer-events: none;
opacity: 0.5;
}
.woocommerce-cart .wc-proceed-to-checkout.before-cart {
margin-bottom: 16px;
display: block;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .wc-proceed-to-checkout.before-cart {
display: none;
}
}
.woocommerce-cart .wc-proceed-to-checkout.after-cart {
display: block;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
background-color: #1E1622;
background-position: center;
color: #fff;
font-size: 16px;
line-height: 26px;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0;
width: 100%;
border: 1px solid #c88b43;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 12px 16px;
font-size: 20px;
}
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #583c1a;
}
.woocommerce-cart .cart-collaterals .cross-sells {
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 16px;
margin-bottom: 16px;
}
.woocommerce-cart .cart-collaterals h2 {
font-size: 20px;
font-weight: 500;
line-height: 1.25;
margin: 0 0 8px;
color: #1E1622;
}
.woocommerce-cart .cart-collaterals .shop_table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table tr th {
display: none !important;
}
.woocommerce-cart .cart-collaterals .shop_table tr td {
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
color: #1E1622;
font-weight: 400;
font-size: 14px;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cart-collaterals .shop_table tr td {
font-size: 16px;
}
}
.woocommerce-cart .cart-collaterals .shop_table tr td:before {
content: attr(data-title) ":";
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #1E1622;
display: block;
float: left;
width: 40%;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cart-collaterals .shop_table tr td:before {
font-size: 16px;
}
}
.woocommerce-cart .cart-collaterals .shop_table tr td {
text-align: right;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals td {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals td:before {
float: none;
width: 100%;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input {
display: none;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + label:before, .woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + span.wpcf7-list-item-label:before,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + label:after, .woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + span.wpcf7-list-item-label:after,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + label:after {
opacity: 1;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li span.wpcf7-list-item-label,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li span.wpcf7-list-item-label:before,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li span.wpcf7-list-item-label:after,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li span.wpcf7-list-item-label:hover:before,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:hover:before {
border-color: #c88b43;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label {
font-size: 18px;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-destination,
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator {
font-size: 16px;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td {
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1E1622;
text-align: right;
padding: 16px 0;
border: 0;
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th:before,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td:before {
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th strong,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td strong {
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th small,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td small {
display: block;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-methods {
padding: 0;
margin: 8px 0 0;
list-style-type: none;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-destination {
font-weight: 400;
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-destination strong {
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .cross-sells {
grid-column: span 2;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .cross-sells ul.products {
grid-template-columns: repeat(4, 1fr);
}
}
.woocommerce-cart .cross-sells > h2 {
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
}
.woocommerce-cart .cross-sells > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.woocommerce-cart .cross-sells > h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-cart .cross-sells > h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cross-sells > h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .cross-sells > h2 {
margin-bottom: 40px;
}
}
.woocommerce-cart .cross-sells > h2 small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.woocommerce-cart .cross-sells > h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.woocommerce-cart .cross-sells > h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-cart .cross-sells > h2 small {
font-size: 32px;
}
}
.variation dt.variation-DeliveryNotice {
display: none;
}
.variation dd.variation-DeliveryNotice {
text-align: left;
padding: 4px 16px;
margin: 12px 0 0;
font-weight: 500;
font-size: 14px;
letter-spacing: 0;
border: 2px solid #c88b43;
background-color: #ebd4b9;
color: #c88b43;
margin-bottom: 24px;
}
.variation dd.variation-DeliveryNotice p {
margin: 0;
color: #c88b43 !important;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.variation dd.variation-DeliveryNotice {
font-size: 14px;
}
}
.woocommerce-checkout .site-header-holder {
position: relative;
}
.woocommerce-checkout .woocommerce-notice {
background-color: #F7F2E9;
padding: 8px 16px;
margin: 12px 0 0;
text-align: left;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.025em;
border: 2px solid #F7F2E9;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-notice {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-notice-warning {
background-color: #fcf7eb;
color: #E0BB8F;
border-color: #E0BB8F;
}
.woocommerce-checkout .woocommerce-notice--success {
background-color: #c88b43;
color: #fff;
}
.woocommerce-checkout .woocommerce-notice--failed {
background-color: #BC5737;
color: #fff;
}
.woocommerce-checkout .checkout-backlink {
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
margin: 0;
}
.woocommerce-checkout .checkout-backlink a {
display: block;
text-decoration: none;
}
.woocommerce-checkout .checkout-backlink a i {
font-size: 32px;
line-height: 1;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .checkout-backlink a i {
font-size: 24px;
}
}
.woocommerce-checkout .checkout-backlink span {
font-size: 0;
vertical-align: middle;
margin-left: 8px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .checkout-backlink span {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
}
.woocommerce-checkout .site-header {
padding: 16px;
min-height: 0;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .site-header {
padding: 24px;
}
}
.woocommerce-checkout .site-header .header-items {
display: none;
}
.woocommerce-checkout .site-header .site-header-wrapper {
float: none;
width: 100%;
}
.woocommerce-checkout .site-header .site-branding {
transform: none;
position: static;
margin: 0 auto;
}
.woocommerce-checkout .site-header .site-branding img {
height: auto;
}
.woocommerce-checkout .entry-header {
padding: 16px 0 0;
}
.woocommerce-checkout .entry-header h1 {
padding: 0 24px;
font-weight: 500;
margin: 0 0 16px;
}
.woocommerce-checkout .entry-content {
padding: 0 24px;
}
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 24px;
margin: 0 0 24px;
max-width: 400px;
}
.woocommerce-checkout .woocommerce-form-login p,
.woocommerce-checkout .woocommerce-form-coupon p {
margin: 0;
color: #444;
font-size: 14px;
line-height: 1.5;
}
.woocommerce-checkout .woocommerce-form-login p:not(:last-child),
.woocommerce-checkout .woocommerce-form-coupon p:not(:last-child) {
margin-bottom: 16px;
}
.woocommerce-checkout .woocommerce-form-login p.form-row-last,
.woocommerce-checkout .woocommerce-form-coupon p.form-row-last {
margin: 0;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-form-login button,
.woocommerce-checkout .woocommerce-form-coupon button {
padding: 8px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-form-login button,
.woocommerce-checkout .woocommerce-form-coupon button {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
background-color: transparent;
color: #1E1622;
font-size: 14px;
margin: 0;
padding: 8px 0;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
font-weight: 500;
text-decoration: underline;
}
.woocommerce-checkout .form-row.mailchimp-newsletter {
margin: 24px 0 0 !important;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label input {
display: none;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label input[type="hidden"] + span:before,
.woocommerce-checkout .form-row.mailchimp-newsletter label input[type="hidden"] + label:before, .woocommerce-checkout .form-row.mailchimp-newsletter label input:checked + span:before,
.woocommerce-checkout .form-row.mailchimp-newsletter label input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label input[type="hidden"] + span:after,
.woocommerce-checkout .form-row.mailchimp-newsletter label input[type="hidden"] + label:after, .woocommerce-checkout .form-row.mailchimp-newsletter label input:checked + span:after,
.woocommerce-checkout .form-row.mailchimp-newsletter label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label > span,
.woocommerce-checkout .form-row.mailchimp-newsletter label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label > span:before,
.woocommerce-checkout .form-row.mailchimp-newsletter label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label > span:after,
.woocommerce-checkout .form-row.mailchimp-newsletter label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .form-row.mailchimp-newsletter label > span:hover:before,
.woocommerce-checkout .form-row.mailchimp-newsletter label label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .form-row.mailchimp-newsletter span {
margin-left: 8px;
font-weight: 600;
}
.woocommerce-checkout #order_review_heading {
display: none;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input {
display: none;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input[type="hidden"] + span:before,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input[type="hidden"] + label:before, .woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input:checked + span:before,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input[type="hidden"] + span:after,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input[type="hidden"] + label:after, .woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input:checked + span:after,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper > span,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper > span:before,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper > span:after,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper > span:hover:before,
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper .checkbox.active:before {
border-color: #c88b43;
}
.woocommerce-checkout #ws_opt_in_field .woocommerce-input-wrapper .checkbox.active:after {
opacity: 1;
}
.woocommerce-checkout .prefooter {
display: none;
}
.woocommerce-checkout .site-footer {
padding: 0;
}
.woocommerce-checkout .site-footer .col-full,
.woocommerce-checkout .site-footer .footer-support,
.woocommerce-checkout .site-footer .footer-logo {
display: none;
}
.woocommerce-checkout .footer-copyright {
border: 0;
}
.woocommerce-checkout .storefront-breadcrumb {
display: none;
}
.woocommerce-checkout .entry-content {
margin: 0;
}
.woocommerce-checkout .woocommerce-shipping-fields {
background: #fff;
border-radius: 0px;
margin: 16px 0;
padding: 12px 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-shipping-fields {
padding: 12px 24px;
}
}
.woocommerce-checkout .woocommerce-additional-fields {
margin: 16px 0;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
display: block;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row,
.woocommerce-checkout .woocommerce-shipping-fields .form-row,
.woocommerce-checkout .woocommerce-additional-fields .form-row {
position: relative;
margin: 0;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide {
grid-column: 1 / 3;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide {
grid-column: auto;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide.large,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide.large,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide.large {
grid-column: 1 / 3;
}
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.ce-field,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.ce-field,
.woocommerce-checkout .woocommerce-additional-fields .form-row.ce-field {
margin: 16px 0;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 {
grid-column: 1 / 3;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input {
display: none;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:hover:before,
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper span.wpcf7-list-item-label:hover:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio {
display: inline-block;
margin-top: 8px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child),
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child),
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child) {
margin-right: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_address_2_field,
.woocommerce-checkout .woocommerce-shipping-fields .form-row#billing_address_2_field,
.woocommerce-checkout .woocommerce-additional-fields .form-row#billing_address_2_field {
grid-column: 1 / 3;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_address_2_field input,
.woocommerce-checkout .woocommerce-shipping-fields .form-row#billing_address_2_field input,
.woocommerce-checkout .woocommerce-additional-fields .form-row#billing_address_2_field input {
margin: 0;
}
.woocommerce-checkout .woocommerce-shipping-methods #box_now_delivery_button {
background-color: #84C33F !important;
color: #fff !important;
margin: 24px 0;
box-shadow: none;
border-radius: 0;
font-weight: 500;
border: 0;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout form.checkout.woocommerce-checkout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout form.checkout.woocommerce-checkout {
grid-template-columns: 3fr 2fr;
gap: 48px;
}
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
grid-column: 1/3;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
position: relative;
background-color: #f7f7f7;
padding: 16px;
margin: 32px 0;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-checkout-review-order {
padding: 24px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order {
padding: 32px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order:before, .woocommerce-checkout .woocommerce-checkout-review-order:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 10px;
background-color: transparent;
background-image: radial-gradient(farthest-side, transparent 6px, #f7f7f7 0);
background-size: 15px 15px;
}
.woocommerce-checkout .woocommerce-checkout-review-order:before {
top: -10px;
background-position: -3px -5px, 0 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order:after {
background-position: -3px 2px, 0 0;
bottom: -10px;
}
.woocommerce-checkout wc-order-attribution-inputs {
order: 99;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
border-collapse: collapse;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
text-align: left;
padding: 8px 0;
border-bottom: 1px solid #C8C4C4;
font-weight: 500;
font-size: 14 p;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th.product-total {
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
padding: 8px 0;
border-bottom: 1px solid #C8C4C4;
font-size: 14px;
line-height: 20px;
min-width: 100px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-name {
width: 70%;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total {
text-align: right;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total small {
display: block;
margin: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td .product-quantity {
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
text-align: right;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal small {
display: block;
margin: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
padding: 12px 0;
border-bottom: 1px solid #C8C4C4;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total {
color: #c88b43;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-size: 18px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total small {
display: block;
margin: 0;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total small {
font-weight: 400;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping th {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td {
width: 100%;
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td:before {
content: attr(data-title);
margin-bottom: 12px;
display: block;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span.wpcf7-list-item-label,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span.wpcf7-list-item-label:hover:before,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label {
font-size: 16px;
line-height: 24px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li:not(:last-child) {
margin-bottom: 8px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li small {
float: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li small {
clear: both;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods {
padding: 0;
margin: 0;
list-style-type: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li {
padding: 12px 0;
margin: 0;
border-bottom: 1px solid #C8C4C4;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_mypos_virtual label img {
display: block;
margin-top: 16px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_cod {
padding-right: 48px;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/cod_payment.png);
background-position: right 8px;
background-repeat: no-repeat;
background-size: 48px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_aircash-woocommerce label img {
max-width: 160px;
margin-top: -4px;
margin-left: 16px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li span.wpcf7-list-item-label,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li span.wpcf7-list-item-label:before,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li span.wpcf7-list-item-label:after,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li span.wpcf7-list-item-label:hover:before,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label {
font-size: 16px;
line-height: 24px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li .amount {
float: right;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li p {
font-size: 14px;
line-height: 20px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
font-size: 14px;
padding: 12px;
background-color: #fff;
border-radius: 0px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input {
display: none;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + label:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #c88b43;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:hover:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:hover:before {
border-color: #c88b43;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label abbr {
display: none;
}
.woocommerce-checkout .button {
background-color: #c88b43;
text-align: center;
width: 100%;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
font-size: 18px;
line-height: 24px;
padding: 16px 48px;
height: auto;
border-bottom: 3px solid #31210e;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .button:hover {
background-color: #805625;
}
.woocommerce-page .woocommerce-info {
background-color: #fcf7eb;
color: #E0BB8F;
margin-bottom: 16px;
padding: 16px;
border-radius: 0px;
}
.woocommerce-page .woocommerce-info a {
text-decoration: none;
}
.woocommerce-input-wrapper #additional_date {
-webkit-appearance: none;
appearance: none;
width: 100%;
display: block;
height: 45px;
background-color: #fff;
text-align: left;
}
.woocommerce-order-received .entry-header {
display: none;
}
.woocommerce-order-received .woocommerce-order {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
max-width: 640px;
margin: 0 auto;
padding: 24px 0;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order {
gap: 24px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order {
gap: 32px;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
margin: 0;
padding: 16px;
list-style-type: none;
border: 2px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
font-size: 16px;
line-height: 2;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview strong {
font-weight: 500;
margin-left: 4px;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview strong {
margin-right: 8px;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview + p {
display: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title {
font-weight: 500;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details {
border-collapse: collapse;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead th {
text-align: left;
font-weight: 500;
padding: 8px 16px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead th:last-child {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td {
padding: 8px 16px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td a {
font-weight: 400;
color: #444;
text-decoration: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td .product-quantity {
font-weight: 400;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-total {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-total > span {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th {
text-align: left;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th, .woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
padding: 8px 16px;
font-weight: 500;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td small {
display: block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td small.shipped_via {
display: inline-block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:nth-child(4) {
color: #c88b43;
font-size: 18px;
}
.woocommerce-order-received .back-to-home-button {
margin: 32px auto;
text-align: center;
}
.woocommerce-order-received .woocommerce-notice {
background-color: #F7F2E9;
padding: 16px;
text-align: center;
margin: 0;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.025em;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-notice {
font-size: 18px;
}
}
.woocommerce-order-received .woocommerce-notice--success {
background-color: #c88b43;
color: #fff;
}
.woocommerce-order-received .woocommerce-notice--failed {
background-color: #BC5737;
color: #fff;
}
.woocommerce-account {
color: #1E1622;
}
.woocommerce-account .entry-header {
display: none;
}
.woocommerce-account .show-password-input {
display: none !important;
}
.woocommerce-account h2 {
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 32px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.woocommerce-account h2 {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin: 0 0 16px;
padding: 0 0 16px;
display: flex;
flex-flow: row;
flex-wrap: nowrap;
overflow: auto;   }
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul {
justify-content: center;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-track {
border-radius: 0px;
background-color: #F7F2E9;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
background: #c88b43;
border-radius: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
order: 1;
}
@media screen and (max-width: 1023px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin-right: 16px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 8px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a {
color: #c88b43;
border-color: #c88b43;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 8px 16px;
white-space: nowrap;
text-decoration: none;
border: 1px solid #1E1622;
border-radius: 4px;
color: #1E1622;
font-size: 10px;
line-height: 20px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-transform: uppercase;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
font-size: 14px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
color: #c88b43;
border-color: #c88b43;
}
.woocommerce-account .woocommerce-MyAccount-content {
max-width: 1024px;
margin: 0 auto;
}
.woocommerce-account form {
display: block;
max-width: 420px;
margin: 0 auto;
}
.woocommerce-account .shop_table {
border-collapse: collapse;
border-radius: 0px 0px 0 0;
overflow: hidden;
}
.woocommerce-account .shop_table thead {
color: #fff;
background-color: #c88b43;
}
.woocommerce-account .shop_table thead th {
padding: 8px 4px;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
@media screen and (min-width: 720px) {
.woocommerce-account .shop_table thead th {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-account .shop_table thead th {
font-size: 16px;
font-weight: 700;
}
}
.woocommerce-account .shop_table tbody tr:nth-child(even) {
background-color: #F7F2E9;
}
.woocommerce-account .shop_table tbody tr:last-child {
border-bottom: 2px solid #847979;
}
.woocommerce-account .shop_table tbody tr td:first-child {
border-left: 2px solid #F7F2E9;
}
.woocommerce-account .shop_table tbody tr td:last-child {
border-right: 2px solid #F7F2E9;
}
.woocommerce-account .shop_table tbody td {
color: #1E1622;
font-size: 10px;
padding: 8px 4px;
text-align: center;
}
@media screen and (min-width: 720px) {
.woocommerce-account .shop_table tbody td {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-account .shop_table tbody td {
font-size: 16px;
}
}
.woocommerce-account .shop_table tbody td a {
text-decoration: none;
color: #1E1622;
}
.woocommerce-account .shop_table tbody td .woocommerce-button {
background-color: #c88b43;
color: #fff;
border-radius: 0px;
display: inline-block;
padding: 8px 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-account .shop_table tbody td .woocommerce-button:hover {
background-color: #583c1a;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
gap: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
background-color: #F7F2E9;
padding: 16px;
border-radius: 0px;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
font-size: 14px;
margin: 0;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
font-size: 16px;
}
}
.woocommerce-account .woocommerce-Addresses h3 {
margin: 0;
}
body .site-main .wp-block-gallery {
display: grid;
margin: 24px 0;
grid-template-columns: 1fr;
gap: 12px;
}
body .site-main .wp-block-gallery.jp-gallery--ar-1-1 .wp-block-image img {
aspect-ratio: 1 / 1;
}
body .site-main .wp-block-gallery.jp-gallery--ar-4-3 .wp-block-image img {
aspect-ratio: 4 / 3;
}
body .site-main .wp-block-gallery.jp-gallery--ar-3-4 .wp-block-image img {
aspect-ratio: 3 / 4;
}
body .site-main .wp-block-gallery.jp-gallery--ar-16-9 .wp-block-image img {
aspect-ratio: 16 / 9;
}
body .site-main .wp-block-gallery.jp-gallery--ar-9-16 .wp-block-image img {
aspect-ratio: 9 / 16;
}
body .site-main .wp-block-gallery.jp-gallery--keep-original .wp-block-image img {
aspect-ratio: auto;
object-fit: contain;
}
body .site-main .wp-block-gallery.jp-gallery--masonry {
display: block;
--jp-gallery-gap: 12px;
column-count: 1;
column-gap: 12px;
}
@media screen and (min-width: 480px) {
body .site-main .wp-block-gallery.jp-gallery--masonry {
--jp-gallery-gap: 16px;
column-count: 2;
column-gap: 16px;
}
}
@media screen and (min-width: 720px) {
body .site-main .wp-block-gallery.jp-gallery--masonry {
--jp-gallery-gap: 32px;
--jp-gallery-columns: 3 !important;
column-count: 3;
column-gap: 32px;
}
}
body .site-main .wp-block-gallery.jp-gallery--masonry .wp-block-image {
display: inline-block;
width: 100% !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
margin: 0 0 12px 0 !important;
}
@media screen and (min-width: 480px) {
body .site-main .wp-block-gallery.jp-gallery--masonry .wp-block-image {
margin-bottom: 16px !important;
}
}
@media screen and (min-width: 720px) {
body .site-main .wp-block-gallery.jp-gallery--masonry .wp-block-image {
margin-bottom: 32px !important;
}
}
body .site-main .wp-block-gallery.jp-gallery--masonry:not(.jp-gallery--keep-original):not([class*="jp-gallery--ar-"]) .wp-block-image img {
aspect-ratio: auto;
object-fit: contain;
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js {
display: block;
position: relative;
--jp-gallery-gap: 12px;
}
@media screen and (min-width: 480px) {
body .site-main .wp-block-gallery.jp-gallery--masonry-js {
--jp-gallery-gap: 16px;
}
}
@media screen and (min-width: 720px) {
body .site-main .wp-block-gallery.jp-gallery--masonry-js {
--jp-gallery-gap: 32px;
--jp-gallery-columns: 3 !important;
}
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js .wp-block-image {
width: calc((100% - (var(--jp-gallery-gap) * (var(--jp-gallery-columns, 3) - 1))) / var(--jp-gallery-columns, 3)) !important;
margin: 0 0 var(--jp-gallery-gap) 0 !important;
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js .blocks-gallery-item {
width: calc((100% - (var(--jp-gallery-gap) * (var(--jp-gallery-columns, 3) - 1))) / var(--jp-gallery-columns, 3)) !important;
margin: 0 0 var(--jp-gallery-gap) 0 !important;
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js:not(.jp-gallery--keep-original):not([class*="jp-gallery--ar-"]) .wp-block-image img {
aspect-ratio: auto;
object-fit: contain;
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js:not(.jp-gallery--keep-original):not([class*="jp-gallery--ar-"]) .blocks-gallery-item img {
aspect-ratio: auto;
object-fit: contain;
}
body .site-main .wp-block-gallery.jp-gallery--masonry-js .jp-gallery-masonry-inner {
position: relative;
}
@media screen and (min-width: 480px) {
body .site-main .wp-block-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 32px auto;
}
}
@media screen and (min-width: 720px) {
body .site-main .wp-block-gallery {
grid-template-columns: repeat(3, 1fr);
margin: 48px auto;
gap: 32px;
}
}
body .site-main .wp-block-gallery .wp-block-image {
margin: 0 !important;
width: 100% !important;
display: block;
max-width: 100% !important;
overflow: hidden;
}
body .site-main .wp-block-gallery .wp-block-image img {
display: block;
width: 100%;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
body .site-main .wp-block-gallery .wp-block-image img:hover {
transform: scale(1.1);
}
body .wp-lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
body .wp-lightbox-container img {
cursor: zoom-in;
}
body .wp-lightbox-container img:hover + button {
opacity: 1;
}
body .wp-lightbox-container button {
align-items: center;
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(90, 90, 90, 0.25);
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
transition: opacity .2s ease;
width: 20px;
z-index: 100;
}
body .wp-lightbox-container:focus-visible {
outline: 3px auto rgba(90, 90, 90, 0.25);
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
body .wp-lightbox-container:hover {
cursor: pointer;
opacity: 1;
}
body .wp-lightbox-container:focus {
opacity: 1;
}
body .wp-lightbox-container button:focus,
body .wp-lightbox-container button:hover,
body .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: rgba(90, 90, 90, 0.25);
border: none;
}
body .wp-lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100vw;
z-index: 100000;
}
body .wp-lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
body .wp-lightbox-overlay .close-button:focus,
body .wp-lightbox-overlay .close-button:hover,
body .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
body .wp-lightbox-overlay .lightbox-image-container {
height: var(--wp--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--wp--lightbox-container-width);
z-index: 9999999999;
}
body .wp-lightbox-overlay .wp-block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
body .wp-lightbox-overlay .wp-block-image img {
height: var(--wp--lightbox-image-height);
min-height: var(--wp--lightbox-image-height);
min-width: var(--wp--lightbox-image-width);
width: var(--wp--lightbox-image-width);
}
body .wp-lightbox-overlay .wp-block-image figcaption {
display: none;
}
body .wp-lightbox-overlay button {
background: none;
border: none;
}
body .wp-lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: .9;
position: absolute;
width: 100%;
z-index: 2000000;
}
body .wp-lightbox-overlay.active {
animation: turn-on-visibility .25s both;
visibility: visible;
}
body .wp-lightbox-overlay.active img {
animation: turn-on-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) {
animation: turn-off-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) img {
animation: turn-off-visibility .25s both;
}
@media (prefers-reduced-motion: no-preference) {
body .wp-lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in .4s;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility .4s forwards;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
animation: lightbox-zoom-out .4s;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
animation: turn-off-visibility .4s forwards;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
visibility: hidden;
}
}
.wp-block-cover {
position: relative;
margin: 0 0 32px;
}
.wp-block-cover__inner-container {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
}
.wp-block-cover__inner-container p {
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0;
padding: 24px;
color: #fff;
text-align: center;
}
.wp-block-cover__inner-container p {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-block-cover__inner-container p {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-cover__inner-container p {
font-size: 48px;
}
}
.wp-block-cover img {
display: block;
}
.wp-block-buttons .wp-block-button {
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button {
margin: 0 auto 24px;
}
}
.wp-block-buttons .wp-block-button__link {
width: 100%;
max-width: 300px;
background-color: #c88b43;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto;
display: block;
border-radius: 0;
font-size: 12px;
border: 1px solid #c88b43;
border-bottom: 3px solid #31210e;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button__link {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.wp-block-buttons .wp-block-button__link {
font-size: 16px;
}
}
.wp-block-buttons .wp-block-button__link:hover {
background-color: #805625;
border: 1px solid #805625;
border-bottom: 3px solid #31210e;
}
.wp-block-buttons.align-center .wp-block-button {
justify-content: center;
display: flex;
width: 100%;
}
.block-image-responsive {
max-width: 1440px;
}
.block-image-responsive a {
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-image-responsive a:hover {
opacity: 0.9;
}
.block-image-responsive img {
display: block;
width: 100%;
height: auto;
}
.content-columns-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.content-columns-wrapper {
padding: 0 24px;
}
}
.content-columns h2 {
font-family: "Jost", sans-serif;
font-size: 24px;
font-weight: 500;
color: #c88b43;
margin: 8px 0;
line-height: 1.1;
text-align: center;
}
.content-columns h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.content-columns h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.content-columns h2 {
font-size: 48px;
}
}
.content-columns p {
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #1E1622;
}
@media screen and (min-width: 720px) {
.content-columns p {
font-size: 18px;
}
}
.content-columns p.subtitle {
text-align: center;
font-size: 18px;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.content-columns p.subtitle {
font-size: 20px;
}
}
.content-columns p strong {
font-weight: 600;
}
.content-columns p a {
font-weight: 500;
color: #c88b43;
text-decoration: none;
}
.content-columns .columns {
display: grid;
gap: 32px;
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-2 {
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1024px) {
.content-columns .columns.grid-2 {
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.content-columns .columns.grid-3 {
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.content-columns .columns.grid-3 {
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.content-columns .columns.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.block-accordion {
margin: 0 auto 32px;
display: grid;
gap: 16px;
}
.block-accordion-title {
display: block;
padding: 12px 48px 12px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
position: relative;
color: #1E1622;
background: #F3EFEA;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-accordion-title:after {
content: "\e90b";
font-family: "icomoon";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
font-size: 20px;
transition: 0.2s ease;
}
.block-accordion-title strong {
display: block;
}
.block-accordion-title small {
font-size: 14px;
line-height: 1;
font-weight: 400;
}
.block-accordion-title.active {
background: #fff;
border-radius: 4px 4px 0 0;
}
.block-accordion-title.active:after {
transform: translateY(-50%) rotate(180deg);
}
.block-accordion-title.active + .block-accordion-content {
display: block;
}
.block-accordion-title:hover {
background: #f5f5f5 !important;
color: #1E1622;
}
.block-accordion-content {
background: #fff;
padding: 16px;
z-index: 1;
position: relative;
display: none;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
border-radius: 0 0 4px 4px;
}
.block-accordion-content img {
width: 100%;
height: auto;
}
.block-accordion-content p {
color: #1E1622;
font-size: 16px;
line-height: 1.5;
}
.block-accordion-lecturers {
display: grid;
gap: 16px;
margin: 0 0 32px;
}
.block-accordion-lecturer {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
background: #F3EFEA;
padding: 16px;
border-radius: 4px;
}
@media screen and (min-width: 480px) {
.block-accordion-lecturer {
grid-template-columns: 90px 1fr;
}
}
@media screen and (min-width: 720px) {
.block-accordion-lecturer {
grid-template-columns: 128px 1fr;
}
}
.block-accordion-lecturer .title {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.block-accordion-lecturer img {
display: block;
border-radius: 16px;
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: auto;
}
.block-accordion-lecturer p {
margin: 8px 0;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #1E1622;
}
.block-accordion .video-container {
margin: 32px auto;
}
.block-accordion-button {
text-align: right;
padding-top: 16px;
border-top: 1px solid #F7F2E9;
margin-top: 24px;
}
.block-accordion-button a {
width: 100%;
max-width: 300px;
background-color: #c88b43;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px 0;
display: inline-block;
border-radius: 0;
font-size: 12px;
border: 1px solid #c88b43;
border-bottom: 3px solid #31210e;
}
@media screen and (min-width: 720px) {
.block-accordion-button a {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.block-accordion-button a {
font-size: 16px;
}
}
.block-accordion-button a:hover {
background-color: #805625;
border: 1px solid #805625;
border-bottom: 3px solid #31210e;
}
.block-accordion-links {
grid-template-columns: repeat(2, 1fr);
margin: 0 auto 32px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-accordion-links {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
}
.block-accordion-links-item {
background: #fff;
padding: 0;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
border-radius: 0px;
}
.block-accordion-links-item:hover {
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
}
.block-accordion-links-item > a {
padding: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item > a {
padding: 16px;
}
}
.block-accordion-links-item img {
width: 100%;
object-fit: cover;
aspect-ratio: 1;
display: block;
border-radius: 0px;
margin: 0 0 12px;
}
.block-accordion-links-item h3 {
margin: 0 0 4px !important;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item h3 {
font-size: 18px;
}
}
.block-accordion-links-item p {
margin: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #1E1622;
}
.block-accordion-links-item p:not(:last-child) {
margin-bottom: 12px;
}
.block-accordion-links-item p.featured {
background: #ebd4b9;
border-radius: 8px;
padding: 8px;
margin: 8px 0;
font-size: 16px;
font-weight: 400;
}
.block-accordion-links-item p.featured span {
cursor: pointer;
}
.block-accordion-links-item p strong {
font-weight: 600;
color: #c88b43;
}
.block-accordion-links-item p.link {
text-align: right;
}
.block-accordion-links-item p .read-more {
display: inline-block;
color: #c88b43;
font-size: 14px;
text-decoration: underline;
}
.block-accordion-links-item .front {
cursor: pointer;
}
.block-accordion-links-item .back {
visibility: hidden;
opacity: 0;
z-index: -999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-accordion-links-item .back.active {
z-index: 9999;
opacity: 1;
visibility: visible;
}
.block-accordion-links-item .back-close {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
display: block;
cursor: pointer;
}
.block-accordion-links-item .back-content {
padding: 16px 16px 32px;
position: absolute;
z-index: 2;
width: calc(100% - 32px);
max-width: 820px;
margin: 0 auto;
background: #fff;
border-radius: 0px;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content {
padding: 24px;
}
}
.block-accordion-links-item .back-content:after {
position: absolute;
bottom: 16px;
width: 100%;
height: 32px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 99%, white 100%); content: "";
z-index: 2;
left: 0;
right: 0;
display: block;
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content:after {
display: none;
}
}
.block-accordion-links-item .back-content-wrapper {
max-height: 80vh;
overflow: auto;
position: relative;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content-wrapper {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
}
}
.block-accordion-links-item .back-content h3 {
font-size: 18px;
color: #c88b43 !important;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content h3 {
margin: 16px 0 !important;
}
}
.block-accordion-links-item .back-content .block-accordion-links-item-button {
color: #c88b43;
text-decoration: underline;
cursor: pointer;
}
.block-accordion-links-item .back-content .block-accordion-links-item-button:hover {
text-decoration: none;
}
.block-accordion-links-item .back-content-close {
position: absolute;
top: 0;
right: 0;
border-radius: 0px;
background: #fff;
width: 32px;
line-height: 32px;
text-align: center;
cursor: pointer;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
z-index: 3;
transform: translate(25%, -25%);
}
.block-accordion-links-item .back-content-close i {
font-weight: 700;
}
.section-about-doubled-wrapper {
display: grid;
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
}
@media screen and (min-width: 720px) {
.section-about-doubled-wrapper {
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
gap: 48px 64px;
padding: 0 32px;
}
}
@media screen and (min-width: 720px) {
.section-about-doubled.section-about-doubled--no-image .section-about-doubled-wrapper {
grid-template-columns: 1fr;
}
}
.section-about-doubled-box.images {
position: relative;
height: 0;
padding-bottom: 100%;
}
.section-about-doubled-box.images img {
display: block;
width: 100%;
height: auto;
position: absolute;
object-fit: cover;
}
.section-about-doubled-box.images img:first-child {
width: 75%;
top: 0;
left: 0;
aspect-ratio: 1;
}
.section-about-doubled-box.images img:nth-child(2) {
width: 40%;
top: 35%;
right: 0;
aspect-ratio: 3/4;
}
.section-about-doubled-box--single-image.images {
height: auto;
padding-bottom: 0;
}
.section-about-doubled-box--single-image.images img:first-child {
width: 100%;
height: auto;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
aspect-ratio: unset !important;
object-fit: contain;
}
.section-about-doubled-box .notice {
color: #c88b43;
text-transform: uppercase;
margin: 0;
}
.section-about-doubled-box .notice {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.section-about-doubled-box .notice {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-about-doubled-box .notice {
font-size: 24px;
}
}
.section-about-doubled-box h2 {
margin: 0;
font-weight: 400;
letter-spacing: 0.05em;
color: #1E1622;
font-family: "Jost", sans-serif;
}
.section-about-doubled-box h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.section-about-doubled-box h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-about-doubled-box h2 {
font-size: 48px;
}
}
.section-about-doubled-box .text {
color: #1E1622;
}
.section-about-doubled-box .text {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.section-about-doubled-box .text {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-about-doubled-box .text {
font-size: 24px;
}
}
@media screen and (min-width: 720px) {
.section-about-doubled-box .text {
padding-left: 7.5%;
}
}
.section-about-doubled-box.text-size-large p {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.section-about-doubled-box.text-size-large p {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.section-about-doubled-box.text-size-large p {
font-size: 20px;
}
}
.page-template .featured-categories-grid h2 {
text-align: center;
color: #000;
font-weight: 400;
text-align: center;
margin: 0 auto 24px;
font-family: "Jost", sans-serif;
font-size: 24px;
}
.page-template .featured-categories-grid h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .featured-categories-grid h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .featured-categories-grid h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.page-template .featured-categories-grid h2 {
margin-bottom: 40px;
}
}
.page-template .featured-categories-grid h2 small {
font-size: 40%;
display: block;
font-family: "Jost", sans-serif;
font-weight: 400;
color: #c98170;
text-transform: none;
}
.page-template .featured-categories-grid h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.page-template .featured-categories-grid h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .featured-categories-grid h2 small {
font-size: 32px;
}
}
.page-template .featured-categories-grid-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-wrapper {
grid-template-columns: 1fr 1fr;
gap: 0;
}
}
.page-template .featured-categories-grid-box {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-box {
gap: 0;
}
.page-template .featured-categories-grid-box:nth-child(2) {
grid-template-columns: 1fr 1fr;
}
}
.page-template .featured-categories-grid-item {
position: relative;
}
.page-template .featured-categories-grid-item a {
display: block;
position: relative;
overflow: hidden;
}
.page-template .featured-categories-grid-item a span {
display: block;
z-index: 5;
font-weight: 500;
position: absolute;
top: 48px;
left: 48px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.page-template .featured-categories-grid-item a span {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.page-template .featured-categories-grid-item a span {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.page-template .featured-categories-grid-item a span {
font-size: 24px;
}
}
.page-template .featured-categories-grid-item a img {
position: relative;
z-index: 1;
object-fit: cover;
display: block;
aspect-ratio: 16/9;
max-width: 100%;
height: auto;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-item a img {
padding: 12px;
}
}
@media screen and (min-width: 1240px) {
.page-template .featured-categories-grid-item a img {
padding: 16px;
}
}
.page-template .featured-categories-grid-item a:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: rgba(0, 0, 0, 0.25);
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-item a:after {
width: calc(100% - 24px);
height: calc(100% - 24px);
}
}
@media screen and (min-width: 1240px) {
.page-template .featured-categories-grid-item a:after {
width: calc(100% - 32px);
height: calc(100% - 32px);
}
}
.page-template .featured-categories-grid-item a:hover:after {
opacity: 1;
z-index: 2;
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-item.large img {
aspect-ratio: 1;
}
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-item.medium {
grid-column: span 2;
}
.page-template .featured-categories-grid-item.medium img {
aspect-ratio: 2/1;
}
}
@media screen and (min-width: 720px) {
.page-template .featured-categories-grid-item.small img {
aspect-ratio: 1;
}
}
body.home .section-page-intro {
margin-left: auto;
margin-right: auto;
}
.section-page-intro {
position: relative;
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.section-page-intro {
margin-bottom: 48px;
}
}
.section-page-intro img {
object-fit: cover;
aspect-ratio: 5/3;
display: block;
}
@media screen and (min-width: 720px) {
.section-page-intro img {
height: 350px;
aspect-ratio: unset;
width: 100%;
}
}
.section-page-intro-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.section-page-intro-wrapper h1 {
font-size: calc(24px + 20 * ((100vw - 320px) / 920));
color: #fff;
font-weight: 500;
font-family: "Jost", sans-serif;
line-height: 1.1;
margin: 0 auto !important;
text-shadow: 1px 1px 4px rgba(30, 22, 34, 0.25);
max-width: 100%;
}
@media screen and (max-width: 320px) {
.section-page-intro-wrapper h1 {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.section-page-intro-wrapper h1 {
font-size: 44px;
}
}
@media screen and (min-width: 720px) {
.section-page-intro-wrapper h1 {
text-align: left;
}
}
.section-page-intro-wrapper p {
margin-top: 0.5em;
color: inherit;
line-height: 1.4;
font-size: 0.95rem;
font-size: calc(16px + 5 * ((100vw - 320px) / 920));
opacity: 0.95;
color: #fff;
max-width: 100% !important;
margin: 16px auto 0 !important;
}
@media screen and (max-width: 320px) {
.section-page-intro-wrapper p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-page-intro-wrapper p {
font-size: 21px;
}
}
@media screen and (min-width: 720px) {
.section-page-intro-wrapper p {
text-align: left;
}
}
.section-page-intro.black h1 {
color: #1E1622;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.section-page-intro.black p {
color: #1E1622;
opacity: 1;
}
@media screen and (max-width: 1024px) {
.section-page-intro.no-merge-on-mobile {
display: grid;
gap: 0;
grid-template-columns: 1fr;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper {
order: 1;
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
background-color: #3B634F;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--green {
background-color: #3B634F;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--white {
background-color: #fff;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--primary__light {
background-color: #E4D3C0;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--primary {
background-color: #C29272;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--primary__dark {
background-color: #9F7253;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper.bg--black {
background-color: #000;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper .section-page-intro-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
text-align: center;
padding: 48px 16px;
}
}
@media screen and (max-width: 1024px) and (min-width: 1024px) {
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper .section-page-intro-content {
left: auto;
right: 0;
max-width: 720px;
padding: 32px;
}
}
@media screen and (max-width: 1024px) {
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper h1 {
position: relative;
margin: 0;
text-transform: uppercase;
font-weight: 400;
}
.section-page-intro.no-merge-on-mobile .section-page-intro-wrapper .section-page-intro-content {
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
padding: 48px 16px;
}
}
@media screen and (min-width: 1024px) {
.section-page-intro {
display: grid;
gap: 0;
grid-template-columns: 1fr 1fr;
}
.section-page-intro .section-page-intro-wrapper {
order: 1;
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
background-color: #3B634F;
}
.section-page-intro .section-page-intro-wrapper.bg--green {
background-color: #3B634F;
}
.section-page-intro .section-page-intro-wrapper.bg--white {
background-color: #fff;
}
.section-page-intro .section-page-intro-wrapper.bg--primary__light {
background-color: #E4D3C0;
}
.section-page-intro .section-page-intro-wrapper.bg--primary {
background-color: #C29272;
}
.section-page-intro .section-page-intro-wrapper.bg--primary__dark {
background-color: #9F7253;
}
.section-page-intro .section-page-intro-wrapper.bg--black {
background-color: #000;
}
.section-page-intro .section-page-intro-wrapper .section-page-intro-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
text-align: center;
padding: 48px 16px;
}
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
.section-page-intro .section-page-intro-wrapper .section-page-intro-content {
left: auto;
right: 0;
max-width: 720px;
padding: 32px;
}
}
@media screen and (min-width: 1024px) {
.section-page-intro .section-page-intro-wrapper h1 {
position: relative;
margin: 0;
text-transform: uppercase;
font-weight: 400;
}
.section-page-intro picture {
order: 2;
}
}
.site-main .section-intro-cta {
padding: 48px 0;
}
.site-main .section-intro-cta-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.site-main .section-intro-cta-wrapper {
padding: 0 24px;
}
}
.site-main .section-intro-cta-title {
font-family: "Jost", sans-serif;
font-size: 1.5rem;
font-weight: 500;
color: #1E1622;
margin: 0 0 24px;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.site-main .section-intro-cta-title {
font-size: 2rem;
}
}
.site-main .section-intro-cta-content {
font-size: 1rem;
line-height: 1.6;
color: #1E1622;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.site-main .section-intro-cta-content {
font-size: 1.125rem;
max-width: 48em;
}
}
.site-main .section-intro-cta-content p {
margin-bottom: 1em;
}
.site-main .section-intro-cta-content p:last-child {
margin-bottom: 0;
}
.site-main .section-intro-cta-content a {
color: #c88b43;
text-decoration: underline;
}
.site-main .section-intro-cta-actions {
margin: 0;
}
.site-main .section-intro-cta-button {
display: inline-block;
padding: 0.75em 1.5em;
font-family: "Jost", sans-serif;
font-size: 1rem;
font-weight: 500;
color: #fff;
background-color: #c88b43;
border: none;
border-radius: 0px;
text-decoration: none;
transition: background-color 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-main .section-intro-cta-button:hover {
background-color: #805625;
color: #fff;
}
.site-main .section-two-cards {
background-color: #F3EFEA;
}
.site-main .section-two-cards-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-wrapper {
padding: 0 24px;
}
}
.site-main .section-two-cards-title {
font-family: "Jost", sans-serif;
font-weight: 400;
color: #1E1622;
margin: 8px 0 32px;
line-height: 1.1;
text-align: center;
max-width: 100%;
}
.site-main .section-two-cards-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards-title {
font-size: calc(24px + 18 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards-title {
font-size: 42px;
}
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-title {
margin: 32px 0;
}
}
.site-main .section-two-cards .subtitle {
font-family: "Jost", sans-serif;
font-weight: 400;
text-align: left;
max-width: 100%;
color: #1E1622;
}
.site-main .section-two-cards .subtitle {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards .subtitle {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards .subtitle {
font-size: 32px;
}
}
.site-main .section-two-cards .text {
font-size: 14px;
line-height: 1.5;
color: #847979;
margin: 16px 0;
text-align: left;
max-width: 100%;
}
.site-main .section-two-cards .text {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards .text {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards .text {
font-size: 20px;
}
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards .text {
margin: 24px 0;
}
}
.site-main .section-two-cards-grid {
display: grid;
gap: 16px 32px;
align-items: flex-start;
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px 48px;
}
}
.site-main .section-two-cards-card {
background-color: #fff;
border-radius: 0px;
overflow: hidden;
}
.site-main .section-two-cards-card--no-image .site-main .section-two-cards-card-inner {
grid-template-columns: 1fr;
}
.site-main .section-two-cards-card-inner {
display: grid;
gap: 0;
min-height: 100%;
}
@media screen and (max-width: 719px) {
.site-main .section-two-cards-card-inner {
grid-template-columns: 1fr;
}
}
.site-main .section-two-cards-card-media {
display: block;
aspect-ratio: 4 / 3;
background-color: #bbb;
overflow: hidden;
}
.site-main .section-two-cards-card-media picture {
display: block;
width: 100%;
height: 100%;
}
.site-main .section-two-cards-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.site-main .section-two-cards-card-content {
padding: 24px;
display: flex;
flex-direction: column;
}
.site-main .section-two-cards-card-title {
font-family: "Jost", sans-serif;
font-weight: 400;
color: #1E1622;
margin: 8px 0;
line-height: 1.1;
text-align: left;
max-width: 100%;
}
.site-main .section-two-cards-card-title {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards-card-title {
font-size: calc(20px + 12 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards-card-title {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-card-title {
margin: 16px 0;
}
}
.site-main .section-two-cards-card h4 {
font-family: "Jost", sans-serif;
font-weight: 400;
color: #1E1622;
margin: 16px 0 8px;
line-height: 1.1;
text-align: left;
max-width: 100%;
}
.site-main .section-two-cards-card h4 {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards-card h4 {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards-card h4 {
font-size: 24px;
}
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-card h4 {
margin: 32px 0 16px;
}
}
.site-main .section-two-cards-card h4:first-child {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.site-main .section-two-cards-card h4:first-child {
margin-top: 0;
}
}
.site-main .section-two-cards-card-text {
line-height: 1.6;
color: #1E1622;
margin-bottom: 16px;
text-align: left;
}
.site-main .section-two-cards-card-text {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.site-main .section-two-cards-card-text {
font-size: calc(16px + 2 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.site-main .section-two-cards-card-text {
font-size: 18px;
}
}
.site-main .section-two-cards-card-text p {
margin-top: 0;
margin-bottom: 0.5em;
color: #1E1622;
}
.site-main .section-two-cards-card-text p:last-child {
margin-bottom: 0;
}
.site-main .section-two-cards-card-link {
margin: 16px 0 0;
text-align: center;
}
.site-main .section-two-cards-card-link a {
font-weight: 400;
text-decoration: none;
display: inline-block;
border: 1px solid #000;
line-height: 1.25;
border: 1px solid #1E1622;
color: #1E1622;
text-transform: uppercase;
text-align: center;
padding: 8px 24px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
letter-spacing: 0.05em;
}
.site-main .section-two-cards-card-link a:hover {
text-decoration: underline;
}
.site-main .section-two-cards--ratio-1-1 .section-two-cards-card-media {
aspect-ratio: 1 / 1;
}
.site-main .section-two-cards--ratio-3-2 .section-two-cards-card-media {
aspect-ratio: 3 / 2;
}
.site-main .section-two-cards--ratio-4-3 .section-two-cards-card-media {
aspect-ratio: 4 / 3;
}
.site-main .section-two-cards--ratio-16-9 .section-two-cards-card-media {
aspect-ratio: 16 / 9;
}
.site-main .section-two-cards--button-align-left .section-two-cards-card-link {
text-align: left;
}
.site-main .section-two-cards--button-align-center .section-two-cards-card-link {
text-align: center;
}
.site-main .section-two-cards--button-align-right .section-two-cards-card-link {
text-align: right;
}
.site-main .section-title-content {
padding: 48px 0;
}
.site-main .section-title-content-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.site-main .section-title-content-wrapper {
padding: 0 24px;
}
}
.site-main .section-title-content-title {
font-family: "Jost", sans-serif;
font-size: 1.5rem;
font-weight: 500;
color: #1E1622;
margin: 0 0 24px;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.site-main .section-title-content-title {
font-size: 2rem;
}
}
.site-main .section-title-content-body {
font-size: 1rem;
line-height: 1.7;
color: #1E1622;
max-width: 56em;
}
@media screen and (min-width: 720px) {
.site-main .section-title-content-body {
font-size: 1.125rem;
}
}
.site-main .section-title-content-body p {
margin-bottom: 1em;
}
.site-main .section-title-content-body p:last-child {
margin-bottom: 0;
}
.site-main .section-title-content-body a {
color: #c88b43;
text-decoration: underline;
}
.site-main .section-gallery {
padding: 48px 0;
background-color: #F7F2E9;
}
.site-main .section-gallery-wrapper {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.site-main .section-gallery-wrapper {
padding: 0 24px;
}
}
.site-main .section-gallery-title {
font-family: "Jost", sans-serif;
font-size: 1.5rem;
font-weight: 500;
color: #1E1622;
margin: 0 0 32px;
text-align: center;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.site-main .section-gallery-title {
font-size: 2rem;
}
}
.site-main .section-gallery-grid {
display: grid;
gap: 16px;
margin-bottom: 32px;
}
@media screen and (min-width: 480px) {
.site-main .section-gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.site-main .section-gallery-grid {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
}
@media screen and (min-width: 1024px) {
.site-main .section-gallery-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.site-main .section-gallery-item {
aspect-ratio: 1;
overflow: hidden;
border-radius: 0px;
background-color: #bbb;
}
.site-main .section-gallery-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.site-main .section-gallery-link img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-main .section-gallery-item:hover .site-main .section-gallery-link img {
transform: scale(1.03);
}
.site-main .section-gallery-actions {
text-align: center;
margin: 0;
}
.site-main .section-gallery-button {
display: inline-block;
padding: 0.75em 1.5em;
font-family: "Jost", sans-serif;
font-size: 1rem;
font-weight: 500;
color: #fff;
background-color: #c88b43;
border: none;
border-radius: 0px;
text-decoration: none;
transition: background-color 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-main .section-gallery-button:hover {
background-color: #805625;
color: #fff;
}
.site-main .section-intro-cta.bg--white,
.site-main .section-two-cards.bg--white,
.site-main .section-title-content.bg--white,
.site-main .section-gallery.bg--white {
background-color: #fff;
}
.site-main .section-intro-cta.bg--black,
.site-main .section-two-cards.bg--black,
.site-main .section-title-content.bg--black,
.site-main .section-gallery.bg--black {
background-color: #000;
color: #fff;
}
.site-main .section-intro-cta.bg--black h2,
.site-main .section-intro-cta.bg--black h3,
.site-main .section-intro-cta.bg--black .section-intro-cta-title,
.site-main .section-intro-cta.bg--black .section-two-cards-title,
.site-main .section-intro-cta.bg--black .section-two-cards-card-title,
.site-main .section-intro-cta.bg--black .section-title-content-title,
.site-main .section-intro-cta.bg--black .section-gallery-title,
.site-main .section-two-cards.bg--black h2,
.site-main .section-two-cards.bg--black h3,
.site-main .section-two-cards.bg--black .section-intro-cta-title,
.site-main .section-two-cards.bg--black .section-two-cards-title,
.site-main .section-two-cards.bg--black .section-two-cards-card-title,
.site-main .section-two-cards.bg--black .section-title-content-title,
.site-main .section-two-cards.bg--black .section-gallery-title,
.site-main .section-title-content.bg--black h2,
.site-main .section-title-content.bg--black h3,
.site-main .section-title-content.bg--black .section-intro-cta-title,
.site-main .section-title-content.bg--black .section-two-cards-title,
.site-main .section-title-content.bg--black .section-two-cards-card-title,
.site-main .section-title-content.bg--black .section-title-content-title,
.site-main .section-title-content.bg--black .section-gallery-title,
.site-main .section-gallery.bg--black h2,
.site-main .section-gallery.bg--black h3,
.site-main .section-gallery.bg--black .section-intro-cta-title,
.site-main .section-gallery.bg--black .section-two-cards-title,
.site-main .section-gallery.bg--black .section-two-cards-card-title,
.site-main .section-gallery.bg--black .section-title-content-title,
.site-main .section-gallery.bg--black .section-gallery-title {
color: #fff;
}
.site-main .section-intro-cta.bg--black .section-intro-cta-content,
.site-main .section-intro-cta.bg--black .section-title-content-body,
.site-main .section-intro-cta.bg--black .section-two-cards-card-text,
.site-main .section-two-cards.bg--black .section-intro-cta-content,
.site-main .section-two-cards.bg--black .section-title-content-body,
.site-main .section-two-cards.bg--black .section-two-cards-card-text,
.site-main .section-title-content.bg--black .section-intro-cta-content,
.site-main .section-title-content.bg--black .section-title-content-body,
.site-main .section-title-content.bg--black .section-two-cards-card-text,
.site-main .section-gallery.bg--black .section-intro-cta-content,
.site-main .section-gallery.bg--black .section-title-content-body,
.site-main .section-gallery.bg--black .section-two-cards-card-text {
color: rgba(255, 255, 255, 0.95);
}
.site-main .section-intro-cta.bg--black a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-two-cards.bg--black a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-title-content.bg--black a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-gallery.bg--black a:not(.section-intro-cta-button):not(.section-gallery-button) {
color: #fff;
text-decoration: underline;
}
.site-main .section-intro-cta.bg--black .section-two-cards-card,
.site-main .section-two-cards.bg--black .section-two-cards-card,
.site-main .section-title-content.bg--black .section-two-cards-card,
.site-main .section-gallery.bg--black .section-two-cards-card {
background-color: rgba(255, 255, 255, 0.08);
}
.site-main .section-intro-cta.bg--black .section-two-cards-card .section-two-cards-card-title,
.site-main .section-intro-cta.bg--black .section-two-cards-card .section-two-cards-card-text,
.site-main .section-intro-cta.bg--black .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-two-cards.bg--black .section-two-cards-card .section-two-cards-card-title,
.site-main .section-two-cards.bg--black .section-two-cards-card .section-two-cards-card-text,
.site-main .section-two-cards.bg--black .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-title-content.bg--black .section-two-cards-card .section-two-cards-card-title,
.site-main .section-title-content.bg--black .section-two-cards-card .section-two-cards-card-text,
.site-main .section-title-content.bg--black .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-gallery.bg--black .section-two-cards-card .section-two-cards-card-title,
.site-main .section-gallery.bg--black .section-two-cards-card .section-two-cards-card-text,
.site-main .section-gallery.bg--black .section-two-cards-card .section-two-cards-card-text p {
color: #1E1622;
}
.site-main .section-intro-cta.bg--black .section-two-cards-card a,
.site-main .section-two-cards.bg--black .section-two-cards-card a,
.site-main .section-title-content.bg--black .section-two-cards-card a,
.site-main .section-gallery.bg--black .section-two-cards-card a {
color: #c88b43;
}
.site-main .section-intro-cta.bg--primary,
.site-main .section-two-cards.bg--primary,
.site-main .section-title-content.bg--primary,
.site-main .section-gallery.bg--primary {
background-color: #F3EFEA;
color: #fff;
}
.site-main .section-intro-cta.bg--primary h2,
.site-main .section-intro-cta.bg--primary h3,
.site-main .section-intro-cta.bg--primary .section-intro-cta-title,
.site-main .section-intro-cta.bg--primary .section-two-cards-title,
.site-main .section-intro-cta.bg--primary .section-two-cards-card-title,
.site-main .section-intro-cta.bg--primary .section-title-content-title,
.site-main .section-intro-cta.bg--primary .section-gallery-title,
.site-main .section-two-cards.bg--primary h2,
.site-main .section-two-cards.bg--primary h3,
.site-main .section-two-cards.bg--primary .section-intro-cta-title,
.site-main .section-two-cards.bg--primary .section-two-cards-title,
.site-main .section-two-cards.bg--primary .section-two-cards-card-title,
.site-main .section-two-cards.bg--primary .section-title-content-title,
.site-main .section-two-cards.bg--primary .section-gallery-title,
.site-main .section-title-content.bg--primary h2,
.site-main .section-title-content.bg--primary h3,
.site-main .section-title-content.bg--primary .section-intro-cta-title,
.site-main .section-title-content.bg--primary .section-two-cards-title,
.site-main .section-title-content.bg--primary .section-two-cards-card-title,
.site-main .section-title-content.bg--primary .section-title-content-title,
.site-main .section-title-content.bg--primary .section-gallery-title,
.site-main .section-gallery.bg--primary h2,
.site-main .section-gallery.bg--primary h3,
.site-main .section-gallery.bg--primary .section-intro-cta-title,
.site-main .section-gallery.bg--primary .section-two-cards-title,
.site-main .section-gallery.bg--primary .section-two-cards-card-title,
.site-main .section-gallery.bg--primary .section-title-content-title,
.site-main .section-gallery.bg--primary .section-gallery-title {
color: #fff;
}
.site-main .section-intro-cta.bg--primary .section-intro-cta-content,
.site-main .section-intro-cta.bg--primary .section-title-content-body,
.site-main .section-intro-cta.bg--primary .section-two-cards-card-text,
.site-main .section-two-cards.bg--primary .section-intro-cta-content,
.site-main .section-two-cards.bg--primary .section-title-content-body,
.site-main .section-two-cards.bg--primary .section-two-cards-card-text,
.site-main .section-title-content.bg--primary .section-intro-cta-content,
.site-main .section-title-content.bg--primary .section-title-content-body,
.site-main .section-title-content.bg--primary .section-two-cards-card-text,
.site-main .section-gallery.bg--primary .section-intro-cta-content,
.site-main .section-gallery.bg--primary .section-title-content-body,
.site-main .section-gallery.bg--primary .section-two-cards-card-text {
color: rgba(255, 255, 255, 0.95);
}
.site-main .section-intro-cta.bg--primary a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-two-cards.bg--primary a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-title-content.bg--primary a:not(.section-intro-cta-button):not(.section-gallery-button),
.site-main .section-gallery.bg--primary a:not(.section-intro-cta-button):not(.section-gallery-button) {
color: #fff;
}
.site-main .section-intro-cta.bg--primary .section-intro-cta-button,
.site-main .section-intro-cta.bg--primary .section-gallery-button,
.site-main .section-two-cards.bg--primary .section-intro-cta-button,
.site-main .section-two-cards.bg--primary .section-gallery-button,
.site-main .section-title-content.bg--primary .section-intro-cta-button,
.site-main .section-title-content.bg--primary .section-gallery-button,
.site-main .section-gallery.bg--primary .section-intro-cta-button,
.site-main .section-gallery.bg--primary .section-gallery-button {
background-color: #fff;
color: #c88b43;
}
.site-main .section-intro-cta.bg--primary .section-intro-cta-button:hover,
.site-main .section-intro-cta.bg--primary .section-gallery-button:hover,
.site-main .section-two-cards.bg--primary .section-intro-cta-button:hover,
.site-main .section-two-cards.bg--primary .section-gallery-button:hover,
.site-main .section-title-content.bg--primary .section-intro-cta-button:hover,
.site-main .section-title-content.bg--primary .section-gallery-button:hover,
.site-main .section-gallery.bg--primary .section-intro-cta-button:hover,
.site-main .section-gallery.bg--primary .section-gallery-button:hover {
background-color: #F7F2E9;
color: #805625;
}
.site-main .section-intro-cta.bg--primary .section-two-cards-card,
.site-main .section-two-cards.bg--primary .section-two-cards-card,
.site-main .section-title-content.bg--primary .section-two-cards-card,
.site-main .section-gallery.bg--primary .section-two-cards-card {
background-color: rgba(255, 255, 255, 0.12);
}
.site-main .section-intro-cta.bg--primary .section-two-cards-card .section-two-cards-card-title,
.site-main .section-intro-cta.bg--primary .section-two-cards-card .section-two-cards-card-text,
.site-main .section-intro-cta.bg--primary .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-two-cards.bg--primary .section-two-cards-card .section-two-cards-card-title,
.site-main .section-two-cards.bg--primary .section-two-cards-card .section-two-cards-card-text,
.site-main .section-two-cards.bg--primary .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-title-content.bg--primary .section-two-cards-card .section-two-cards-card-title,
.site-main .section-title-content.bg--primary .section-two-cards-card .section-two-cards-card-text,
.site-main .section-title-content.bg--primary .section-two-cards-card .section-two-cards-card-text p,
.site-main .section-gallery.bg--primary .section-two-cards-card .section-two-cards-card-title,
.site-main .section-gallery.bg--primary .section-two-cards-card .section-two-cards-card-text,
.site-main .section-gallery.bg--primary .section-two-cards-card .section-two-cards-card-text p {
color: #1E1622;
}
.site-main .section-intro-cta.bg--primary .section-two-cards-card a,
.site-main .section-two-cards.bg--primary .section-two-cards-card a,
.site-main .section-title-content.bg--primary .section-two-cards-card a,
.site-main .section-gallery.bg--primary .section-two-cards-card a {
color: #c88b43;
}
.site-main .section-two-cards.bg--black .section-two-cards-title,
.site-main .section-two-cards.bg--black .section-two-cards-card-title, .site-main .section-two-cards.bg--primary .section-two-cards-title,
.site-main .section-two-cards.bg--primary .section-two-cards-card-title {
color: #1E1622;
}
.site-main .section-two-cards.bg--black .section-two-cards-card-text,
.site-main .section-two-cards.bg--black .section-two-cards-card-text p, .site-main .section-two-cards.bg--primary .section-two-cards-card-text,
.site-main .section-two-cards.bg--primary .section-two-cards-card-text p {
color: #847979;
}
.site-main .section-two-cards.bg--black .section-two-cards-card, .site-main .section-two-cards.bg--primary .section-two-cards-card {
background-color: #fff;
}
.site-main .section-two-cards.bg--primary .section-two-cards-card {
background-color: transparent !important;
}
.jp-posts-grid-block .jp-posts-grid-head {
margin-bottom: 24px;
}
.jp-posts-grid-block .jp-posts-grid-title {
margin: 0;
}
.jp-posts-grid-block .jp-posts-grid {
display: grid;
gap: 16px;
grid-template-columns: 1fr;
}
@media (min-width: 992px) {
.jp-posts-grid-block.jp-posts-grid--cols-2 .jp-posts-grid {
gap: 32px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.jp-posts-grid-block.jp-posts-grid--cols-3 .jp-posts-grid {
gap: 32px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.jp-posts-grid-block.jp-posts-grid--cols-4 .jp-posts-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.jp-posts-grid-block .jp-posts-grid-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.jp-posts-grid-block .jp-posts-grid-card:hover img {
transform: scale(1.025);
}
.jp-posts-grid-block .jp-posts-grid-card-link {
display: block;
}
.jp-posts-grid-block .jp-posts-grid-card-media {
display: block;
overflow: hidden;
background: #f4f4f4;
overflow: hidden;
}
.jp-posts-grid-block .jp-posts-grid-card-media img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
transition: transform 0.3s ease-in-out;
}
.jp-posts-grid-block.jp-posts-grid--ar-1-1 .jp-posts-grid-card-media img {
aspect-ratio: 1 / 1;
}
.jp-posts-grid-block.jp-posts-grid--ar-1-2 .jp-posts-grid-card-media img {
aspect-ratio: 1 / 2;
}
.jp-posts-grid-block.jp-posts-grid--ar-2-3 .jp-posts-grid-card-media img {
aspect-ratio: 2 / 3;
}
.jp-posts-grid-block.jp-posts-grid--ar-3-4 .jp-posts-grid-card-media img {
aspect-ratio: 3 / 4;
}
.jp-posts-grid-block.jp-posts-grid--ar-9-16 .jp-posts-grid-card-media img {
aspect-ratio: 9 / 16;
}
.jp-posts-grid-block.jp-posts-grid--ar-2-1 .jp-posts-grid-card-media img {
aspect-ratio: 2 / 1;
}
.jp-posts-grid-block.jp-posts-grid--ar-3-2 .jp-posts-grid-card-media img {
aspect-ratio: 3 / 2;
}
.jp-posts-grid-block.jp-posts-grid--ar-4-3 .jp-posts-grid-card-media img {
aspect-ratio: 4 / 3;
}
.jp-posts-grid-block.jp-posts-grid--ar-16-9 .jp-posts-grid-card-media img {
aspect-ratio: 16 / 9;
}
.jp-posts-grid-block .jp-posts-grid-card-body {
padding: 14px 14px 16px;
}
.jp-posts-grid-block .jp-posts-grid-card-cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.03em;
text-transform: uppercase;
opacity: 0.8;
}
.jp-posts-grid-block .jp-posts-grid-card-cats a {
text-decoration: none;
}
.jp-posts-grid-block .jp-posts-grid-card-title {
margin: 0;
}
.jp-posts-grid-block .jp-posts-grid-card-title a {
text-decoration: none;
font-size: calc(18px + 6 * ((100vw - 320px) / 920));
line-height: 1.25;
color: #1E1622;
}
@media screen and (max-width: 320px) {
.jp-posts-grid-block .jp-posts-grid-card-title a {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.jp-posts-grid-block .jp-posts-grid-card-title a {
font-size: 24px;
}
}
.jp-posts-grid-block .jp-posts-grid-card-title a:hover {
color: #c88b43;
}
.jp-posts-grid-block .jp-posts-grid-card-excerpt {
margin: 10px 0 14px;
line-height: 1.5;
}
.jp-posts-grid-block .jp-posts-grid-card-excerpt p {
color: #444;
}
.jp-posts-grid-block .jp-posts-grid-card-more {
display: inline-block;
}
.jp-posts-grid-block.jp-posts-grid-block--default .jp-posts-grid-card {
border: 1px solid black;
background: transparent;
}
.jp-posts-grid-block.jp-posts-grid-block--clean .jp-posts-grid-card {
background: #fff;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
}
.jp-posts-grid-block .jp-posts-grid-pagination {
margin-top: 22px;
}
.jp-posts-grid-block .jp-posts-grid-pagination ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.jp-posts-grid-block .jp-posts-grid-pagination a,
.jp-posts-grid-block .jp-posts-grid-pagination span {
display: inline-block;
padding: 8px 12px;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.jp-posts-grid-block .jp-posts-grid-load-more {
margin-top: 22px;
text-align: center;
}
.jp-posts-grid-block .jp-posts-grid-load-more .jp-posts-grid-load-more-trigger {
background: transparent;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
line-height: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.jp-posts-grid-block .jp-posts-grid-load-more .jp-posts-grid-load-more-spinner {
width: 44px;
height: 44px;
display: block;
}
.jp-posts-grid-block .jp-posts-grid-load-more .jp-posts-grid-load-more-trigger.is-loading {
opacity: 0.7;
pointer-events: none;
}
.jp-posts-grid-block .jp-posts-grid-empty {
margin: 0;
} .owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
color: inherit;
border: none;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//jp-style.hr/wp-content/themes/jp-style/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .single-owl-slider.owl-carousel {
background-position: center;
background-repeat: no-repeat;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/loader.svg);
}
@media screen and (min-width: 1440px) {
.single-owl-slider.owl-carousel {
min-height: 600px;
}
}
.single-owl-slider.owl-carousel .owl-item {
overflow: hidden;
}
.single-owl-slider.owl-carousel img {
aspect-ratio: 9/16;
object-fit: cover;
width: 100%;
display: block;
}
@media screen and (min-width: 520px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 1;
}
}
@media screen and (min-width: 640px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 16/9;
}
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 12/5;
}
}
.single-owl-slider.owl-carousel .owl-item-info {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0;
text-align: left;
padding: 24px;
z-index: 2;
width: 90%;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 32px;
max-width: 50%;
}
}
@media screen and (min-width: 1240px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 64px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 {
line-height: 1.25;
font-weight: 500;
color: #fff;
font-family: "Jost", sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 8px;
text-transform: none;
}
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 32px;
}
@media screen and (min-width: 360px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: calc(32px + 32 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 64px;
}
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
margin: 0 0 24px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 small {
font-size: 50%;
line-height: 1;
font-weight: 700;
display: block;
font-family: "Jost", sans-serif;
}
.single-owl-slider.owl-carousel .owl-item-info p {
font-weight: 400;
color: #fff;
line-height: 1.5;
font-size: 16px;
text-align: left;
margin: 16px 0 24px;
max-width: 640px;
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info p {
font-size: 20px;
margin: 24px 0 32px;
margin-left: 15%;
}
}
@media screen and (min-width: 1240px) {
.single-owl-slider.owl-carousel .owl-item-info p {
font-size: 24px;
}
}
.single-owl-slider.owl-carousel .owl-item-info a {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: transparent;
text-decoration: none;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.05em;
border-radius: 0;
border: 1px solid #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
min-width: 120px;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info a {
min-width: 160px;
padding: 12px 48px;
font-size: 20px;
margin-left: 15%;
}
}
.single-owl-slider.owl-carousel .owl-item-info a:hover {
background-color: #31210e;
}
.single-owl-slider.owl-carousel .owl-nav button {
display: block;
position: absolute;
z-index: 1;
top: 0;
width: 48px;
height: 100%;
background: rgba(0, 0, 0, 0);
color: #fff;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
opacity: 1;
outline: none;
transform: none;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button {
width: 25%;
}
}
.single-owl-slider.owl-carousel .owl-nav button:before, .single-owl-slider.owl-carousel .owl-nav button:after {
display: none;
}
.single-owl-slider.owl-carousel .owl-nav button span {
font-size: 0;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 36px;
background-repeat: no-repeat;
background-size: auto 36px;
background-position: center;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button span {
width: 37px;
height: 72px;
background-size: auto 72px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-nav button span {
opacity: 0;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev {
left: 0;
cursor: url(https://jp-style.hr/wp-content/themes/jp-style/images/arrow-left.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/arrow-left.png);
left: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
left: 32px;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next {
right: 0;
cursor: url(https://jp-style.hr/wp-content/themes/jp-style/images/arrow-right.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/arrow-right.png);
right: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
right: 32px;
}
}
.single-owl-slider.owl-carousel .owl-dots {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots {
bottom: 48px;
}
}
.single-owl-slider.owl-carousel .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
border: 1px solid #c88b43;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots button {
width: 10px;
height: 10px;
}
}
.single-owl-slider.owl-carousel .owl-dots button:hover {
background-color: #dfbc92;
}
.single-owl-slider.owl-carousel .owl-dots button.active {
background-color: #c88b43;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
padding: 8px;
border-radius: 32px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background-color: white;
text-align: center;
}
.owl-nav button span {
display: none;
}
.owl-nav button:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
color: #c88b43;
}
.owl-nav button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.owl-nav button.owl-prev {
left: 8px;
transform: translateY(-50%);
}
.owl-nav button.owl-prev:before {
content: "\e90c";
}
.owl-nav button.owl-next {
right: 8px;
}
.owl-nav button.owl-next:before {
content: "\e90d";
}
.owl-nav button.disabled {
pointer-events: none;
opacity: 0.25;
}
.owl-nav button .arrow {
cursor: pointer;
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-100%) translateY(-50%);
transition: transform .1s;
width: 16px;
}
.owl-nav button .arrow-top, .owl-nav button .arrow-bottom {
background-color: #c88b43;
height: 2px;
left: -5px;
position: absolute;
top: 50%;
width: 100%;
}
.owl-nav button .arrow-top:after, .owl-nav button .arrow-bottom:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
transition: all 0.15s;
}
.owl-nav button .arrow-top {
transform: rotate(45deg);
transform-origin: bottom right;
}
.owl-nav button .arrow-top:after {
left: 100%;
right: 0;
transition-delay: 0s;
}
.owl-nav button .arrow-bottom {
transform: rotate(-45deg);
transform-origin: top right;
}
.owl-nav button .arrow-bottom:after {
left: 0;
right: 100%;
transition-delay: 0.15s;
}
@media screen and (min-width: 720px) {
.owl-nav button .arrow:hover .arrow-top:after {
left: 0;
transition-delay: 0.15s;
}
.owl-nav button .arrow:hover .arrow-bottom:after {
right: 0;
transition-delay: 0s;
}
}
.owl-nav button .arrow:active {
transform: translateX(100%) translateY(-50%) scale(0.9);
}
.owl-nav button .arrow:active .arrow-top,
.owl-nav button .arrow:active .arrow-bottom {
background-color: #c88b43;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(https://jp-style.hr/wp-content/themes/jp-style/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(https://jp-style.hr/wp-content/themes/jp-style/images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(https://jp-style.hr/wp-content/themes/jp-style/images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(https://jp-style.hr/wp-content/themes/jp-style/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
@font-face {
font-family: 'icomoon';
src: url(https://jp-style.hr/wp-content/themes/jp-style/fonts/icomoon.eot);
src: url(https://jp-style.hr/wp-content/themes/jp-style/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(https://jp-style.hr/wp-content/themes/jp-style/fonts/icomoon.ttf) format("truetype"), url(https://jp-style.hr/wp-content/themes/jp-style/fonts/icomoon.woff) format("woff"), url(https://jp-style.hr/wp-content/themes/jp-style/fonts/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon', 'Icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-file-picture:before {
content: "\e939";
}
.icon-file-video:before {
content: "\e93a";
}
.icon-sphere:before {
content: "\e9c9";
}
.icon-earth:before {
content: "\e9ca";
}
.icon-file-pdf:before {
content: "\eadf";
}
.icon-file-word:before {
content: "\eae1";
}
.icon-alert-circle:before {
content: "\e900";
}
.icon-alert-octagon:before {
content: "\e901";
}
.icon-alert-triangle:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e905";
}
.icon-arrow-up:before {
content: "\e906";
}
.icon-at-sign:before {
content: "\e907";
}
.icon-check:before {
content: "\e908";
}
.icon-check-circle:before {
content: "\e909";
}
.icon-check-square:before {
content: "\e90a";
}
.icon-chevron-down:before {
content: "\e90b";
}
.icon-chevron-left:before {
content: "\e90c";
}
.icon-chevron-right:before {
content: "\e90d";
}
.icon-chevron-up:before {
content: "\e90e";
}
.icon-chevrons-left:before {
content: "\e90f";
}
.icon-chevrons-right:before {
content: "\e910";
}
.icon-circle:before {
content: "\e911";
}
.icon-edit:before {
content: "\e912";
}
.icon-external-link:before {
content: "\e913";
}
.icon-facebook:before {
content: "\e914";
}
.icon-filter:before {
content: "\e915";
}
.icon-folder:before {
content: "\e916";
}
.icon-gift:before {
content: "\e917";
}
.icon-heart:before {
content: "\e918";
}
.icon-help-circle:before {
content: "\e919";
}
.icon-image:before {
content: "\e91a";
}
.icon-instagram:before {
content: "\e91b";
}
.icon-linkedin:before {
content: "\e91c";
}
.icon-log-in:before {
content: "\e91d";
}
.icon-log-out:before {
content: "\e91e";
}
.icon-mail:before {
content: "\e91f";
}
.icon-map:before {
content: "\e920";
}
.icon-map-pin:before {
content: "\e921";
}
.icon-message-circle:before {
content: "\e922";
}
.icon-message-square:before {
content: "\e923";
}
.icon-pause-circle:before {
content: "\e924";
}
.icon-phone:before {
content: "\e925";
}
.icon-phone-call:before {
content: "\e926";
}
.icon-play-circle:before {
content: "\e927";
}
.icon-search:before {
content: "\e928";
}
.icon-send:before {
content: "\e929";
}
.icon-shopping-bag:before {
content: "\e92a";
}
.icon-shopping-cart:before {
content: "\e92b";
}
.icon-sliders:before {
content: "\e92c";
}
.icon-thumbs-up:before {
content: "\e92d";
}
.icon-trash:before {
content: "\e92e";
}
.icon-trash-2:before {
content: "\e92f";
}
.icon-twitter:before {
content: "\e930";
}
.icon-user:before {
content: "\e931";
}
.icon-volume-2:before {
content: "\e932";
}
.icon-volume-x:before {
content: "\e933";
}
.icon-x:before {
content: "\e934";
}
.icon-x-circle:before {
content: "\e935";
}
.icon-zoom-in:before {
content: "\e936";
}
.icon-zoom-out:before {
content: "\e937";
}
.icon-menu:before {
content: "\e938";
}
.algolia-autocomplete .aa-suggestion .suggestion-post-thumbnail {
min-width: 50px;
min-height: 50px;
height: auto;
}
.algolia-autocomplete .autocomplete-post-footer {
margin-top: 15px;
padding: 10px 0;
border-top: 1px solid #ddd;
}
.algolia-autocomplete .autocomplete-post-footer a {
color: #1E1622;
font-size: 12px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: "Jost", sans-serif;
}
.algolia-autocomplete .autocomplete-post-footer a strong {
font-weight: 700;
}
.algolia-autocomplete .autocomplete-post-footer a:hover {
text-decoration: underline;
}
.single-post .site-main {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.single-post .site-main {
padding: 0 24px;
}
}
@media screen and (min-width: 1440px) {
.single-post .site-main {
padding: 0 32px;
}
}
.single-post .storefront-breadcrumb {
display: none;
}
.single-post .content-area-post {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
margin: 24px auto;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.single-post .content-area-post {
grid-template-columns: 3fr 1fr;
max-width: 1440px;
margin: 32px auto;
gap: 48px;
}
}
@media screen and (min-width: 1440px) {
.single-post .content-area-post {
margin: 48px auto;
gap: 80px;
}
}
.single-post .content-area-post .site-main {
margin: 0;
padding: 0;
max-width: none;
}
.single-post .content-area-post .site-main .post-header-image {
margin-bottom: 16px;
}
.single-post .content-area-post .site-main .post-header-image img {
display: block;
width: 100%;
object-fit: cover;
border: 2px solid #1E1622;
aspect-ratio: 3/2;
}
.single-post .content-area-post .site-main .post-header .storefront-breadcrumb {
display: block;
background: transparent;
padding: 0;
margin: 0 0 16px;
color: #1E1622;
}
.single-post .content-area-post .site-main .post-header .storefront-breadcrumb .breadcrumb_last {
color: #c88b43;
text-decoration: underline;
}
.single-post .content-area-post .site-main .post-header .storefront-breadcrumb a:hover {
color: #c88b43;
}
.single-post .content-area-post .site-main .post-header-excerpt p {
font-size: calc(18px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .post-header-excerpt p {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .post-header-excerpt p {
font-size: 22px;
}
}
.single-post .content-area-post .site-main .post-meta {
border-top: 1px solid #c88b43;
border-bottom: 1px solid #c88b43;
padding: 16px 0;
display: grid;
width: 100%;
grid-template-columns: 1fr;
align-items: center;
margin: 24px auto;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .post-meta {
margin: 32px auto;
}
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .post-meta {
padding: 24px 0;
grid-template-columns: 4fr 2fr;
}
}
.single-post .content-area-post .site-main .post-meta .post-author {
display: flex;
align-items: center;
flex-direction: row;
gap: 32px;
color: #1E1622;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .post-meta .post-author {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .post-meta .post-author {
font-size: 20px;
}
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .post-meta .post-author {
gap: 48px;
}
}
.single-post .content-area-post .site-main .post-meta .post-author span {
display: block;
text-transform: uppercase;
color: #444;
font-weight: 300;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .post-meta .post-author span {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .post-meta .post-author span {
font-size: 16px;
}
}
.single-post .content-area-post .site-main .post-meta .post-author a {
color: #1E1622;
text-decoration: none;
}
.single-post .content-area-post .site-main .post-meta .post-author a:hover {
color: #c88b43;
}
.single-post .content-area-post .site-main .post-meta .post-author-avatar img {
width: 64px;
height: 64px;
border: 1px solid #1E1622;
object-fit: cover;
aspect-ratio: 1;
display: block;
border-radius: 50%;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .post-meta .post-author-avatar img {
width: 90px;
height: 90px;
}
}
.single-post .content-area-post .site-main h1 {
margin: 0 auto;
text-align: left;
color: #1E1622;
font-weight: 500;
font-family: "Jost", sans-serif;
font-size: calc(24px + 24 * ((100vw - 320px) / 920));
letter-spacing: 0.01em;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h1 {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h1 {
font-size: 48px;
}
}
.single-post .content-area-post .site-main h2,
.single-post .content-area-post .site-main h3,
.single-post .content-area-post .site-main h4,
.single-post .content-area-post .site-main h5,
.single-post .content-area-post .site-main h6 {
font-weight: 500;
max-width: 100%;
font-family: "Jost", sans-serif;
color: #1E1622;
margin: 32px auto 24px;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main h2,
.single-post .content-area-post .site-main h3,
.single-post .content-area-post .site-main h4,
.single-post .content-area-post .site-main h5,
.single-post .content-area-post .site-main h6 {
margin: 48px auto 24px;
}
}
.single-post .content-area-post .site-main h2 strong,
.single-post .content-area-post .site-main h3 strong,
.single-post .content-area-post .site-main h4 strong,
.single-post .content-area-post .site-main h5 strong,
.single-post .content-area-post .site-main h6 strong {
font-weight: 600;
}
.single-post .content-area-post .site-main h2 {
font-size: calc(21px + 21 * ((100vw - 320px) / 920));
color: #1E1622;
letter-spacing: 0.01em;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h2 {
font-size: 21px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h2 {
font-size: 42px;
}
}
.single-post .content-area-post .site-main h3 {
font-size: calc(18px + 14 * ((100vw - 320px) / 920));
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 500;
letter-spacing: 0.025em;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h3 {
font-size: 32px;
}
}
.single-post .content-area-post .site-main h4 {
font-size: calc(17px + 9 * ((100vw - 320px) / 920));
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h4 {
font-size: 17px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h4 {
font-size: 26px;
}
}
.single-post .content-area-post .site-main h5 {
font-size: calc(16px + 8 * ((100vw - 320px) / 920));
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h5 {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h5 {
font-size: 24px;
}
}
.single-post .content-area-post .site-main h6 {
font-size: calc(16px + 6 * ((100vw - 320px) / 920));
color: #c88b43;
font-family: "Jost", sans-serif;
font-weight: 400;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main h6 {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main h6 {
font-size: 22px;
}
}
.single-post .content-area-post .site-main p {
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
line-height: 1.6;
max-width: 100%;
margin: 24px auto;
color: #1E1622;
font-family: "Jost", sans-serif;
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main p {
font-size: 20px;
}
}
.single-post .content-area-post .site-main p strong {
font-weight: 600;
}
.single-post .content-area-post .site-main p a {
font-weight: 500;
text-decoration: none;
}
.single-post .content-area-post .site-main .has-background {
padding: 24px;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .has-background {
padding: 32px;
}
}
@media screen and (min-width: 1024px) {
.single-post .content-area-post .site-main .has-background {
margin: 32px auto;
}
}
.single-post .content-area-post .site-main .has-white-color {
color: #fff;
}
.single-post .content-area-post .site-main .has-black-color {
color: #1E1622;
}
.single-post .content-area-post .site-main .has-additional-1-color {
color: #e6caa5;
}
.single-post .content-area-post .site-main .has-additional-2-color {
color: #e9d8cc;
}
.single-post .content-area-post .site-main .has-additional-3-color {
color: #3c6350;
}
.single-post .content-area-post .site-main .has-additional-4-color {
color: #cc7f61;
}
.single-post .content-area-post .site-main .has-primary-background-color {
background-color: #c88b43;
}
.single-post .content-area-post .site-main .has-light-background-color {
background-color: #F5F1E8;
}
.single-post .content-area-post .site-main .has-light-2-background-color {
background-color: #D5A66F;
}
.single-post .content-area-post .site-main .has-dark-background-color {
background-color: #B76709;
}
.single-post .content-area-post .site-main .has-additional-1-background-color {
background-color: #e6caa5;
}
.single-post .content-area-post .site-main .has-additional-2-background-color {
background-color: #e9d8cc;
}
.single-post .content-area-post .site-main .has-additional-3-background-color {
background-color: #3c6350;
}
.single-post .content-area-post .site-main .has-additional-4-background-color {
background-color: #cc7f61;
}
.single-post .content-area-post .site-main .wp-block-quote {
border: 0;
padding-left: 64px;
position: relative;
}
@media screen and (min-width: 1024px) {
.single-post .content-area-post .site-main .wp-block-quote {
padding-left: 120px;
margin: 32px auto;
min-height: 64px;
}
}
.single-post .content-area-post .site-main .wp-block-quote:before {
content: '';
display: block;
width: 48px;
height: 48px;
position: absolute;
left: 0;
top: 4px;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/quotes.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 1024px) {
.single-post .content-area-post .site-main .wp-block-quote:before {
width: 64px;
height: 64px;
top: 2px;
}
}
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: center;
margin: 24px auto;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid {
grid-template-columns: 1fr 1fr;
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid {
gap: 64px;
margin: 32px auto;
}
}
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid .wp-block-image,
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid ul,
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid ol,
.single-post .content-area-post .site-main .wp-block-group.is-layout-grid p {
margin: 0;
}
.single-post .content-area-post .site-main ol,
.single-post .content-area-post .site-main ul {
font-size: 16px;
line-height: 1.6;
margin: 24px auto;
color: #1E1622;
max-width: 100%;
list-style: none;
padding: 0;
counter-reset: item;
}
.single-post .content-area-post .site-main ol.products,
.single-post .content-area-post .site-main ul.products {
max-width: 100%;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main ol,
.single-post .content-area-post .site-main ul {
font-size: 18px;
}
}
@media screen and (min-width: 1440px) {
.single-post .content-area-post .site-main ol,
.single-post .content-area-post .site-main ul {
font-size: 20px;
}
}
.single-post .content-area-post .site-main ol strong,
.single-post .content-area-post .site-main ul strong {
font-weight: 600;
}
.single-post .content-area-post .site-main ol li,
.single-post .content-area-post .site-main ul li {
font-size: 16px;
line-height: 1.6;
padding-left: 32px;
position: relative;
margin: 0;
}
.single-post .content-area-post .site-main ol li:not(:last-child),
.single-post .content-area-post .site-main ul li:not(:last-child) {
margin-bottom: 4px;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main ol li,
.single-post .content-area-post .site-main ul li {
font-size: 18px;
padding-left: 48px;
}
}
@media screen and (min-width: 1440px) {
.single-post .content-area-post .site-main ol li,
.single-post .content-area-post .site-main ul li {
font-size: 20px;
}
}
.single-post .content-area-post .site-main ol li:before,
.single-post .content-area-post .site-main ul li:before {
position: absolute;
top: 0;
left: 0;
color: #c88b43;
content: counter(item) ".";
counter-increment: item;
}
.single-post .content-area-post .site-main ol a,
.single-post .content-area-post .site-main ul a {
font-weight: 500;
text-decoration: underline;
}
.single-post .content-area-post .site-main ol a:hover,
.single-post .content-area-post .site-main ul a:hover {
text-decoration: none;
}
.single-post .content-area-post .site-main ol li:not(:last-child) {
margin-bottom: 16px;
}
.single-post .content-area-post .site-main ul li:before {
content: "";
top: 50%;
transform: translateY(-40%);
left: 0;
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
background: #c88b43;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main ul li:before {
width: 12px;
height: 12px;
}
}
.single-post .content-area-post .site-main figure {
text-align: center;
}
.single-post .content-area-post .site-main figure img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.single-post .content-area-post .site-main figure figcaption {
font-size: 14px;
line-height: 1.5;
color: #1E1622;
letter-spacing: 0.025em;
font-style: italic;
}
@media screen and (min-width: 720px) {
.single-post .content-area-post .site-main figure figcaption {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.single-post .content-area-post .site-main figure figcaption {
font-size: 18px;
}
}
.single-post .content-area-post .site-main .has-small-font-size {
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .has-small-font-size {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .has-small-font-size {
font-size: 18px;
}
}
.single-post .content-area-post .site-main .has-normal-font-size {
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .has-normal-font-size {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .has-normal-font-size {
font-size: 20px;
}
}
.single-post .content-area-post .site-main .has-medium-font-size {
font-size: calc(18px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .has-medium-font-size {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .has-medium-font-size {
font-size: 22px;
}
}
.single-post .content-area-post .site-main .has-large-font-size {
font-size: calc(20px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .has-large-font-size {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .has-large-font-size {
font-size: 24px;
}
}
.single-post .content-area-post .site-main .has-huge-font-size {
font-size: calc(22px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .content-area-post .site-main .has-huge-font-size {
font-size: 22px;
}
}
@media screen and (min-width: 1240px) {
.single-post .content-area-post .site-main .has-huge-font-size {
font-size: 26px;
}
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin-bottom: 24px;
padding: 24px 0;
}
@media screen and (min-width: 720px) {
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro {
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 32px;
align-items: center;
}
}
@media screen and (min-width: 1024px) {
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro {
gap: 64px;
}
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-media img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border: 0 solid #1E1622;
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-content .entry-title {
margin-top: 0;
font-size: calc(24px + 24 * ((100vw - 320px) / 920));
line-height: 1.25;
font-weight: 500;
font-family: "Jost", sans-serif;
letter-spacing: 0.01em;
color: #1E1622;
text-align: left;
text-wrap: balance;
max-width: 100%;
}
@media screen and (max-width: 320px) {
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-content .entry-title {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-content .entry-title {
font-size: 48px;
}
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-lead p {
margin-top: 0;
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-lead p + p {
margin-top: 0.9em;
}
.single-post.jp-cat-flag--gallery .site-main .jp-post-gallery-intro-lead p:last-child {
margin-bottom: 0;
}
.single-post.jp-cat-flag--gallery .post-header-image {
display: none;
}
.blog-sidebar .widget {
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.blog-sidebar .widget {
margin-bottom: 48px;
}
}
.blog-sidebar .widget-title {
font-size: calc(20px + 4 * ((100vw - 320px) / 920));
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid #1E1622;
padding-bottom: 16px;
margin-bottom: 24px;
color: #1E1622;
}
@media screen and (max-width: 320px) {
.blog-sidebar .widget-title {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.blog-sidebar .widget-title {
font-size: 24px;
}
}
.blog-sidebar .widget_nav_menu #menu-blog-sidebar,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
gap: 24px;
}
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li {
margin: 0;
padding: 0;
}
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li a,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li a {
display: block;
margin: 0;
padding: 16px;
color: #1E1622;
font-family: "Jost", sans-serif;
line-height: 1.25;
font-weight: 400;
text-decoration: none;
background-color: #F3EFEA;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
font-size: calc(18px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li a,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li a {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li a,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li a {
font-size: 22px;
}
}
@media screen and (min-width: 720px) {
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li a,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li a {
padding: 24px;
}
}
.blog-sidebar .widget_nav_menu #menu-blog-sidebar li a:hover,
.blog-sidebar .widget_nav_menu #menu-blog-procitajte-jos li a:hover {
background-color: #c88b43;
color: #fff;
}
.blog-sidebar .nn-toc--h2 .nn-toc__list {
margin: 0;
padding: 0;
display: grid;
gap: 16px;
list-style: none;
}
.blog-sidebar .nn-toc--h2 .nn-toc__list .nn-toc__item a {
font-size: calc(18px + 4 * ((100vw - 320px) / 920));
color: #1E1622;
line-height: 1.5;
text-decoration: none;
}
@media screen and (max-width: 320px) {
.blog-sidebar .nn-toc--h2 .nn-toc__list .nn-toc__item a {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.blog-sidebar .nn-toc--h2 .nn-toc__list .nn-toc__item a {
font-size: 22px;
}
}
.blog-sidebar .nn-toc--h2 .nn-toc__list .nn-toc__item a:hover {
text-decoration: underline;
}
body.blog .storefront-breadcrumb,
.archive.category .storefront-breadcrumb {
display: none;
}
.blog-header {
text-align: center;
font-size: 0;
line-height: 1.5;
}
.blog-header span {
line-height: 1.5;
display: block;
letter-spacing: 0.05em;
color: #c88b43;
}
.blog-header span {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.blog-header span {
font-size: calc(24px + 40 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.blog-header span {
font-size: 64px;
}
}
.blog-header-wrapper {
position: relative;
margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
.blog-header-wrapper {
margin-bottom: 48px;
}
}
.blog-header-wrapper img {
display: block;
height: 200px;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 1024px) {
.blog-header-wrapper img {
height: 320px;
}
}
.blog-header-wrapper h1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
text-align: center;
width: 100%;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
z-index: 2;
}
.blog-header-wrapper h1 span {
color: #fff;
}
.blog-header-wrapper:before {
z-index: 1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
.blog-header > h1 {
padding: 32px 0;
}
.blog-news-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.blog-news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.blog-news-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.blog-news-grid .blog-news-post {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
font-size: 14px;
line-height: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.blog-news-grid .blog-news-post-thumb {
display: block;
overflow: hidden;
}
.blog-news-grid .blog-news-post img {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
aspect-ratio: 16/9;
object-fit: cover;
}
.blog-news-grid .blog-news-post-info.relative {
position: relative;
padding: 16px;
}
@media screen and (min-width: 720px) {
.blog-news-grid .blog-news-post-info.relative {
padding: 24px;
}
}
.blog-news-grid .blog-news-post-categories {
margin: 0;
list-style-type: none;
display: inline-block;
line-height: 1;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
text-align: center;
}
.blog-news-grid .blog-news-post-categories a {
background-color: #c98170;
padding: 4px 16px;
color: #fff;
font-weight: 600;
font-size: 10px;
line-height: 16px;
position: relative;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
@media screen and (min-width: 720px) {
.blog-news-grid .blog-news-post-categories a {
font-size: 12px;
line-height: 12px;
}
}
.blog-news-grid .blog-news-post a {
text-decoration: none;
cursor: pointer;
}
.blog-news-grid .blog-news-post h3 {
color: #c88b43;
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-align: left;
margin: 0 0 16px 0;
}
@media screen and (min-width: 720px) {
.blog-news-grid .blog-news-post h3 {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 1024px) {
.blog-news-grid .blog-news-post h3 {
font-size: 24px;
line-height: 32px;
}
}
.blog-news-grid .blog-news-post:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
}
.blog-news-grid .blog-news-post:hover img {
transform: scale(1.025);
}
.blog-news-grid .button.read-more {
width: 100%;
background-color: #c88b43;
background-position: center;
background-image: url(https://jp-style.hr/wp-content/themes/jp-style/images/add-to-cart-loader.svg);
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 24px auto 0;
display: block;
border-radius: 0;
font-size: 12px;
border: 1px solid #c88b43;
border-bottom: 3px solid #31210e;
z-index: 2;
max-width: 200px;
position: relative;
}
@media screen and (min-width: 720px) {
.blog-news-grid .button.read-more {
font-size: 14px;
}
}
.blog-news-grid .button.read-more:hover {
background-color: #805625;
border: 1px solid #805625;
border-bottom: 3px solid #31210e;
}
.blog-navigation ul.page-numbers {
display: block;
list-style-type: none;
text-align: center;
padding: 32px 0 0;
margin: 48px 0 0;
border-top: 1px solid #ebd4b9;
}
@media screen and (min-width: 720px) {
.blog-navigation ul.page-numbers {
padding: 48px 0 0;
margin: 48px 0 0;
}
}
.blog-navigation ul.page-numbers li {
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
border: 1px solid #c88b43;
border-radius: 4px;
background-color: #fff;
padding: 8px;
min-width: 32px;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
font-size: 14px;
min-width: 40px;
line-height: 22px;
}
}
@media screen and (min-width: 1024px) {
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
font-size: 16px;
}
}
.blog-navigation ul.page-numbers li span.current {
color: #fff;
background: #c88b43;
font-weight: 700;
}
.blog-navigation ul.page-numbers li span.page-numbers.dots {
border: 0;
}
.blog-navigation ul.page-numbers li a:hover {
color: #fff;
background: #c88b43;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}