/*
Theme Name: Burtch Law
Theme URI: 
Author: PRDev
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.4
Version: 1.0.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: burtch-law
*/

/* -------------------------------------------------------------------------- */
/* Base Reset                                                                 */
/* -------------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.wp-site-blocks>*+* {
  --wp--style--block-gap: 0;
  margin-top: var(--wp--style--block-gap);
}

strong {
  font-weight: 600;
}

a:where(:not(.wp-element-button)) {
  color: #32568D;
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                    */
/* -------------------------------------------------------------------------- */
.wp-element-button {
  transition: all 0.2s ease-in-out;
}

.wp-element-button:hover {
  transition: all 0.2s ease-in-out;
}

.top-nav .wp-block-navigation-item {
  line-height: 1;
  padding: 10px 12px;
}

.top-nav .wp-block-navigation-item.wp-block-navigation-link:hover,
.top-nav .wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
  border: 1px solid var(--wp--preset--color--white);
  border-radius: 4px;
  padding: 10px 12px;
  color: var(--wp--preset--color--white);
}

.nav-button.red:hover .wp-block-button__link {
  background-color: var(--wp--preset--color--green-7);
  border-color: var(--wp--preset--color--green-7);
}

.nav-button.blue:hover .wp-block-button__link {
  background-color: var(--wp--preset--color--navy-6);
  border-color: var(--wp--preset--color--navy-6);
}

.nav-button.green:hover .wp-block-button__link {
  background-color: var(--wp--preset--color--green-6);
  border-color: var(--wp--preset--color--green-6);
}

.big-button:hover {
  background-color: var(--wp--preset--color--beigey-0-5);
}

.wp-block-buttons .wp-block-button__link.wp-load-more__button {
  background-color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--deep-blue-6-base);
  color: var(--wp--preset--color--deep-blue-6-base);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.wp-block-buttons .wp-block-button__link.wp-load-more__button:hover {
  border-color: var(--wp--preset--color--navy-9);
  color: var(--wp--preset--color--navy-9);
}

/* -------------------------------------------------------------------------- */
/* Layout & Spacing                                                           */
/* -------------------------------------------------------------------------- */
section.has-global-padding>*.alignwide,
footer>.has-global-padding,
header>.has-global-padding {
  padding-inline: 2rem;
}

section.wp-block-group,
footer.wp-block-group {
  padding-block: 4.5rem;
}

footer.alignwide {
  max-width: min(97%, 1440px) !important;
}



/* -------------------------------------------------------------------------- */
/* Imagery                                                                    */
/* -------------------------------------------------------------------------- */
.wp-block-image img {
  vertical-align: middle;
}

.is-style-rounded img,
.is-style-rounded>div {
  border-radius: 16px !important;
}

.image-wrap img {
  height: 100%;
  max-width: 500px;
  object-fit: contain;
  width: auto;
}

.slider img {
  width: 100%;
}

.ar-1-1 {
  aspect-ratio: 1 / 1;
}

.ar-16-9 img {
  aspect-ratio: 16 / 9;
}

.bw img {
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}

/* -------------------------------------------------------------------------- */
/* Navigation                                                                 */
/* -------------------------------------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--deep-blue-0);
}

.top-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu>.wp-block-navigation-item__content {
  border: 1px solid var(--wp--preset--color--deep-blue-0-5);
  border-radius: 4px;
  color: var(--wp--preset--color--dark) !important;
}

.top-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu a.wp-block-navigation-item__content:hover,
.top-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu .current-menu-item a.wp-block-navigation-item__content {
  background-color: var(--wp--preset--color--deep-blue-0-5);
  color: var(--wp--preset--color--dark);
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  margin-top: 0;
}

@media screen and (min-width: 760px) {
  header .wp-block-navigation ul.wp-block-navigation__submenu-container {
    overflow: hidden !important;
  }

  header .wp-block-navigation ul.wp-block-navigation__submenu-container li:not(:last-child) {
    border-bottom: 1px solid var(--wp--preset--color--green-7);
  }

  header .wp-block-navigation ul.wp-block-navigation__submenu-container li a {
    color: var(--wp--preset--color--dark);
    padding: 10px 14px 7px;
    text-wrap: nowrap;
  }

  header .wp-block-navigation ul.wp-block-navigation__submenu-container li:hover {
    background-color: var(--wp--preset--color--green-7);
  }
}




/* -------------------------------------------------------------------------- */
/* Content Elements                                                           */
/* -------------------------------------------------------------------------- */
.entry-content li {
  margin-bottom: 0.5rem;
}

.external-link .wp-block-button__link,
a.ex-link,
.e-link a {
  align-items: center;
  display: flex;
  gap: 6px;
}

.wp-block-query-filter__select,
.query-filter__select {
  padding: 10px;
}

/* -------------------------------------------------------------------------- */
/* Utilities                                                                  */
/* -------------------------------------------------------------------------- */
.relative,
.relative img {
  position: relative;
}

.inline-block {
  display: inline-block;
}

.absolute {
  position: absolute;
}

.text-left {
  text-align: left;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.p-events-none {
  pointer-events: none;
}

.z-index-minus {
  z-index: -9;
}

.z-index-plus,
.z-index-plus img {
  z-index: 9;
}

.z-index-99 {
  z-index: 99;
}

.z-index-0 {
  z-index: 0;
}

.height-300px {
  height: 360px !important;
}

.r-gap-0 {
  row-gap: 0;
}

.w-full {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.hide {
  display: none;
}

/* -------------------------------------------------------------------------- */
/* Mega Menu                                                                  */
/* -------------------------------------------------------------------------- */
.gw-mm-item__dropdown {
  border-radius: 0 0 50px 50px;
  border-top: 2px solid #ededed;
  margin-top: 15px;
  overflow: hidden;
  padding: 0;
}

.gw-mm__content {
  gap: 1rem;
}

.menu-link:hover a {
  color: var(--wp--preset--color--green-8);
  text-decoration: underline;
}

.gw-mm-item__link>a {
  font-weight: 600;
}

/* -------------------------------------------------------------------------- */
/* Forms                                                                      */
/* -------------------------------------------------------------------------- */
.forminator-ui input {
  padding: 14px 16px !important;
}

.forminator-ui label {
  font-weight: 300 !important;
}

.forminator-row:not(:last-child) {
  margin-bottom: 12px;
}

.forminator-row.forminator-row-last {
  /* align-items: center;
  display: flex;
  justify-content: center; */
}

.forminator-input {
  /* border-bottom: 3px solid #202427 !important;*/
}

.forminator-button {
  align-items: center;
  background-color: var(--wp--preset--color--dark);
  border: 2px solid var(--wp--preset--color--dark);
  border-radius: 4px !important;
  color: var(--wp--preset--color--white);
  display: flex !important;
  font-family: var(--wp--preset--font-family--arboria);
  font-size: var(--wp--preset--font-size--label-small);
  font-weight: 900;
  gap: 1rem;
  letter-spacing: 1.28px;
  padding: 16px 20px !important;
  text-transform: capitalize;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.forminator-button:hover {
  background-color: var(--wp--preset--color--dark-alt);
  border-color: var(--wp--preset--color--dark-alt);
}

.forminator-button.is-highlight {
  background-color: var(--wp--preset--color--green-6);
  border-color: var(--wp--preset--color--green-6);
  color: var(--wp--preset--color--dark);
}

.forminator-button.is-highlight:hover {
  background-color: var(--wp--preset--color--dark-alt);
  border-color: var(--wp--preset--color--dark-alt);
  color: var(--wp--preset--color--white);
}

.forminator-button::after {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path d='M12.5 21.1104C17.4706 21.1104 21.5 17.0809 21.5 12.1104C21.5 7.13979 17.4706 3.11035 12.5 3.11035C7.52944 3.11035 3.5 7.13979 3.5 12.1104C3.5 17.0809 7.52944 21.1104 12.5 21.1104Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/><path d='M8.75 12.1104H16.25' stroke='white' stroke-width='1.5' stroke-linejoin='round'/><path d='M13.25 9.11035L16.25 12.1104L13.25 15.1104' stroke='white' stroke-width='1.5' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 25px;
  width: 25px;
}

/* -------------------------------------------------------------------------- */
/* Carousel                                                                   */
/* -------------------------------------------------------------------------- */
.wp-block-cb-carousel-v2[data-cb-pagination="true"] .swiper-horizontal {
  margin-bottom: 0;
}

.swiper-pagination {
  left: 0;
  right: 0;
  text-align: left;
}

.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {
  bottom: 2rem;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1220px;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-slide {
  height: auto;
}

/* -------------------------------------------------------------------------- */
/* Responsive Utilities                                                       */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 720px) {
  .lg-hide {
    display: none !important;
  }
}

@media screen and (max-width: 720px) {
  .sm-hide {
    display: none !important;
  }

  section.wp-block-group,
  footer.wp-block-group {
    padding-block: 3rem;
  }

  .sm-gap-s {
    gap: 2rem;
  }

  .sm-flex-50 {
    flex-basis: 50% !important;
  }

  .sm-flex-end {
    justify-content: flex-end;
  }

  .sm-order-1 {
    order: 1;
  }

  .sm-order-2 {
    order: 2;
  }

  .sm-order-3 {
    order: 3;
  }

  .sm-relative {
    position: relative !important;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-justify-center {
    justify-content: center;
  }

  .grid-container {
    grid-template-columns: 1fr;
  }

  .item-1,
  .item-2 {
    grid-column: span 1;
    grid-row: 1;
  }

  .item-3,
  .item-4 {
    grid-column: span 1;
    grid-row: 2;
  }

  .sm-mb-auto {
    margin-bottom: auto !important;
  }
  .sm-profile-img {
      max-width:60%;
  }
  .sm-grid-2col {
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
  
  .sm-img-square img {
      aspect-ratio:1/1!important;
        object-fit: cover;
        width: 100%;
  } 
}

@media screen and (max-width: 1250px) {
  .sm-py-2 {
    padding-inline: 2rem;
  }
}

/*Extra*/
.label-roatate {
  transform: rotate(-4deg);
}

