/*
Theme Name:   Sasico Child
Theme URI:    https://sasico.pikathemes.site/
Description:  Make your modifications to [Parent Theme] in this Sasico child theme.
Author:       PikaThemes
Author URI:   http://pikathemes.site/
Template:     sasico
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  sasico-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
:root {
   --sasi-color-primary: #7CD0D7;
   --sasi-color-secondary: #3d7da5;
   --sasi-color-dark: #021B42;
   --sasi-color-white: #fff;
   --keystone-gradient: linear-gradient(259deg, #2e7ea3, #5dc9cc);
   --box-shadow: 0 8px 24px rgba(0,0,0,0.07), 0 2px 8px rgba(0,0,0,0.04);
  --font-sans: "Inter", Sans-serif;
  --font-heading:  "Plus Jakarta Sans", Sans-serif;
}

body {
    font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    font-family: var(--font-heading);
    color: var(--sasi-color-dark);
    letter-spacing: -0.3px;
}

h1,
h1.sasi-heading__title {
  font-size: 50px!important;
  line-height: 56px!important;
}

h2,
h2.sasi-heading__title {
  font-size: 30px!important;
  line-height: 33px!important;
}

a { 
   color: var(--sasi-color-primary);
}

button {
  font-family: var(--font-heading);
  font-weight: 600;
}
/* Add side padding only to the first container in each section */
.elementor-section .e-con:first-of-type,
.elementor-section .elementor-container:first-of-type {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

/* Custom Assets */
.btn-transp .sasi-btn {
    background: transparent;
    border: 0;
    color: var(--sasi-color-dark);
}

.btn-transp .sasi-icon {
    background: transparent;
    border: none;
    color: var(--sasi-color-dark);
}

/* SASI THEME - OVERRIDES */


/* default button padding */
.sasi-btn {

}

.sasi-btn-primary {
    background-blend-mode: darken;
    font-weight: 500;
    background: var(--keystone-gradient)!important;
    border: 2px solid var(--sasi-color-white);
    color: var(--sasi-color-white);
}

.sasi-btn-primary .sasi-icon {
  background: transparent!important;
  border: none!important;
}

.sasi-btn-primary:hover {
  border-color: var(--sasi-color-dark);
  color: var(--sasi-color-white);
}

.sasi-btn-primary:hover .sasi-icon {
  color: var(--sasi-color-white);
}
/*
.sasi-btn-secondary {
  background: var(--sasi-color-secondary)!important;
  color: var(--sasi-color-white)!important;
}

.sasi-btn-secondary:hover {
  background: var(--sasi-color-white)!important;
  color: var(--sasi-color-secondary)!important;
}
*/

.sasi-btn-dark {
  background: var(--sasi-color-secondary)!important;
  border: 2px solid var(--sasi-color-secondary)!important;
  color: var(--sasi-color-white)!important;
  border: none;
}

.sasi-btn-dark:hover {
  background: var(--sasi-color-secondary)!important;
  color: var(--sasi-color-white)!important;
  border-color: var(--sasi-color-primary)!important;
}

.sasi-btn-dark .sasi-icon {
  background: transparent;
  border: none;
  color: var(--sasi-color-white)!important;
}

.sasi-btn-dark:hover .sasi-icon {
  background: transparent!important;
}

.sasi-btn-outline_1 {
  background: var(--sasi-color-white)!important;
  border: 2px solid var(--sasi-color-secondary)!important;
  color: var(--sasi-color-secondary)!important;
}

.sasi-btn-outline_1:hover {
  border: 2px solid var(--sasi-color-primary)!important;
}

.sasi-btn-outline .sasi-icon,
.sasi-btn-outline_1 .sasi-icon {
  background: var(--sasi-color-dark)!important;
  color: var(--sasi-color-white)!important;
  border: none!important;
}

.sasi-btn-outline .sasi-icon i {
  color: var(--sasi-color-white)!important;
}

.sasi-btn-outline_2 {

}

.sasi-btn-outline_2 .sasi-icon {

}

/* HEADER */

/* Header Button */

@media (min-width: 1024px) and (max-width: 1441px) {
  .main-navigation > ul > li > a {
    font-size: 16px;
    padding: 0 ; 
    letter-spacing: 0;
  }
    #primary-menu.menu {
    gap: 0;
    justify-content: flex-start;
  }

  #primary-menu.menu > li {
    padding: 0;
    margin: 0;
  }

  #primary-menu.menu > li > a {
    padding: 0 8px;
    font-size: 15px;
    letter-spacing: 0;
  }

    .home-hero .sasi-heading__title {
    font-size: 60px!important;
   }

}

@media (min-width: 1000px) and (max-width: 1200px) {
   header .the-logo img {
      width: 180px;
      max-width: 180px;
   }

   .home-hero .sasi-heading__title {
    font-size: 60px!important;
   }

   #primary-menu.menu {
    gap: 0!important;
   }
  
   header .sasi-icon-list-item {
    font-size: 13px;
  }
}

@media screen and (min-width: 1100px) {
  .easy-notification-bar {
    display: none;
  }

  /*.elementor-sticky--active {
    top: 0!important;
  }*/
}

@media screen and (max-width: 1100px) {

    h1, 
    h1.sasi-heading__title {
      font-size: 30px!important;
      line-height: 34px!important;
    }

    h2,
    h2.sasi-heading__title {
      font-size: 28px!important;
      line-height: 30px!important;
    }

    .icon-box-btn a {
      text-align: center!important;
    }

    .sasi-icon-box__icon {
      font-size: 30px!important;
      padding: 15px!important;
      margin-bottom: 20px;
    }

    .sasi-icon-box {
      flex-direction: row;
      gap: 0!important;
    }

    .icon-box-des,
    .icon-box-title {
      text-align: left!important;
    }

    .sasi-btn .sasi-text {
      font-size: 14px!important;
      text-align: center!important;
    }

    .elementor-widget-sasi-button {
      align-self: center!important;
      --align-self: center!important;
    }

  .pgrid, .site-main.hori, .site-main.grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  .site-main.grid .post-cat-abs,
  .grid-box .entry-media {
    margin-bottom: 0!important;
  }

  .mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .active .arrow {
    padding: 15px!important;
  }

}

.easy-notification-bar {
  background: linear-gradient(90deg, var( --sasi-color-primary ) 35%, var( --sasi-color-secondary ) 96%)
}

/*.easy-notification-bar--has_close_icon.easy-notification-bar--align_center, 
.easy-notification-bar--has_close_icon.easy-notification-bar--button_bottom { 
  position: sticky !important;
  z-index: 9999 !important;
}*/

.easy-notification-bar .easy-notification-bar-button {
  background: none!important;
}

.easy-notification-bar .easy-notification-bar-button a {
  background: none!important;
  color: var(--sasi-color-dark)!important;
  font-weight: 600!important;
  font-family: var(--font-heading)!important;
}

.easy-notification-bar .easy-notification-bar-button a:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M6.84375 13.8125C6.96875 13.9688 7.21875 13.9688 7.375 13.8125L13.9062 7.28125C14.0625 7.125 14.0625 6.90625 13.9062 6.75L7.375 0.21875C7.21875 0.0625 6.96875 0.0625 6.84375 0.21875L6.21875 0.8125C6.0625 0.96875 6.0625 1.21875 6.21875 1.34375L11.0625 6.1875H0.375C0.1875 6.1875 0 6.375 0 6.5625V7.4375C0 7.65625 0.1875 7.8125 0.375 7.8125H11.0625L6.21875 12.6875C6.0625 12.8125 6.0625 13.0625 6.21875 13.2188L6.84375 13.8125Z' fill='%230E0E0E'/%3E%3C/svg%3E");
  padding-left: 10px!important;
  font-size: 13px!important;
}

.easy-notification-bar__close svg {
  fill: var(--sasi-color-dark)!important;
  width: 16px!important;
  height: 15px!important;
}

#primary-menu.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: flex-start; /* or center */
}

.main-navigation > ul > li {
  float: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

/* Force the anchor to stay inline */
.main-navigation > ul > li > a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.main-navigation > ul > li > .dropdown-toggle,
.main-navigation > ul > li > span.arrow,
.main-navigation > ul > li > button {
  display: inline-flex;
  align-items: center;
}

.main-navigation ul li.menu-item-has-children > a::after {
    margin-top: 0;
}

/** MODULES **/

@media screen and ( max-width: 768px ){
   /*.icon-box-centered .sasi-icon-box{
        align-items: center!important;
    }

    .icon-box-centered .icon-box-des,
    .icon-box-des {
        margin-bottom: 0!important;
    }
    */
}
/* equal height fix test */
.sasi-icon-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sasi-icon-box__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.sasi-icon-box  .icon-box-des {
  flex: 1;
}

.sasi-icon-box .icon-box-btn {
  margin-top: 20px auto;
}

/* testimonials */
.elementor-widget-sasi-testimonials,
.sasi-testimonial{
  height: 100%;
  display: flex;
}

.testi-meta {
  margin-top: auto;
}

#back-to-top {
  left: 20px!important;
  bottom: 20px!important;
}

/* cache conflict fix */

.mmenu-active .mmenu-overlay {
  z-index: 9!important;
}

.mmenu-wrapper {
  z-index: 99999!important;
}

.elementor-sticky--effects {
  top: unset!important;
}

.post-author {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 18px;
}

/* weird spacing fix */
.tname {
  padding-right: 15px;
}

.home-hero h1.sasi-heading__title {
  font-size: 80px!important;
  line-height: 80px!important;
}


.icon-box-btn a:hover {
  border: 2px solid var(--sasi-color-primary)!important;
}

.sasi-icon-box__content {
    display: flex;
    flex-direction: column;
    height: 100%; /* ensure it stretches to fill the card */
}

.sasi-icon-box__content .icon-box-btn {
    margin-top: auto;
}

/* Contact Form */
.contact-form .elementor-field-group input,
.contact-form .elementor-field-group textarea {
    background-color: #ffffff54!important;
    border: 1px solid #73c1c76e!important;
    border-radius: 10px!important;
    padding: 15px 20px!important;
}

.contact-form .elementor-button[type="submit"] {
  background: var(--sasi-color-primary);
  border: 1px solid #7ccfd7c7;
  height: 60px!important;
}

/* Footer Newsletter Form */
 
footer input,
footer textarea {
    background-color: #ffffff1f!important;
    border: 1px solid #ffffff3b!important;
    border-radius: 10px!important;
    color: #fff!important;
}

footer .elementor-button[type="submit"] {
    background-color: #59c2c880!important;
    border: 1px solid rgba(96, 173, 209, 0.631)!important;
    border-radius: 5px!important;
    color: #fff!important;
    height: 60px!important;
    font-weight: 700!important;
}

.main-navigation ul ul {
  left: 0!important;
}

#breadcrumbs * {
  color: var(--sasi-color-white)!important;
}

#breadcrumbs span {
  margin: 5px!important;
}

.post-subheader #breadcrumbs {
  color: var(--sasi-color-dark)!important;
}