/* Base ekement styles */
body {
    font-family: 'Open-sans' sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important
}

a {
    text-decoration: none !important;
    color:#367b48
}

.icon-large i{
    font-size: 7rem;
}

.sub-header a[href^=tel], .main-footer a[href^=tel] {
 color: #fff !important;
 text-decoration:inherit;
}

.callout .wp-block-buttons {
margin-block-start: 0px !important;
margin-block-end: 0;
}

.hide-chevron .wp-block-navigation__submenu-icon{
    display: none;
}

.highlight {
    color: #39844C;
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    border-radius: 15px !important;
}

.wp-block-navigation-item__content i {
    color:#367b48;
    padding-right: 5px;
}

.card {
    border-radius: 15px !important;
    border: 0 none !important;
    padding-block: 0 !important;
    transition: all 0.7s;
}

.card-column-left, 
.card-column-right {
    padding: 3rem;
}

.card-column-left {
    background-color: #f3f3f3;
}

.card.card-green {
    background-color: #39844C !important;
    color: #fff !important;
    text-align: left !important;
    padding: 2rem !important;
}

.card.card-contact {
    border: 1px solid #f3f3f3 !important;
    border-radius: 25px !important;
    overflow: hidden;
}

.card-img-top {
    margin-top: 0 !important;
}

.card-img-top img {
    border-radius: 15px !important;
    width: 100%;
}

.card.normal-card {
    border-radius: 15px;
    border: 1px solid #f3f3f3 !important;
}

.normal-card .card-img-top img {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.card-body {
    margin-top: 0 !important;
}

.card-hoverable {
    overflow: hidden ;
    position: relative ;
}

.card-hoverable .card-img-top img {
    border-radius: 15px !important;
    width: 100%;
    object-fit: cover !important;
    height: 24rem !important;
  }

.card-hoverable:hover {
    cursor: pointer;
    overflow: hidden ;
    position: relative ;
}

.card.service-card:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
    cursor: pointer !important;
    transform: scale(1.02) !important;
}

.service-list{
    padding: 0;
    list-style: none;
    line-height: 28px;
}

.card-content-hover{
    background-color: white;
    position: absolute;
    padding-inline: 1rem;
    bottom: -85%;
    transition: all 0.7s;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    text-align: center;
}

.card-content-hover .highlight {
    padding-block: 1rem;
    font-size: 1.2rem
}

.card-hoverable:hover .card-content-hover{
    bottom: 0;
}

.main-navigation .wp-block-navigation-item {
    border-bottom: 3px solid transparent;
    transition: all 0.5s;
}


.main-navigation .wp-block-navigation-submenu .wp-block-navigation-item__content {
    padding-block: 1rem !important;

}

.main-navigation .wp-block-navigation-link {
    border-bottom: 3px solid transparent;
    transition: all 0.5s;
}

.main-navigation .wp-block-navigation-submenu li {
    border-bottom: 3px solid transparent !important;
}

.current-menu-item {
    border-bottom: 3px solid #39844C !important;
}

.main-navigation .wp-block-navigation-link:hover {
    border-bottom: 3px solid #39844C;
}

.rounded img{
    border-radius: 15px;
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2) !important;
}

.rounded{
    border-radius: 15px;
}

.main-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    margin-top: 4px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main-navigation .wp-block-navigation-submenu li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    left: 0 !important;
    right: auto !important;
}

.top-navigation .wp-block-navigation-submenu li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.top-navigation .wp-block-navigation-submenu li,
.top-navigation .wp-block-navigation-submenu li a {
    padding-block: 0 !important;
    line-height: 24px;
}

.top-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background-color: #3a3a3a;
    color: #fff !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 320px !important;
    padding: 1rem .5rem;
}

.breadcrumb-container {
    padding-block: .8rem;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 !important;
}

.breadcrumb {
    margin: 0 !important
}

.breadcrumb-item a {
    text-decoration: none;
    color: #3b874f;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
    margin-block-end: 0;
  }

/* Button styles */

.btn {
    border-radius: 25px;
    padding: .3rem 2rem;
    font-weight: 600;
}

.btn.btn-primary {
    background-color: #39844C;
    border-color: #39844C;
    color: #fff;
    padding-block: 0.7rem;
}

.btn.btn-primary.light {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

.btn-outline-light a:hover {
    color: #000 !important;
}
.btn-outline-light:hover a {
    color: #000 !important;
}

/* Input styles */

.form-control {
    padding: .7rem;
    border-radius: 10px;
}

.form-select {
    padding: .7rem;
    border-radius: 10px;
}

/* Main content styles */

.top-navigation {
    background-color: #3a3a3a;
    color: #fff;
   
}

.top-navigation ul li {
    margin: 0;
    padding-block: .5rem !important;
    font-size: .9rem;
    font-family: 'Open-Sans' sans-serif !important;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    z-index: 9999999 !important;
}

.mainNav {
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2) !important;
    transition: all ease-in-out 0.5s;
}

.fixNav {
	width: 100%;
}

.scroll-to-top {
    position: fixed !important;
    right: 20px;
    bottom: 30px;
    border-radius: 15px;
    background-color: rgba(0,0,0,0.50);
    color: #fff;
    padding: 0.7rem 1rem !important;
    z-index: 9999999 !important;
}

.scroll-to-top:hover {
    background-color: rgba(0,0,0,1);
    color: #fff;
    
}

.main-navigation ul li {
    margin: 0;
    padding-block: .5rem !important;
    font-weight: 600;
    font-family: 'Open-Sans' sans-serif !important;
}

.main-content {
    margin-block: 0 !important;
}

.green-curve-after {
    background: #3b874f;
    color: #fff;
    padding-block: 4rem;
    clip-path: circle(4000px at 50% calc(100% - 4000px));
}

/*.grey-curve-before::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 125 1440 165'%3E%3Cpath stroke='%23f3f3f3' stroke-width='1' fill='%23f3f3f3' fill-opacity='1' d='M0,288L120,261.3C240,235,480,181,720,181.3C960,181,1200,235,1320,261.3L1440,288L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: -125px;
}*/

/*.grey-curve-before::before {
    content: '';
    top: 50%;
    left: 50%;
    width: 50%;
    height: 200px;
    background-color: #f3f3f3;
    border-radius: 100%;
    transform-origin: bottom;
    transform: translateX(-50%) scale(3);
    z-index: -100;
    position: absolute;

  }*/


  .service-card {
    border-radius: 15px !important;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2) !important;
    transition: all 0.2s ease-in-out 0s !important;
    width: 100% !important;
  }

  .service-card .card-img-top img {
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 15px 15px 0 0 !important;
  }

  .service-card .card-img-top a {
    width: 100% !important;
  }

  .curve {
    width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: none;
    box-shadow: none;
    margin-top: 0;
  }

.grey-curve-before {
    background-color: #f3f3f3;
}

.grey-section {
    background-color: #f3f3f3 !important;
    padding-block: 4rem !important;
}

.sub-header h1 {
    font-size: 28px !important;
    font-weight: 600 !important;
}

.sub-header h2 {
    font-size: 24px !important;
    font-weight: 500 !important;
}

.sub-header-card {
    background-color: rgba(255, 255, 255, 0.9);
}

.main-footer {
    background-color: #39844C;
    color: #fff;
}

.main-footer .form-control {
    background-color: #367b48;
    border-color: #367b48;
    font-weight: 300 !important;
    color: #fff;
}
.main-footer .form-control::placeholder {
    font-weight: 300 !important;
    color: #fff;
}

.secondary-footer {
    background-color: #367b48;
    color: #fff;
    padding-block: 1rem;
}

.callout {
    background-color: #39844C;
    padding: 3.5rem 4.5rem;
    border-radius: 15px;
    color: #fff;
    position: relative;
    bottom: -7rem;
    z-index: 9;
}

.navbar-shrink {
    position: fixed;
    transition: all ease-in-out 0.2s;
}

.callout a {
    color: #fff;
}

.callout .wp-block-button {
    position: absolute !important;
    bottom: -4.5rem !important;
}

.callout .wp-block-button .wp-block-button__link  {
    padding-inline: 3rem !important;
}

.editor-styles-wrapper .animation {
    opacity: 1;
}

.scroll-animation {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

.animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform:none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@media (min-width: 992px) {
    .col-border-right {
    border-right: 1px solid #fff;
  } 
}

@media (max-width: 767px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .wp-block-navigation__responsive-container {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed !important;
        right: 0;
        top: 0;
    }

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    .wp-block-navigation-submenu {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wp-block-navigation-submenu ul {
        margin-block: 0 !important;
      }
    
    .main-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        margin-top: 0;
    }

    .main-navigation .wp-block-navigation-submenu .wp-block-navigation-item__content {
        padding-block: .2rem !important;
    }

    .main-navigation .wp-block-navigation-submenu li {
        border-bottom: 3px solid transparent !important;
    }
}

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }