/*
Theme Name: SVNH
Theme URI: https://dazil.com/
Description: Child theme for Kadence
Author: dazil Internet Services Inc
Author URI: https://dazil.com/
Template: kadence
Version: 1.0.0
Text Domain: svnh
*/
:root {
  --gold: #EABB43;
  --pink: #F28CA4;
  --lavender: #898EC3;
  --yellow: #FBE26E;
  --aqua: rgba(127, 214, 212, 0.95);
  --dark-green: #175142;
  --green: #3EA047;
  --lime-green: #99CC33;
  --off-white: #F9F5EE;
  --black: #000;
  --white: #fff;
  --dark: #434343;
  --gray: #999999;
  --light-gray: #AEAEAE;
}
.wp-block-kadence-advancedbtn {
  .kb-button.wp-block-button__link.kt-btn-size-xlarge {
    font-size:12px;
    padding: 7.5px 24px 7.5px 24px;
  }
}
.translator-icon {
  color:white;
}
footer {
  .site-middle-footer-inner-wrap {
    .site-footer-middle-section-1 {
      .kt-row-column-wrap {
        grid-template-columns: minmax(0, calc(28.5% - ((27px * 1) / 2))) minmax(0, calc(71.5% - ((27px * 1) / 2)));
        max-width:220px;
        margin:0 auto;
        .wp-block-kadence-column {
          &:last-child {

          }
        }
      }
    }
    .site-footer-middle-section-2 {
      ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 21px;
        margin-left:0;
        padding-left:0;
        margin-bottom:0;
        li {
          list-style-type:none;
        }
      }
    }
    .site-footer-middle-section-3 {
      .footer-social-wrap .footer-social-inner-wrap {
        font-size:18px;
        gap:10px;
      }
      .footer-widget3 {
        .kt-row-column-wrap {
          .wp-block-kadence-column {
            &:last-child {
            }
            h4 {

            }
            p {
              display: flex;
              align-items: center;
              column-gap: 5px;
              margin-top:3px;
              br {
                display:none;
              }
            }
          }
        }
      }
    }
  }
}
/* Push content down when notification bar is active */
body.notification-bar-active .site-header,
.admin-bar.notification-bar-active .site-header {
    margin-top: 69px;
}
#wplogout-top-bar-notification {
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 9999;
    background-color:var(--lime-green) !important;
    color: #fff;
    font-size: 14px;
    font-weight:600;
    line-height:20px;
    padding: 24px 0 25px 0;
}
.admin-bar #wplogout-top-bar-notification {
    top: 32px;
}
#wplogout-top-bar-notification a {
    color: #fff;
    text-decoration: none;
}
#wplogout-top-bar-notification a:hover {
    opacity: 0.8;
}
#wplogout-closebar {
    float: right;
    padding: 5px 9px;
    color: #fff;
    line-height: 1em;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    border: none;
    cursor: pointer;
    font-weight: bold;
    background-color:transparent;
    position:absolute;
}
.notice-inner {
    max-width: 1338px;
    margin: 0 auto;
    padding: 0 24px;
}
/* Hide notification bar when dismissed */
#wplogout-top-bar-notification.dismissed {
    display: none;
}
/* start min-width:768px breakpoint */
@media  only screen and (min-width:768px) {
  #wplogout-top-bar-notification {
      font-size: 20px;
      padding: 21px 0 21px 0;
      line-height:normal;
  }
  .wp-block-kadence-advancedbtn {
    .kb-button.wp-block-button__link.kt-btn-size-xlarge {
      font-size:20px;
      min-width:415px;
      padding: 21px 24px 21px 24px;
    }
  }
  footer {
    .site-middle-footer-inner-wrap {
      .site-footer-middle-section-1 {
        .kt-row-column-wrap {
          max-width:400px;
        }
      }
      .site-footer-middle-section-2 {
        ul {
          column-gap: 21px;
          li {
            font-size:24px;
          }
        }
      }
      .site-footer-middle-section-3 {
        .footer-social-wrap .footer-social-inner-wrap {
          font-size:24px;
          gap:16px;
        }
      }
    }
  }
}
/* end min-width:768px breakpoint */

/* start min-width:1025px breakpoint */
@media  only screen and (min-width:1025px) {
  footer .site-footer-row.site-footer-row-columns-3 {
    grid-template-columns: 28% 40% 32%;
  }
  footer {
    .site-middle-footer-inner-wrap {
      .site-footer-middle-section-1 {
        order:1;
        .kt-row-column-wrap {
          grid-template-columns: minmax(0, 1fr);
          max-width:100%;
          margin:0;
          .wp-block-kadence-column {
            &:last-child {
              order:unset;
            }
          }
        }
      }
      .site-footer-middle-section-2 {
        order:2;
      }
      .site-footer-middle-section-3 {
        order:3;
        .footer-social-wrap .footer-social-inner-wrap {
          font-size:29px;
          gap:35px;
        }
        .footer-widget3 {
          order:unset;
          .kt-row-column-wrap {
            .wp-block-kadence-column {
              &:last-child {
                order:unset;
              }
              h4 {
                display:block;
              }
              p {
                display: block;
                align-items: flex-start;
                column-gap: 0;
                margin-top:0;
                br {
                  display:block;
                }
              }
            }
          }
        }
      }
    }
  }
}
/* start min-width:1240px breakpoint */
@media  only screen and (min-width:1240px) {

  .header-html-inner {
    display:flex;
    align-items:center;
    column-gap:10px;
    #google_language_translator {
      line-height:0;
      color: #fff !important;
      .goog-te-gadget {
          background: transparent !important;
          color: #fff !important;
          font-size: 0 !important;

          span,
          a {
              color: #fff !important;
          }

          img {
              display: none;
          }
      }

      select.goog-te-combo {
          background: transparent !important;
          background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14' fill='none'><line x1='0.707107' y1='0.7072' x2='12.7071' y2='12.7072' stroke='white' stroke-width='2'/><line y1='-1' x2='16.9706' y2='-1' transform='matrix(-0.707107 0.707107 0.707107 0.707107 24 1.41431)' stroke='white' stroke-width='2'/></svg>")  !important;
          background-repeat: no-repeat !important;
          background-position: right center  !important;
          background-size: 24px 12px !important;
          color: #fff !important;
          border: none !important;
          border-radius: 0 !important;
          padding: 4px 0;
          font-size: clamp(16px, -0.55rem + 2vw, 20px) !important;
          cursor: pointer;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          margin-bottom:0;
          width:clamp(150px, -98px + 20vw, 190px);
          &:focus {
              outline: none;
              border-color: #fff;
          }

          option {
              background: var(--dark-green);
              color: #fff;
          }
      }
    }
  }
}
/* end min-width:1240px breakpoint */
