/*!
 * Godwin v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */

/*===================

Header

===================*/
header, header .main-content, 
header .main-content > .row > .col {
    height: 110px !important;
}
@media (min-width: 992px) {
    header, header .main-content, 
    header .main-content > .row > .col {
        height: 170px !important;
    }
}

section.alt {
    background-color: #FCF9F3 !important;
}

/*==================

Footer

==================*/

footer .input-group>input.form-control+.input-group-btn>.btn:hover, 
footer .input-group>input.form-control+.input-group-btn>.btn:focus {
    background-color: #e95437!important;
}

footer .footerlinks a:hover, 
footer .footerlinks a:focus {
    text-decoration: underline !important;
}

footer .social-networks .network:hover i, 
footer .social-networks .network:focus i, 
footer .social-networks .network:active i {
    color: var(--dark) !important;
}

footer .footer-section:nth-child(2) .row .col-12:nth-child(2) {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 30px 0 30px !important;
}

footer div.address-flex {
    text-align: center !important;
    padding: 0 20px !important;
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
       border-color: var(--light);
       color: var(--light);
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: var(--light);
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: var(--light);
    }

    footer div.address-flex {
        width: 100% !important;
    }
}

/*==================

Jewelry Details Page

==================*/

#jewelry section.default, 
#jewelry #grid-sidebar-object, 
#jewelry #grid-sidebar-object .grid-sidebar, 
#jewelry .grid-sidebar .grid-sidebar-elem-heading h5.parent,
#jewelry .final-bg,
#jewelry-details .final-bg,
#jewelry-details section.default {
    background-color: #fff !important;
}

.white-text {
  color: white !important;
}

  /* ======= Custom section text fix ===== */ 

  @media (min-width: 1800px) {
    [data-pagebuilder="section"].widget-collage-section [data-pagebuilder="widget"].collage-text-block {
        /* padding-bottom: calc(calc(33.3334vw / 2) + 36px) !important; */
        padding-bottom: clamp(200px, calc(33.3334vw / 2) + 36px, 300px) !important;
    }
}

/* Fix homepage hero buttons */
.high-z-button {
      z-index: 999 !important;
  position: relative !important;
}

:root {
  --primary-color: #051e36 !important;
  --secondary-color: #333333 !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
               Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  line-height: 1.6 !important;
  color: var(--secondary-color) !important;
}

iframe,
img {
  max-width: 100% !important;
  display: block !important;
}

.jos-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.jos-btn {
  display: inline-block !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 30px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  transition: background-color 0.3s !important;
  border: none !important;
  cursor: pointer !important;
  text-align: center !important;
}

.jos-btn:hover {
  filter: brightness(0.95) !important;
}

.jos-hero {
  background-image: url('https://jos0.b-cdn.net/jeweleros-seo-page/oval-halo-darkened.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  color: white !important;
  text-align: center !important;
  padding: 150px 0 !important;
  position: relative !important;
}

.jos-hero-content {
  position: relative !important;
  z-index: 1 !important;
}

.jos-hero h1 {
  font-size: 48px !important;
  margin-bottom: 20px !important;
  font-weight: 400 !important;
  color: white !important;
}

.jos-hero p {
  font-size: 18px !important;
  margin-bottom: 30px !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  color: white !important;
}

.jos-design-process {
  padding: 80px 0 !important;
  background-color: #fff !important;
}

.jos-design-process-flex {
  display: flex !important;
  align-items: flex-start !important;
  gap: 50px !important;
}

.jos-design-process-image,
.jos-design-process-content {
  flex: 1 !important;
}

.jos-design-process h2 {
  font-size: 32px !important;
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}

.jos-design-process p {
  margin-bottom: 25px !important;
  font-size: 16px !important;
  color: #555 !important;
}

.jos-process-steps {
  list-style: none !important;
  margin-bottom: 25px !important;
}

.jos-process-steps li {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 20px !important;
  font-size: 16px !important;
  line-height: 32px !important;
}

.jos-icon {
  color: var(--primary-color) !important;
  margin-right: 15px !important;
  font-size: 20px !important;
  min-width: 24px !important;
  text-align: center !important;
}

.jos-testimonials {
  background-color: var(--primary-color) !important;
  color: white !important;
  padding: 50px 0 !important;
  text-align: center !important;
}

.jos-stars {
  color: #FFD700 !important;
  font-size: 30px !important;
  margin-bottom: 20px !important;
  letter-spacing: 5px !important;
}

.jos-testimonial-quote {
  font-size: 24px !important;
  max-width: 800px !important;
  margin: 0 auto 20px !important;
  line-height: 1.4 !important;
}

.jos-testimonial-author {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px !important;
}

.jos-testimonial-author-img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background-color: white !important;
  background-size: cover !important;
  background-position: center !important;
  margin-right: 15px !important;
}

.jos-author-info span {
  display: block !important;
  text-align: left !important;
  line-height: 1.3 !important;
  color: white !important;
}

.jos-ring-builder {
  padding: 80px 0 !important;
  text-align: center !important;
}

.jos-ring-builder h2 {
  font-size: 32px !important;
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}

.jos-ring-builder p {
  max-width: 900px !important;
  margin: 0 auto 40px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}

.jos-builder-screenshot {
  max-width: 100% !important;
  margin: 0 auto 30px !important;
  border: 1px solid #eee !important;
  border-radius: 4px !important;
}

.jos-company-info {
  padding: 80px 0 !important;
  background-color: #fff !important;
}

.jos-company-info-flex {
  display: flex !important;
  gap: 50px !important;
  align-items: flex-start !important;
}

.jos-company-details {
  flex: 1 !important;
}

.jos-company-details h2 {
  font-size: 32px !important;
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}

.jos-company-details p {
  margin-bottom: 25px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}

.jos-map-container {
  flex: 1 !important;
}

.jos-map-details {
  margin-top: 20px !important;
  text-align: center !important;
}

.jos-map-details h3 {
  font-size: 22px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}

.jos-map-details p {
  font-size: 1.2em !important;
  margin-bottom: 0 !important;
  color: #555 !important;
}

.jos-cta-section {
  background-image: url('https://jos0.b-cdn.net/jeweleros-seo-page/darkened-ring-on-womans-hand.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 200px 0 !important;
  text-align: center !important;
  color: white !important;
  position: relative !important;
}

.jos-cta-content {
  position: relative !important;
  z-index: 1 !important;
}

.jos-cta-section h2 {
  font-size: 36px !important;
  margin-bottom: 30px !important;
  font-weight: 400 !important;
  color: white !important;
}

@media (max-width: 768px) {
  .jos-design-process-flex,
  .jos-company-info-flex {
    flex-direction: column !important;
  }

  .jos-hero h1 {
    font-size: 36px !important;
  }

  .jos-design-process h2,
  .jos-ring-builder h2,
  .jos-company-details h2,
  .jos-cta-section h2 {
    font-size: 28px !important;
  }

  .jos-testimonial-quote {
    font-size: 20px !important;
  }
}

#custom-engagement-rings-h1 {
  color: blue !important;