/*
Theme Name: Hydra
Theme URI: https://zyrous.com
Author: Zyrous
Author URI: https://zyrous.com
Description: Custom built theme.
Version: 1.0
wpBoiler WordPress Theme © 2011-2026
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block }
.clear { clear: both }

.sticky, .bypostauthor, .wp-caption,
.wp-caption-text, .gallery-caption,
.alignright, .alignleft, .aligncenter {
  /* Reserved for WP classes */
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* Modal */
#brochure-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
html li.menu-item.menu-item-type-custom.menu-item-object-custom.has-mega-menu {
    display: flex;
    align-items: center;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    MARGIN-BOTTOM: 15PX;
    min-height: 50px;
    text-indent: 5px;
    border-radius: 5px;
    border: 1px solid;
}
html input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: none;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
    border-radius: 50px;
    margin-top: 25px;
    background: #233d4d;
    min-width: 84px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    text-transform: capitalize;
    position: relative;
    padding: 10px 10px 10px 25px;
    width: 100%;
    margin-top:-25px;
}
/* Footer Columns */
#footer .footer-content .column.col-2 {
  width: 14%;
}
#footer .footer-content .column.col-3 {
  width: auto;
}
@media (min-width: 1143px) {
  #footer .footer-content .column.col-3 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    min-width: 0;
    flex-wrap: wrap;
  }
}
html body #footer .footer-content .column.col-3 ul {
    width: auto;
} 
html body #footer .footer-content .column.col-2 {
    width: 28%;
}
html body #footer .footer-content .column.col-3 {
    margin-bottom:73px;
}
html #footer .footer-content .column.col-3 ul:nth-child(3) {
    width: 407px;
}
#footer .footer-content .column.col-3 {
  width: 100%;
}
#footer .footer-content .column.col-3 ul {
  width: 50%;
  margin: 0;
  position: relative;
  top: -39px;
  padding-right: 50px;
}
#footer .footer-content .column.col-3 ul:nth-child(3) {
  width: 408px;
}
@media (max-width: 1455px) {
  #footer .footer-content .column.col-3 ul:nth-child(3) {
    width: 45%;
  }
}
@media (max-width: 1143px) {
  #footer .footer-content .column.col-3 ul {
    width: 100%;
    top: 0;
    margin: auto;
    text-align: center;
    padding-right: 0;
  }
  #footer .footer-content .column.col-2 {
    width: 100% !important;
  }
  #footer .footer-content .column.col-3 {
    width: 100%;
  }
  html body #footer .footer-content .column.col-3 ul {
        width: 100%;
    } 
    html body #footer .footer-content .column.col-2 {
        width:  100%;
    }
    html body #footer .footer-content .column.col-3 {
        width: 100%;
    }
    html #footer .footer-content .column.col-3 ul:nth-child(3) {
        width:  100%;
    }
    html body #footer .footer-content .column.col-3 {
        margin-bottom:0;
    }
}

/* Modal Content */
.bg-white.p-6.rounded-xl.w-full.max-w-md.relative {
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  animation: modalIn 0.6s forwards;
  top: 15px;
  opacity: 0;
  position: relative;
}
#close-modal {
  background: none;
  border: none;
  position: absolute;
  right: 15px;
  top: 15px;
}
@keyframes modalIn {
  0% { opacity: 0; top: 15px; }
  100% { opacity: 1; top: 0; }
}

/* Custom Overrides */
#momence-plugin-webchat .gWqgev,
#momence-plugin-webchat .ixzXJd,
#momence-plugin-webchat .jjoRKe,
#momence-plugin-webchat .cKtDtl {
  background: #00bbf2 !important;
}
.single-content-wrapper.project-details .max-width-wrapper h5.label.sum {
  margin-top: 79px;
}
.mega-menu-content {
  top: 38px;
}
.xAnim {
  visibility: visible !important;
}
h1, h2, h3 {
  line-height: 64px;
}
li.menu-item.has-mega-menu a {
  display: flex;
  align-items: center;
}
ul#menu-main-menu {
  align-items: center;
}
ul#menu-main-menu li:nth-child(2) {
  display: flex;
  align-items: center;
}
button.hamburger--spin.is-active {
  right: 0;
}
.featured-services .col-50.excerpt h3,
.featured-services .col-50.excerpt h4,
.featured-services .col-50.excerpt h5,
.breadcrumbs h1 {
  line-height: 140%;
}
.page-id-86 .call-to-action.White-bg.Right .content,
.page-id-248 .call-to-action.White-bg.Right .content {
  padding: 32px;
}
.posts-wrapper .card .tag {
  width: auto;
  min-width: auto;
  text-align: center;
}
.posts-wrapper .image-wrapper {
  overflow: hidden;
}
.single-related-services img.related-vector {
  bottom: -103px;
}
nav.breadcrumbs h1 {
  font-size: 16px;
}
.image-wrap {
  border-radius: 16px;
}
.posts-wrapper .post-tags h3 {
  min-height: 26px;
}
.call-to-action.max-width-wrapper.Left .content.full-width {
  width: 100%;
  max-width: 100%;
}
.page-id-245 .inner {
  width: 100%;
}
.page-id-245 h1 {
  color: #333;
}
.page-id-245 iframe#iframe_appointments_37440 {
  height: auto;
  min-height: 210vh;
}
.posts-wrapper .heading-wrapper h3 {
  font-size: 56px;
}
@media (max-width: 1628px) {
  .page-id-350 .posts-wrapper .heading-wrapper,
  .page-id-91 .posts-wrapper .heading-wrapper {
    border-radius: 32px;
  }
  .posts-wrapper .heading-wrapper h3 {
    font-size: 48px;
  }
}
@media (max-width: 1143px) {
  .content-block.featured-services {
    margin-top: 50px;
  }
  .mega-menu-content button.mobile-back {
    border-color: #0051f5;
  }
  .mega-menu-content button.mobile-back span {
    color: #0051f5;
  }
  .featured-services a.card:last-child {
    border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  }
  .posts-wrapper .heading-wrapper h3 {
    font-size: 40px;
  }
  .cards.posts-wrapper .buttons-wrap.active {
    display: block;
    width: calc(100% - 50px);
    margin-top: 397px !important;
    z-index: 3;
    position: absolute;
  }
  .cards.posts-wrapper .buttons-wrap.active button.tag-filter-alt {
    width: 100%;
    margin-left: 0;
  }
  header#header svg.drop-down {
    padding: 10px;
    left: 2px;
  }
  .featured-services .max-width-wrapper {
    padding: 16px;
  }
}
@media (max-width: 600px) {
  .page-id-248 .call-to-action.White-bg.Right .content,
  .page-id-86 .page-id-248 .call-to-action.White-bg.Right .content {
    padding: 32px;
  }
  .single-content-wrapper.project-details .max-width-wrapper h5.label.sum {
    margin-top: 0;
  }
  h1, h2, h3 {
    line-height: 140%;
  }
  #footer .footer-logos img:nth-child(1),
  #footer .footer-logos img:nth-child(4) {
    margin-right: 100%;
    margin-left: 100%;
  }
  .posts-wrapper .heading-wrapper h3 {
    font-size: 32px;
  }
  .cards.posts-wrapper .tags-container .flex.flex-v-center {
    flex-wrap: wrap;
    width: 100%;
  }
  .cards.posts-wrapper .tags-container form.search-form {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
  }
  .cards.posts-wrapper .tags-container form.search-form label,
  .cards.posts-wrapper .tags-container form.search-form input.search-field {
    width: 100%;
  }
  .cards.posts-wrapper .tags-container form.search-form input.search-field {
    text-indent: 10px;
    width: calc(100% - 25px);
  }
  .cards.posts-wrapper .buttons-wrap.active {
    display: block;
    width: calc(100% - 50px);
    margin-top: 460px !important;
    z-index: 3;
    position: absolute;
    left: 0;
    margin: auto;
  }
  .cards.posts-wrapper button.filter-button {
    margin-left: 10px;
  }
}