:root { --blue: #004899; --orange: #0A6BD8; --mutedblue: #8DA9C4; --lightgrey: #E5E5E9; --light: #F7F7F9; --black: #2F3639; --darkgrey: #3C454A; --grey: #85929A; } .pretitle{ font-family: "InterTight" !important; font-weight: 600; text-transform: uppercase; } .title-text-product { font-family: "Neue Montreal" !important; color: #161616; line-height: 94%; letter-spacing: 0.01em; font-size: 38px; margin: 10px 0px 15px 0px; font-style: normal; color: #161616; } body h1, body h2 { font-family: "Neue Montreal Medium" !important; color: #161616; line-height: 94%; letter-spacing: 0.01em; } body { font-family: "Neue Montreal"; font-weight: 400; line-height: 1.4; color: #161616; letter-spacing: 0.01rem; } .title-text{ color: #2f3639; } .dark-grey-text{ color: var(--darkgrey); font-weight: 500;} .orange { color: var(--orange); } input:focus, input:hover, input:active { outline: none !important; } a:focus { outline: none !important; } .splide__arrow { outline: none !important; } .splide__slide:focus { outline: none !importan; } .splide__slide { outline: none !important; } .regular-text{ font-size: 18px; color: var(--black); } .text-for-button{ letter-spacing: 0.1rem !important; font-size: 14px !important; font-weight: 700 !important; } .dark-grey{ background-color: var(--black);} .medium-text { font-size: 24px; line-height: 33px; font-weight: 500; font-family: "InterTight"; color: var(--black);} .button-text{ font-size: 14px; var(--black); text-transform: uppercase; font-weight: 700; letter-spacing: 1px;} .standart-text{ font-size: 18px;} .gallery-container { display: flex; width: 100%; } .gallery-filter { width: 25%; padding-right: 20px; } .gallery-items-wrapper{ width: 75%; } .gallery-items { flex-direction: row; width: 100%; column-gap: 24px; row-gap: 24px; grid-template-columns: 1fr 1fr 1fr; display: grid; align-items: initial; grid-gap: 24px; } .gallery-container h4 { font-size: 20px; } .gallery-tax-1, .gallery-tax-2 { margin-bottom: 20px; } .gallery-tax-3-item, .gallery-tax-2-item, .gallery-tax-1-item{ display: flex; align-items: center; } .gallery-filter label { margin-bottom: 0; margin-left: 5px; display: flex; width: 100%; align-items: center; cursor: pointer; } .gallery-container input[type="submit"] { padding-top: 14px; padding-bottom: 14px; letter-spacing: 0.1rem; color: #ffffff; width: 100%; height: 54px; background-color: var(--orange); transition: all 0.2s ease-in-out; margin-right: 0; margin-bottom: 0; text-align: center; border: navajowhite; margin-top: 20px; max-width: 173px; } .gallery-container input[type="submit"]{ display: none; } #ajax-filter label:before { display: block; content: ""; width: 28px; height: 28px; box-shadow: 0 0 0 1px #dfdcd8; background: #fff; margin-right: 15px; transition: background-color .2s ease,box-shadow .2s ease; color: #fff; cursor: pointer; z-index: -1; position: relative; } #ajax-filter label:hover:before { box-shadow: 0 0 0 1px #004899; } #ajax-filter input:checked + label:before { background: url(/wp-content/themes/bricks-child-theme/ok.svg) center no-repeat #004899; background-size: 16px auto; box-shadow: 0 0 0 1px #004899; text-align: center; } #ajax-filter input:checked + label:hover:before { background: url(/wp-content/themes/bricks-child-theme/close.svg) center no-repeat #004899; background-size: 12px auto; box-shadow: 0 0 0 1px #004899; text-align: center; } #ajax-filter input { position: absolute; opacity: 0; cursor: pointer; height: 0 !important; width: 0 !important; } @media(max-width: 1248px){ .gallery-items { grid-template-columns: 2fr 2fr; } } @media(max-width: 767px){ .gallery-filter { width: 100%; } .gallery-items-wrapper{ width: 100%; } .gallery-items { width: 100%; } .gallery-container { display: flex; width: 100%; flex-wrap: wrap; } } button[aria-label="Custom Size Sub menu"] { width: 40px; margin-right: 5px; } .custom-underline { text-decoration: underline !important; text-decoration-color: var(--grey) ; text-decoration-thickness: 1px !important; } .custom-underline:hover { text-decoration-color: !important var(--blue); color: var(--blue) !important; text-decoration-thickness: 2px !important; } .nav-change a .bricks-site-logo { width: 200px !important; }  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .checkout-button, .wc-proceed-to-checkout a.checkout-button, .single_add_to_cart_button, #submit { background-color: var(--orange) !important; color: #ffffff !important; border: 0 !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.1rem !important; padding: 12px 22px !important; cursor: pointer !important; box-shadow: none !important; transition: background-color .2s ease !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce .checkout-button:hover, .wc-proceed-to-checkout a.checkout-button:hover, .single_add_to_cart_button:hover, #submit:hover { background-color: #0857ad !important; color: #ffffff !important; } .product-description { display: flex; flex-direction: column; } .product-description .description-header { margin-bottom: 30px; } .product-description .pretitle { margin-bottom: 10px; } .product-description .standart-text p, .product-description .description-intro p { margin: 0 0 20px 0; } .product-description .description-intro p:last-child { margin-bottom: 0; } #productFeature { padding-top: 70px !important; margin-top: 20px !important; margin-bottom: 70px !important; } .product-description .why-choose-section { margin-top: 70px; } .product-description .section-title { font-size: 34px !important; line-height: 1.2 !important; font-weight: 500 !important; color: #2f3639 !important; letter-spacing: 0.05rem !important; margin: 0 0 30px 0 !important; } .product-description .features-list { margin: 0; padding: 0; list-style: none; } .product-description .features-list .feature-item { margin-bottom: 18px; padding-left: 0; } .product-description .features-list .feature-item:last-child { margin-bottom: 0; } .product-description .benefit-block { margin-bottom: 20px; } .product-description .benefit-block:last-child { margin-bottom: 0; } @media (max-width: 991px) { .product-description .section-title { font-size: 30px !important; } } @media (max-width: 767px) { #productFeature { padding-top: 50px !important; margin-top: 20px !important; margin-bottom: 50px !important; } .product-description .why-choose-section { margin-top: 50px !important; } .product-description .section-title { font-size: 26px !important; margin-bottom: 25px !important; } }