/*
Theme Name:     Sapphire Clinic
Theme URI:      https://sapphireclinics.se/
Template:       kadence
Author:         Joao Neves, Hey Jay
Author URI:     https://heyjay.se
Description:    Custom WordPress theme for Sapphire Clinic
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/* Typography */

h5 { margin-bottom: 0 !important; }

/* Header */

#main-header .header-navigation { margin-top: 49px; }
#main-header .header-navigation .nav-pink a { color: #ff488c; }

#main-header .header-navigation .current-menu-parent > a,
#main-header .header-navigation .current-page-ancestor > a,
#main-header .header-navigation .current-menu-item > a { font-weight: 700; }

#main-header .search-toggle-open-container { margin-top: 48px; }
#mobile-header .search-toggle-open-container { margin-top: 36px; }
#mobile-header .mobile-toggle-open-container { margin-top: 34px; }

#mobile-drawer .drawer-header { 
  min-height: 120px; 
  align-items: center;
  padding: 0 2rem;
} 

#mobile-drawer .drawer-header .menu-toggle-close { margin-top: 35px; }

#mobile-drawer .sub-menu a { color: #ff488c; }

#search-drawer .drawer-inner input.search-field { border-color: #007DFA; }
#search-drawer .drawer-inner input.search-field:focus { border-color: #007DFA; box-shadow: none; }
#search-drawer .drawer-inner .drawer-content form .kadence-search-icon-wrap { color: #007DFA; }

#mobile-site-navigation .nav-pink a { color: #ff488c; }


/* Content */

.entry-content p { margin-bottom: 1em; }
.entry-content ul li::marker { color: #007DFA; }

.entry-content a { text-decoration: none; }
.entry-content a:hover { text-decoration: underline; }

.kt-accordion-wrap { margin-top: 1.5rem; }
.wp-block-kadence-pane { margin-top: -1px; }

.search-archive-title { margin-bottom: 2em; }

.grid-cols { 
  column-gap: 2rem;
  row-gap: 2rem;
}

.search-results .entry-content-wrap .entry-header { margin-bottom: 0.5em; }
.search-results .entry-content-wrap .entry-summary { margin-top: 0.5em; }

.search-results .entry-content-wrap .entry-summary p { 
  margin-top: 0.5em !important; 
  margin-bottom: 0.25em !important;
}

.search-results .loop-entry h2.entry-title { color: #FF488C !important; }

/* Footer */

a.social-button.footer-social-item.social-link-linkedin { font-size: 1.45rem; }
a.social-button.footer-social-item.social-link-instagram { font-size: 1.35rem; }
a.social-button.footer-social-item.social-link-facebook { font-size: 1.3rem; }



/* Wordpress */

.blocks-gallery-caption figcaption, 
.wp-block-embed figcaption, 
.wp-block-image figcaption, 
.wp-block-table figcaption, 
.wp-block-audio figcaption, 
.wp-block-video figcaption,
.wp-block-kadence-image figcaption { 
  font-size: 0.9rem !important;
  line-height: 1.3;
  color: #666666 !important;
  text-align: left !important;
  margin-top: 1em;
}


/* Media Queries */

@media (max-width: 1200px) {
  
  /* insert coin... */
  
}

@media (max-width: 1024px) {
  
  .site-bottom-footer-inner-wrap .site-footer-bottom-section-2 figure { 
    float: none;
    margin-bottom: 1em;
  }
  
  #mobile-header .site-header-item { margin-right: 0; }

}

@media (max-width: 767px) {
 
  #mobile-header .search-toggle-open-container { margin-top: 27px; }
  #mobile-header .mobile-toggle-open-container { margin-top: 26px; }
  
  #mobile-header .mobile-toggle-open-container .menu-toggle-icon { font-size: 1.3rem; }
  
  #mobile-drawer .drawer-header { 
    min-height: 80px;
    padding: 0 1rem;
  }
  
  #mobile-drawer .drawer-header .menu-toggle-close { margin-top: 26px; }

}

@media (max-width: 480px) {

  /* insert coin... */

}

@media (max-width: 374px) {

  /* insert coin... */

}

/* Style for the modal */
.popup-vardpersonal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8); /* Black with opacity */
}

.popup-vardpersonal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 40px 60px;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
  text-align: center;
}

.popup-vardpersonal h2 {font-size:1.6rem;
margin-bottom:16px;}

.popup-vardpersonal-buttons {
  max-width:240px;
  margin: 0 auto;
  display:flex;
  justify-content: space-between;
}

.popup-vardpersonal-buttons .button {
  box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
}
.custom-close:hover,
.custom-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.breadcrumb {margin-bottom:12px}
.breadcrumb a {font-size:0.9rem}
.single_meta {font-size:0.9rem}
.single_h1 {line-height:3rem;margin-top:40px}

.button_small {font-size:16px}

/* Eligibility Form */


#eligibility-form .progress-bar-container {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  margin-bottom: 20px;
}
#eligibility-form .progress-bar {
  height: 100%;
  background: var(--global-palette-btn-bg);
  width: 0%; /* Initial progress is 0 */
}
#eligibility-form .question, #eligibility-form .end-screen {
  display: none;
}

#eligibility-form #end-screen {
  text-align:center;
}
#eligibility-form .question.active, #eligibility-form .end-screen.active {
  display: block;
}
#eligibility-form button {
  margin: 20px 20px 20px 0;
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-btn);
  border: none;
  cursor: pointer;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 2em;
  padding: 0.5em 2em 0.6em 2em;
  box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
}
#eligibility-form button:hover {
  background-color: #0056b3;
}
#eligibility-form .learn-more-container button {
  background:none;
  padding:0;
  color:#0056b3;
}