/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/

/* --------------------
   TYPOGRAPHY
-------------------- */

h1 {
  font-size: 24px !important;
  color: #2e2554 !important;
  font-weight: bold !important;
}

h2 {
  font-size: 18px !important;
  color: #5ab0cf !important;
  font-weight: bold !important;
}

h3, h3 a {
  font-size: 25px !important;
  color: #2e2554 !important;
  font-weight: bold !important;
  text-decoration: none;
}

h3 a:hover {
  color: #2e2554;
}

h4 {
  font-size: 20px !important;
  color: #5ab0cf !important;
}

h5, h6 {
  font-size: 16px !important;
  color: #2e2554 !important;
}

/* show your uploaded logo */
/* .main-header .site-logo img[src*="/wp-content/uploads/2026/05/logo-1.png"] {
  display: inline-block !important;
  max-height: 60px;
  width: auto;
}
 */
/* HEADER FIX */





/* Zaria header purple background fix */
.main-header,
.header-clone,
.act-scroll .main-header {
  background: #2e2554 !important;
}

/* Make sure header is visible on links.php */
body .main-header {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Links page spacing so content does not hide under header */
body .main-page-wrapper {
  padding-top: 40px !important;
}



.wrapp-header{
  position:relative !important;
  height:170px !important;
  min-height:170px !important;
  width:100%;
}

/* logo bigger */
.site-logo{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.site-logo img{
  display:block !important;
   max-height:150px !important;
  width:auto !important;
}

/* nav area */
.main-nav{
  width:100% !important;
  position:static !important;
  margin:0 !important;
}

.main-nav .menu{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* heading in middle of purple header */
.menu-item-143{
  position:absolute !important;
  left:48% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  text-align:center !important;
}

.site-slogan{
  font-family:'Playfair Display','Georgia',serif !important;
  font-size:42px !important;
  font-weight:700 !important;
  color:#fff !important;
  text-transform:uppercase !important;
  letter-spacing:2px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* menu right */
.main-nav .menu > li:not(.menu-item-143){
  position:absolute !important;
  right:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.menu-item-28{ top:58px !important; }
.menu-item-29{ top:84px !important; }
.menu-item-38{ top:110px !important; }

.main-nav .menu > li:not(.menu-item-143) > a{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  line-height:1.2 !important;
}

/* .mobile-nav-icon{
  display:none !important;
} */

/* STICKY HEADER FIX */
.sticky-header{
  background:#2e2554 !important;
}

.sticky-header .container{
  position:relative !important;
  height:90px !important;
  min-height:90px !important;
}

.sticky-header .site-logo{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.sticky-header .site-logo img{
  max-height:60px !important;
  width:auto !important;
}

.sticky-header .main-nav{
  width:100% !important;
  margin:0 !important;
}

.sticky-header .main-nav .menu{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.menu-item-143{
  position:absolute !important;
  left:50% !important;
  top:80% !important;
  transform:translate(-50%, -50%) !important;
  text-align:center !important;
  width:auto !important;
}

.sticky-header .site-slogan{
  font-size:28px !important;
  white-space:nowrap !important;
}

.sticky-header .main-nav .menu > li:not(.menu-item-143){
  position:absolute !important;
  right:0 !important;
}

.sticky-header .menu-item-28{ top:18px !important; }
.sticky-header .menu-item-29{ top:40px !important; }
.sticky-header .menu-item-38{ top:62px !important; }


/* FINAL MOBILE FIX - ZARIA */
@media (max-width:768px){

  .topbar-wrapp,
  .top-bar,
  .top-bar-left,
  .top-bar-right{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .main-header,
  .main-header .container,
  .wrapp-header{
    width:100% !important;
    max-width:100% !important;
    height:75px !important;
    min-height:75px !important;
    margin:0 !important;
    padding:0 !important;
    background:#2e2554 !important;
    overflow:hidden !important;
  }

  .wrapp-header{
    position:relative !important;
  }

  .site-logo{
    position:absolute !important;
    left:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10 !important;
  }

  .site-logo img{
    max-height:50px !important;
    width:auto !important;
  }

  .main-nav{
    display:none !important;
  }

  .right-column{
    display:block !important;
    position:absolute !important;
    right:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:9999 !important;
  }

  .mobile-nav-icon{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

}


/* MOBILE CLEANUP */
@media (max-width:768px){

  /* remove account icon */
  .right-column .wishlist-info-widget,
  .right-column .shopping-cart-widget,
  .right-column .account-header,
  .right-column .login-link,
  .right-column > *:not(.mobile-nav-icon){
      display:none !important;
  }

  /* keep burger on right */
  .mobile-nav-icon{
      position:absolute !important;
      right:20px !important;
      top:50% !important;
      transform:translateY(-50%) !important;
      display:block !important;
      z-index:99999 !important;
  }

  /* logo left */
  .site-logo{
      left:20px !important;
  }

  .site-logo img{
      max-height:50px !important;
  }

  /* remove header overflow */
  .wrapp-header{
      overflow:visible !important;
  }
}







/* Force widget titles */
.widget-title,
.widget-title h5,
.sidebar .widget h5 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

.site-content {
  margin-bottom: -20px !important;
}

/* --------------------
   LAYOUT
-------------------- */

.main-page-wrapper {
  background: #ffffff !important;
}

.navigation-wrap {
  background: #F4F5F3 !important;
}

.basel-navigation .menu {
  color: #fff !important;
  font-size: 18px !important;
}

.main-nav .menu > li > a {
  color: #fff !important;
}

.title-wrapper.basel-title-color-default .title-subtitle {
  color: #8fa14b !important;
}

.top-bar-left {
  font-size: 15px !important;
}

/* --------------------
   CONTACT FORM 7
-------------------- */

.wpcf7-form {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}

.wpcf7-form p {
  margin-bottom: 15px;
}

.wpcf7-form label {
  color: #2e2554;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  color: #2e2554;
  background: #fff;
}

.wpcf7-form input.wpcf7-submit {
  background-color: #2e2554 !important;
  color: #fff !important;
  border: none;
  padding: 12px 20px;
  cursor: pointer;
}

.wpcf7-form input.wpcf7-submit:hover {
  background-color: #1f193f !important;
}

/* --------------------
   BUTTON SYSTEM
-------------------- */

.button {
  display: inline-block;
  width: 200px;
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}

.button.yoga,
.button.yoga:hover {
  background-color: #65b5d1;
  color: #fff;
}

.button.about,
.button.about:hover {
  background-color: #2e2554;
  color: #fff;
}

.button.retreats,
.button.retreats:hover {
  background-color: #8fa14b;
  color: #fff;
}

/* --------------------
   IMAGE BORDER STYLE
-------------------- */

.border img {
  border: 2px solid #acb73f !important;
  padding: 5px;
}

#vc_custom_86 img {
  width: 400px !important;
  height: 400px !important;
  object-fit: cover;
}

#vc_custom_86 p,
#vc_custom_86 span {
  color: #ffffff !important;
  text-align: center;
}

.mc4wp-form input[type="submit"] {
  background-color: #2e2554 !important;
}

.vc-hoverbox-block {min-height: 300px;		
}








/* Make all hover boxes same height */
.vc-hoverbox-inner {
    min-height: 250px !important;
    height: 250px !important;
}

/* Make front and back fill the same height */
.vc-hoverbox-front,
.vc-hoverbox-back {
    height: 100% !important;
}

/* Center text nicely inside */
.vc-hoverbox-back-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* Prevent long text from pushing box */
.vc-hoverbox-back-inner p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}



.footer-container{
	margin-top:50px !important;
	
}