/*
Theme Name: Reidstone Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import "assets/fonts/stylesheet.css";
h1,h2,h3,h4,h5, .nav > li  a,.button span {
    font-family: 'Archivo Expanded'!important;
}
.banner h2 {
    font-weight: 900!important;
}
:root { --secondary-color: var(--fs-color-secondary); }

.header-main { margin-top: 24px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.header-nav-main > li > a { color: #fff !important; font-size: 16px; padding: 0 10px; }
.header-nav-main > li > a:before { background-color: #fff; width: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.header-nav-main > li.current-menu-item a:before, .header-nav-main > li:hover a:before { width: 100%; }
.header-nav-main .nav-dropdown { min-width: 270px; }
.header-nav-main .nav-dropdown > li > a { padding: 12px 15px; color: #0F0F0F; font-size: 16px; font-weight: 400; margin: 0; }
.header-nav-main .nav-dropdown > li > a:hover { background: #000; color: #fff; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col { display: block; width: 100%; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col > a { color: #1C1C1C; font-size: 17px; text-transform: none; font-weight: 600; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col > ul { margin-top: -38px; display: none; position: absolute; left: 100%; z-index: 9; background-color: #fff; min-width: 240px; padding: 0 12px; min-width: 200px; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col > ul li > a { color: #333; font-size: 16px !important; border: none; margin: 0; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col > ul li:hover a { color: var(--primary-color) !important; }
.header-nav-main .nav-dropdown > li.nav-dropdown-col:hover > ul { display: block; }
.header-nav-main .nav-dropdown.sub-menu { padding: 0; }

.header .header-wrapper.stuck .header-main { margin-top: 0px; }
.header .header-wrapper.stuck .header-nav-main > li > a { color: #000 !important; }
.header .header-wrapper.stuck .header-nav-main > li > a:before { background-color: #000; }

.has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 84px !important; }

.button:not(.icon) { padding: 6px 20px; font-size: 16px; font-weight: 500; border-radius: 2px; }
.button:not(.icon).is-outline { border-color: #000; color: #000; border-width: 1px; }
.button:not(.icon).is-outline:hover { background-color: #000; color: #fff !important; }
.button:not(.icon).is-outline.white { border-color: #fff; color: #fff; border-width: 1px; }
.button:not(.icon).is-outline.white:hover { background-color: #fff; color: #000 !important; }

.flickity-page-dots { bottom: 25px; }
.flickity-page-dots .dot { border-radius: 1px; background-color: #E5E5E5; opacity: 1; border: none; }
.flickity-page-dots .dot.is-selected { background-color: #000 !important; }

.custom-box-shadow, .about-advantages .box:hover .box-image { box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.25); }

.about-advantages .box-image { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.about-advantages .box:hover .box-image { transform: translateY(-5px); }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { border-bottom: none; font-size: 30px; font-weight: 500; color: #000; }
.section-title .nav-line-bottom { width: auto; }
.section-title .nav-line-bottom > li > a { font-size: 16px; font-weight: 400; padding: 2px 10px; }
.section-title .nav-line-bottom > li > a:before { height: 1px; }

.section-title-container { margin-bottom: 0px; }

b, strong { font-weight: inherit; font-weight: 500; }

.box.box-text-bottom.box-overlay .box-text { text-shadow: none; }
.box.box-text-bottom.box-overlay h3 { font-size: 32px; font-weight: 400; }
.box.box-text-bottom.box-overlay p { font-size: 16px; font-weight: 500; line-height: 24px; min-height: 48px; }

.box.box-text-bottom:not(.box-overlay) h4 { font-size: 24px; font-weight: 400; }
.box.box-text-bottom:not(.box-overlay) p { color: var(--Greyscale-444444, #444); text-align: justify; font-size: 16px; font-weight: 400; line-height: 24px; }
.product-item {
    padding-bottom: 0;
}
.product-item .post-title { color: #000; font-size: 24px; font-style: normal; font-weight: 400; }
.product-item .overlay { color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px; text-transform: uppercase; font-size: 16px; font-weight: 500; }

.catalogue-item .box-image { box-shadow: 4px 6px 12px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; overflow: hidden; }

.post-item {padding-bottom: 0;}
.post-item .is-divider { display: none; }
.post-item .post-title { font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; color: #000; }
.post-item .post-meta { opacity: 1; color: #444; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 1.8px; }
.post-item .from_the_blog_excerpt { text-align: justify; }
.post-item .button { position: relative; color: #000; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; display: flex; gap: 10px; padding: 0; padding-left: 49px; align-items: center; }
.post-item .button:before, .post-item .button:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 24px; background-repeat: no-repeat; background-position: center center; transition: opacity 0.3s ease, transform 0.3s ease; }
.post-item .button:before { background-image: url("assets/images/Icon.png"); width: 39px; opacity: 1; }
.post-item .button:after { background-image: url("assets/images/Icon_hover.png"); width: 49px; opacity: 0; transform: translateY(-50%) translateX(-5px); }
.post-item .button:hover:before { opacity: 0; transform: translateY(-50%) translateX(5px); }
.post-item .button:hover:after { opacity: 1; transform: translateY(-50%) translateX(0); }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 32px; min-width: 32px; }
.slider-nav-circle .flickity-prev-next-button svg { border: none !important; padding: 29% !important; background-color: #fff; box-shadow: 0 0 4px 0 var(--mainColor); }
.slider-nav-circle .flickity-prev-next-button svg .arrow { fill: var(--primary-color) !important; }
.slider-nav-circle .flickity-prev-next-button:hover svg { background-color: rgba(33, 52, 62, 0.6); }

.slider-nav-simple .flickity-prev-next-button { opacity: 1; transform: none; margin-top: 0 !important; }
.slider-nav-simple .flickity-prev-next-button svg { color: var(--primary-color) !important; }
.slider-nav-simple .flickity-prev-next-button:hover svg, .slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--primary-color) !important; }

.slider-nav-simple .flickity-button { opacity: 1; }
.slider-nav-simple .flickity-button > svg { display: none; }
.slider-nav-simple .flickity-button:before, .slider-nav-simple .flickity-button:after { content: ''; height: 25px; width: 25px; display: block; transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); z-index: 2; margin: auto; position: absolute; }
.slider-nav-simple .flickity-button.previous:before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
.slider-nav-simple .flickity-button.next::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slider-nav-simple .flickity-button:hover:before { border-color: var(--secondary-color); }
.slider-nav-simple.slider-nav-dark .flickity-button.previous:before { border-bottom: 2px solid #000; border-left: 2px solid #000; }
.slider-nav-simple.slider-nav-dark .flickity-button.next::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; margin-top: 0; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; margin-top: 0; }
.slider-nav-outside.slider-nav-simple .flickity-button:before { border-color: var(--primary-color); }
.slider-nav-outside.slider-nav-simple.slider-nav-light .flickity-button:before { border-color: #fff; }

.text-justify p { text-align: justify; }

a.underline { text-decoration: underline; }

@media screen and (min-width: 820px) { .row-5 .large-2 { flex-basis: 20%; max-width: 20%; } }
.row-5 p { margin-bottom: 0; }
.row-5 .count p { font-size: 72px; }

.icon-box.featured-box h3 { font-size: 20px; font-style: normal; font-weight: 400; }
.icon-box.featured-box p { color: var(--Greyscale-444444, #444); text-align: justify; font-size: 16px; font-weight: 400; line-height: 24px; }

.project-item .post-title {  font-size: 24px; font-weight: 400; line-height: 32px; }

.accordion-item .accordion-title { color: #000; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; text-transform: capitalize; padding-left: 0; border-bottom: 1px solid #818285; border-top: none; padding: 14px 0; }
.accordion-item .accordion-title.active { background-color: transparent; }
.accordion-item .accordion-title.active .toggle i:before { content: "-"; }
.accordion-item .toggle { left: auto; right: 0; transform: none !important; }
.accordion-item .toggle i { color: #4E5145; font-size: 16px; font-weight: 400; line-height: 20.83px; text-align: left; }
.accordion-item .toggle i:before { content: "+"; }
.accordion-item .accordion-inner { padding: 10px 0; }

.page-header-wrapper h1.entry-title { font-size: 64px; font-style: normal; font-weight: 700; text-transform: uppercase; }

.about-badge { border-radius: 2px; background: var(--Greyscale-Primary, #000); box-shadow: 7px 8px 0 0 rgba(0, 0, 0, 0.63); color: var(--Greyscale-White, #FFF); font-family: Montserrat; font-size: 20px; font-style: italic; font-weight: 400; line-height: 34px; /* 170% */ text-transform: capitalize; max-width: 570px; position: absolute; bottom: 15%; left: -100px; padding: 10px 30px; }

.page-product .sub-title { color: #000; font-size: 32px; font-weight: 500; text-transform: capitalize; }
.page-product .wbc-title { flex-direction: column; align-items: flex-start; }
.page-product .wbc-title .nav-line-bottom { flex-direction: column; align-items: flex-start; width: 100%; }
.page-product .wbc-title .nav-line-bottom li { margin-left: 0; width: 100%; display: block; }
.page-product .wbc-title .nav-line-bottom li a { padding: 12px 0px; }
.page-product .wbc-title .nav-line-bottom li a:before { background-color: #E5E5E5; opacity: 1; }
.page-product .wbc-title .nav-line-bottom li:hover a, .page-product .wbc-title .nav-line-bottom li.active a { color: #000; }
.page-product .wbc-title .nav-line-bottom li:hover a::before, .page-product .wbc-title .nav-line-bottom li.active a::before { background-color: #000; }

.featured-title .page-title-inner { padding-bottom: 0 !important; }

.page-title-inner { min-height: auto; padding-top: 0; }

.single-product-content { padding: 40px 0; background: #F9F9F9; }
.single-product-content h1.product-title { font-size: 36px; font-style: normal; font-weight: 500; }
.single-product-content .product-content { text-align: justify; }
.single-product-content h3.section-title { font-size: 16px; font-weight: 600; line-height: 24px; }

.product-finishes .finishes-list { display: flex; gap: 10px; flex-wrap: wrap; }
.product-finishes .finishes-list .finish-item { background: #f5f5f5; padding: 8px 20px; border-radius: 4px; font-size: 14px; font-weight: 500; color: #000; text-transform: capitalize; }

.product-applications { margin-top: 30px; }
.product-applications .applications-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 20px; }
.product-applications .applications-grid .application-item { text-align: center; }
.product-applications .applications-grid .application-item .application-icon { width: 60px; height: 60px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; }
.product-applications .applications-grid .application-item .application-icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.product-applications .applications-grid .application-item .application-icon svg { width: 40px; height: 40px; color: #000; }
.product-applications .applications-grid .application-item .application-label { font-size: 12px; color: #000; line-height: 1.4; text-transform: capitalize; }

.single-product-details { padding: 40px 0; }
.single-product-details .section-heading {  font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 40px; text-transform: uppercase; }

@media screen and (max-width: 768px) { .product-applications .applications-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } }
.single-project-gallery { padding: 40px 0; }
.single-project-gallery h1.project-title {  font-size: 36px; font-style: normal; font-weight: 500; }

.single-project-content .project-description { font-size: 16px; line-height: 1.8; color: #666; text-align: justify; }

.single-project-related { background: #F9F9F9; padding: 40px 0; }

.nav-pills { gap: 8px; }
.nav-pills > li a { font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; color: #000; border: 2px solid #000; padding: 0px 24px; border-radius: 2px; }
.nav-pills > li:hover a, .nav-pills > li.active a { background: #000; color: #fff; }

@media (max-width: 768px) { .nav-pills { overflow-x: auto; flex-wrap: nowrap; }
  .nav-pills > li a { padding: 10px 16px; font-size: 12px; white-space: nowrap; } }
.blog-wrapper { padding-top: 0; padding-bottom: 0; }

.single-content-post { padding: 40px 0; }
.single-content-post .entry-meta { color: var(--Greyscale-444444, #444); font-family: Montserrat; font-size: 12px; font-weight: 400; line-height: 18px; /* 150% */ letter-spacing: 1.8px; }
.single-content-post h1.entry-title { color: var(--Greyscale-Primary, #000); font-size: 32px; font-weight: 500; line-height: 44px; /* 137.5% */ text-transform: capitalize; }
.single-content-post .entry-header-text { padding: 0; }
.single-content-post .post { margin-bottom: 0; }
.single-content-post .entry-content { padding: 0; }

.single-post-related { background: #F9F9F9; padding: 40px 0; }

.footer-wrapper p.h4 { font-size: 32px; font-style: normal; font-weight: 500; margin-bottom: 0; }
.footer-wrapper p.h5 { font-size: 16px; font-weight: 600; }
.footer-wrapper h3 { font-size: 18px; font-weight: 700; }
.footer-wrapper ul li { list-style: none; margin-left: 0; margin-bottom: 0; }
.footer-wrapper ul li a { color: #444; font-size: 16px; }
.footer-wrapper ul li a:hover { color: #000; }
.footer-wrapper .social-icons a { background-color: #000 !important; color: #fff !important; border: none; line-height: 36px; margin-right: 6px; }

.copyright-footer { font-size: 14px; color: #818285; }
.copyright-footer strong { color: #000; }

.footer-secondary a { color: #818285; font-size: 14px; font-weight: 500; line-height: 20px; }
.footer-secondary a + a:before { content: ""; height: 4px; width: 4px; border-radius: 50%; background: #000; display: inline-flex; margin: 0 10px; transform: translateY(-2px); }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li span { border-radius: 8px; height: 32px; width: 32px; line-height: 30px; }
.nav-pagination li a { height: 32px; width: 32px; line-height: 32px; font-weight: 600; font-size: 14px; background-color: transparent !important; border: 1px solid #D9D9D9; border-radius: 8px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--primary-color) !important; color: #fff !important; border-color: var(--primary-color) !important; }
.nav-pagination li .current { border-color: var(--primary-color) !important; }

@media (prefers-reduced-motion: no-preference) { .row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }
  [data-animate=bounceInUp] { transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.2s ease-in !important; }
  .slider [data-animate], [data-animate] { transition: filter 0.7s, transform 0.7s, opacity 0.4s ease-in !important; } }
@media screen and (max-width: 820px) { .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: var(--primary-color); }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .icon-image img { min-width: 25px; }
  .header-wrapper.stuck .mobile-nav .has-icon a { color: #000 !important; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; border-radius: 5px; }
  .off-canvas .nav-vertical > li.current-menu-item > a, .off-canvas .nav-vertical > li:hover > a { color: var(--primary-color); }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .about-badge { left: 10px; font-size: 18px; }
  .row-5 .count p { font-size: 44px; } }
@media screen and (max-width: 512px) { .banner h2 { font-size: 28px; }
  .section-title span.section-title-main { font-size: 22px; }
  .box.box-overlay .box-text { padding-left: 5px; padding-right: 5px; }
  .box.box-overlay h3 { font-size: 18px; }
  .wbc-title .nav-line-bottom { display: block !important; white-space: nowrap; padding-left: 0px; overflow-x: scroll; }
  .wbc-title .nav-line-bottom li { list-style: none; display: inline-block; float: inherit; margin: 0; margin-right: 5px; position: relative; }
  .product-item .post-title { font-size: 18px; }
  .post-item .post-title { font-size: 16px; }
  .page-header-wrapper h1.entry-title { font-size: 28px; }
  .about-badge { font-size: 16px; line-height: 1.4; }
  .about-badge p { margin-bottom: 0; }
  .box.box-text-bottom.box-overlay h3 { font-size: 24px; }
  .box.box-text-bottom:not(.box-overlay) h4 { font-size: 20px; }
  .row-5 .count p { font-size: 35px; }
  .footer-wrapper p.h4 { font-size: 22px; }
  .small-text-center .text-right { text-align: center; }
  .single-product-content { padding: 30px 0; }
  .single-product-content h1.product-title { padding-top: 12px; }
  .project-item .post-title { font-size: 18px; }
  .single-content-post h1.entry-title { font-size: 22px; line-height: 1.4; } }
.contact-form-wrapper { background: #ffffff; padding: 40px; border-radius: 2px; }

.form-required-text { font-size: 14px; color: #666; margin-bottom: 25px; }

.wpcf7 .col { padding-bottom: 0; }
.wpcf7 label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 8px; color: #333; }
.wpcf7 label span { color: red; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea { border-radius: 2px; border: 1px solid var(--Greyscale-Secondary, #818285); background: var(--Greyscale-White, #FFF); box-shadow: none; height: 44px; }
.wpcf7 .btn-submit { background: transparent; color: #000; border: 2px solid #000; padding: 5px 40px; font-size: 14px; font-weight: 600; letter-spacing: 1px; cursor: pointer; transition: all 0.3s; }
.wpcf7 .btn-submit:hover { background: #000; color: #fff; }

@media (max-width: 768px) { .contact-form-wrapper { padding: 25px; } }