@charset "utf-8"; /*** The new CSS reset - version 1.8.5 (last updated 14.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; height: auto; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body { /*background-color: var(--light-gold);*/ width: 1920px; max-width: 100%; margin: 0 auto; overflow-x: hidden; display: flex; flex-direction: column; } main { overflow-y: hidden; overflow: hidden; } /* ========================== GOOGLE FONTS ========================== */ /*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Vollkorn:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* font-family: 'Manrope', sans-serif; font-family: 'Vollkorn', serif; */ /* ========================== GOOGLE FONTS ENDS ========================== */ /* Garamond font starts */ @font-face { font-family: 'Garamond'; /* Name of your font */ src: url('../fonts/Garamond/GARA.TTF') format('truetype'); /* Correct relative path */ font-weight: normal; /* Normal weight */ font-style: normal; /* Normal style (non-italic) */ } @font-face { font-family: 'Garamond-bold'; /* Name of your font */ src: url('../fonts/Garamond/GARABD.TTF') format('truetype'); /* Correct relative path */ font-weight: normal; /* Normal weight */ font-style: normal; /* Normal style (non-italic) */ } @font-face { font-family: 'Tan'; /* Name of your font */ src: url('../fonts/TAN/TAN-NIMBUS.otf') format('truetype'); /* Correct relative path */ font-weight: normal; /* Normal weight */ font-style: normal; /* Normal style (non-italic) */ } .garamond { font-family: 'Garamond'; } .garamond-bold { font-family: 'Garamond-bold'; } .tan { font-family: 'Tan'; } /* Apply the custom font to your website */ body { font-family: 'Garamond', serif; } /* Garamond font ends */ :root { --light-gold: rgb(247, 244, 234); --gold: rgb(232, 211, 175); --goldm: rgb(229, 192, 159); --orange: rgb(225, 145, 109); --blue: rgb(65, 82, 100); --nav-blue: rgb(43, 61, 80); --creme: rgb(247, 244, 234); --creme2: rgb(237, 224, 199); --grey: rgb(128, 128, 128); --middle-grey: rgb(152, 152, 152); --light-grey: rgb(192, 192, 192); --dark-grey: rgb(99, 99, 99); --brow: rgb(85, 85, 85); --white: rgb(255, 255, 255); } .blue { color: var(--blue); } .blue-bg { background-color: var(--blue); } .white, .white > * { color: var(--white); } .light-gold { background-color: var(--light-gold); } .gold, .gold > * { color: var(--gold); } .gold-m{ color: var(--goldm); } .middle-grey { color: var(--middle-grey); } .light-grey { color: var(--light-grey); } .nav-blue { color: var(--nav-blue); } .creme { color: var(--creme); } .creme-bg { background-color: var(--creme); } .orange { color: var(--orange); } body { font-size: 16px; color: var(--grey); font-weight: 500; font-family: 'Manrope', sans-serif; background-color: var(--light-gold); } p { margin-bottom: 25px; } p, li { font-size: 16px; line-height: 24px; color: var(--grey); font-weight: 500; } em { font-style: italic; } .subtle { font-size: 14px; line-height: 20px; color: var(--grey); font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: 'Vollkorn', serif; color: var(--nav-blue); margin-bottom: 25px; } h1 { margin-bottom: 20px; } .page-title { font-size: 80px; letter-spacing: -2px; text-transform: uppercase; font-weight: 500; } h1 { font-size: 60px; letter-spacing: -1px; font-weight: 500; } .big { font-size: 50px; letter-spacing: -1px; font-weight: 500; } h2, .h2 { font-size: 40px; letter-spacing: -1px; font-weight: 500; margin-bottom: 20px; } h3, .h3 { font-size: 30px; letter-spacing: -1px; font-weight: 500; } h4, h4 { font-size: 24px; font-weight: 500; } h5, h5 { font-size: 20px; font-weight: 500; } h6, h6 { font-size: 20px; font-weight: 500; } .manrope { font-family: 'Manrope', sans-serif; } .volkorn { font-family: 'Vollkorn', serif; } .uppercase { text-transform: uppercase; } a, a::before { -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; transition: .4s ease-out; text-decoration-line: none; color: inherit; } /** Home Section **/ .protection-section { position: relative; } .protection-section p { color: #fff; font-size: 20px; line-height: 1.5; } .protection-section h2 { color: #e8d3af; font-size: 50px; letter-spacing: -1px; } .protection-wrapper { padding: 90px 0 50px; border: 2px solid #e8d3af; border-top-right-radius: 65px; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 45px; position: relative; z-index: 2; } .protection-info { padding-inline: 50px; border-bottom: 1px solid rgba(232, 211, 175, .10); padding-bottom: 20px; } .button-holder .protection-button:before, .button-holder .protection-button:after { display: none; } .protection-text a { color: #e8d3af; } .protection-wrapper:before { content: ''; display: block; position: absolute; background-image: url("/wp-content/uploads/2025/05/protection-before.png"); width: 209px; height: 106px; background-size: contain; bottom: 0; left: 0; } .protection-wrapper:after { content: ''; position: absolute; display: block; width: 24px; height: 24px; background-image: url("/wp-content/uploads/2025/05/protection-triangle.svg"); background-size: contain; background-repeat: no-repeat; top: -13px; left: 50%; transform: translateX(-50%); } .protection-buttons { column-gap: 20px; row-gap: 25px; } .second-protection-text { margin-bottom: 0; } #news-container:before { display: none; } .inline-block { display: inline-block; } .mb-0 { margin-bottom: 0; } .mt-30 { margin-top: 30px; } .mb-0 li:last-of-type { margin-bottom: 0; } .default-post-content { padding: 90px 45px; background-color: #ffffff; border-radius: 20px; box-shadow: 0px 38px 24.5px rgba(59,54,38,.01); margin-top: 45px; } .default-post-content h2 { font-size: 30px; margin: 30px 0 10px; } #page-content-wrapper { background-image: url('/wp-content/uploads/2025/07/default-page-bckg-ktmarket.png'); background-size: 110%; background-attachment: fixed; background-position: bottom center; background-repeat: no-repeat; padding: 0 0 50px; } #header_social_menu { margin: 0; display: flex; align-items: center; column-gap: 15px; list-style: none; justify-content: flex-end; } #header_social_menu i { font-size: 24px; color: #2f3f50;; } #header_social_menu i:hover { color: var(--goldm); } @media(max-width: 1280px) { .contact-market-button a { width: 160px; flex-basis: 160px; max-width: 100%; } } @media (max-width: 991.8px) { .page-title { font-size: 68px; letter-spacing: -1px; } #masthead #primary-menu-list .dlrm .sub-menu li a { background-color: rgba(255,255,255,0); color: #fff; } #masthead #primary-menu-list .dlrm .sub-menu li a.active-dlrm { color: #e1916d; } #header_social_menu { display: none; } #header_social_menu_mobile { margin: 0; padding: 0 20px; display: flex; column-gap: 10px; list-style: none; } #header_social_menu_mobile i { font-size: 24px; color: #ffffff; } } @media (max-width: 767.8px) { .page-title { font-size: 50px; letter-spacing: -1px; } .big { font-size: 40px; } .protection-section h2 { font-size: 36px; } .protection-info { padding-inline: 30px; } } @media (max-width: 575.8px) { h2, .h2, .big { font-size: 32px; } h3, .h3 { font-size: 28px; letter-spacing: -1px; font-weight: 500; } h4, h4 { font-size: 22px; font-weight: 500; } .page-title { font-size: 44px; letter-spacing: -1px; } .protection-wrapper { max-width: 90%; margin-inline: auto; padding-top: 50px; } } /* ========================== BUTTONS ========================== */ a, a > *, a:before, a:after { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .my-button { font-size: 14px; line-height: 24px; text-transform: uppercase; color: var(--blue); font-weight: 800; text-decoration-line: none; padding: 12px 48px; border: 2px solid var(--orange); border-top-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; } .my-button:hover { color: var(--white); background-color: var(--ograne); text-decoration-line: none; } .post-content-inner .language-button a { text-decoration: none; } .language-button a:hover { color: var(--blue); } .normal-button { font-size: 14px; line-height: 24px; text-transform: uppercase; color: var(--orange); font-weight: 800; flex-wrap: wrap; align-items: center; justify-content: center; display: flex; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .normal-button .arrow { background-image: url("../../assets/images/normal-button-arrow.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 10px; height: 16px; margin-left: 15px; display: inline-flex; } .normal-button:hover { color: var(--nav-blue); } .button-holder { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /*overflow: hidden;*/ } .button-holder a, .button-holder button { position: relative; } .button-holder a::before, .button-holder button::before { content: ""; display: block; position: absolute; bottom: 50%; left: -280px; transform: translate(0, 5px); background-image: url("../../assets/images/line-left.svg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat; width: 260px; height: 10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .button-holder a::after, .button-holder button::after { content: ""; display: block; position: absolute; bottom: 50%; right: -280px; transform: translate(0, 5px); background-image: url("../../assets/images/line-right.svg"); background-position: top center; background-size: contain; background-repeat: no-repeat; width: 260px; height: 10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .button-holder a, .button-holder button { font-size: 14px; line-height: 24px; text-transform: uppercase; padding: 12px 30px; border: 2px solid var(--orange); border-bottom-left-radius: 20px; border-top-right-radius: 20px; /*display: flex;*/ /*flex-wrap: wrap;*/ /*align-items: center;*/ /*justify-content: center;*/ font-weight: 800; } .button-holder a.white, .button-holder button.white { color: var(--white); font-weight: 800; } .button-holder a:hover, .button-holder button:hover { background-color: var(--orange); } .button-holder a.orange { color: var(--orange); } .button-holder a.orange:hover { color: var(--white); } .small-signup { font-size: 12px; line-height: 24px; text-transform: uppercase; color: #887149; border: 2px solid var(--gold); font-weight: 800; padding: 7px 20px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; } .small-signup:hover { background-color: var(--gold); text-decoration-line: none; color: #887149; } li::marker { color: var(--orange); } /* ========================== BUTTONS ENDS ========================== */ /* ========================== Layout ========================== */ #page { display: flex; flex-direction: column; min-height: 100vh; } .pad-100 { padding: 100px 0; } .pad-50 { padding: 50px 0; } .text-center { text-align: center; } .a-center { align-items: center; } .j-center { justify-content: center; } .show-lg { display: none; } .show-md { display: none; } /*section {*/ /* overflow: hidden;*/ /*}*/ #primary { overflow-y: hidden; } @media (max-width: 991.8px) { .hide-lg { display: none; } .show-lg { display: block; } } @media (max-width: 767.8px) { .show-md { display: block; } .hide-md { display: none !important; } .pad-100 { padding: 50px 0; } .pad-50 { padding: 20px 0; } } @media (min-width: 1280px) { .container { max-width: 1230px; } } /* ======================= FOOTER BANNER ====================== */ #footer-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; width: calc(100% - 60px); flex-basis: calc(100% - 60px); max-width: 100%; margin: 0 auto; border-radius: 25px; padding: 50px 0; position: relative; } #footer-banner h3 { margin-bottom: 15px; } .banner-text { margin-bottom: 30px; } footer { margin-top: auto; } @media (max-width: 767.8px) { #footer-banner { width: 100%; flex-basis: 100%; border-radius: 0; } } /* ==================== PAGINATION ==================== */ .custom-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 40px; margin-top: 20px; position: relative; } .custom-pagination .pagination-arrow.previous { mask: url('../images/news-slider-left.svg') no-repeat center; -webkit-mask: url('../images/news-slider-left.svg') no-repeat center; background-color: #e1916d; width: 22px; height: 15px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; display: inline-flex; } .custom-pagination .pagination-arrow.next { mask: url('../images/news-slider-right.svg') no-repeat center; -webkit-mask: url('../images/news-slider-right.svg') no-repeat center; background-color: #e1916d; width: 22px; height: 15px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; display: inline-flex; } .custom-pagination .page-numbers { font-size: 20px; color: var(--blue); font-weight: 500; width: 48px; height: 48px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0); margin: 0 3px; } .custom-pagination .page-numbers.current { color: var(--orange); border-color: var(--orange); } .custom-pagination .page-numbers:hover { color: var(--orange); border-color: var(--orange); } @media (min-width: 768px) { .hero-image { position: absolute; width: 650px; top: -120px; } .hero-image.hero-left-image { left: -250px; } .hero-image.hero-right-image { right: -250px; } } @media (max-width: 767.8px) { /*.hero-image {*/ /* display: none;*/ /*}*/ } .modal-content { border: none; border-radius: 0; } /* =================== SIGNUP FORM =================== */ #email-signup .modal-content { padding: 0; background: rgba(255, 255, 255, 0); } #email-signup .modal-body { border-top-right-radius: 40px; border-bottom-left-radius: 40px; background: var(--white); padding: 40px 30px; } #email-signup .close span { mask: url('../images/close-mdoal.svg') no-repeat; -webkit-mask: url('../images/close-modal.svg') no-repeat; height: 35px; width: 35px; background-size: contain; z-index: 2; background-position-x: 0; background-position-y: center; background-color: var(--orange); display: block; } #email-signup .modal-body .close { position: absolute; top: 12px; right: 12px; width: 35px; height: 35px; z-index: 3; display: block; padding: 0; } #email-signup form { width: 320px; max-width: 100%; margin: 0 auto; } #email-signup h3 { text-align: center; } #email-signup .gform_wrapper.gravity-theme input[type=text], #email-signup .gform_wrapper.gravity-theme input[type=email], #email-signup .gform_wrapper.gravity-theme input[type=tel] { font-size: 14px; line-height: 20px; font-weight: 500; border: none; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 8px 0; } #email-signup .gform_wrapper.gravity-theme input[type=submit] { font-size: 14px; line-height: 24px; text-transform: uppercase; color: #415264; font-weight: 800; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border: 2px solid var(--orange); padding: 8px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } #email-signup .gform_wrapper.gravity-theme input[type=submit]:hover, #email-signup .gform_wrapper.gravity-theme input[type=submit]:focus-within { background-color: var(--orange); color: var(--white); } #email-signup .gform_confirmation_message h3 { margin-bottom: 10px; } #email-signup .gform_confirmation_message h3 { margin-bottom: 10px; } #email-signup .gform_confirmation_message img { width: 200px; max-width: 100%; display: block; margin: 0 auto 10px auto; } .wp-block-embed-youtube iframe { width: 100%; height: 400px; } @media (max-width: 767.8px) { .wp-block-embed-youtube iframe { height: 350px; } } /* ========================= FORMS ======================== */ /* ============================= LOGIN FORMS ============================= */ #login-form-container form { border-top-right-radius: 40px; border-bottom-left-radius: 40px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: var(--white); filter: drop-shadow(0px 10px 4.5px rgba(143, 71, 32, 0.04)); padding: 40px 50px; width: 450px; max-width: 100%; margin: 0 auto; } #login-form-container #reveal-password-button { margin-top: 10px; font-size: 12px; } #login-form-container form div { display: block; width: 100%; padding-bottom: 20px; } #login-form-container form input[type=text], #login-form-container form input[type=email], #login-form-container form input[type=password] { font-size: 14px; line-height: 20px; font-weight: 500; border: none; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 8px 0; width: 100%; } #login-form-container form button[type=submit] { font-size: 14px; line-height: 24px; text-transform: uppercase; color: #415264; font-weight: 800; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border: 2px solid var(--orange); padding: 8px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } #login-form-container form button[type=submit]:hover, #login-form-container form button[type=submit]:focus-within { background-color: var(--orange); color: var(--white); } #login-form-container form .error { color: var(--orange); font-size: 12px; margin-top: 10px; } .gform_confirmation_message img { display: block; margin-left: auto; margin-right: auto; } .contact-market-button a { display: block; width: 100%; padding: 7px 13px; border: 2px solid #e5bf9f; border-top-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; color: var(--white); text-transform: uppercase; } .contact-market-button a:hover { background-color: #e5bf9f; color: var(--white); }