/*This is needed to make footer stick fully to the bottom, as well as left and right border. */
/* Here we make a min page size, such that on pages with less content the footer is still on the bottom.*/
#page {
    display: flex;
    flex-direction: column;
min-height: 100vh;
}
.admin-bar #page{
min-height: calc(100vh - 32px);
}
#page .site-content{
    flex-grow: 1;
}

/* Some browsers have margin for the entire page that makes footer look like crap. Kill it. */
body {
   margin: 0;
   padding: 0;
}
/* Make Astra footer stick to left and right borders */
.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
  margin: 0px;
  padding: 0px;
}

/* Make Astra footer stick to bottom border */
.wp-block-image.aligncenter.size-full.is-style-default {
  margin: 0px;
}

.ast-builder-grid-row-container{
     padding: 0px;
}
/* Common styles for both desktop and mobile */
.ast-theme-transparent-header .ast-above-header,
.ast-theme-transparent-header .ast-above-header.ast-above-header-bar {
    background-image: linear-gradient(135deg, rgba(73,97,22,0.53) 0%,rgba(122,143,64,0.17) 50%);
    background-color: inherit;
}

.ast-desktop .main-header-menu .sub-menu,
.ast-mobile-menu-buttons {
    background-image: inherit;
    background-color: #49611630 !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #496116C2;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
}

.ast-desktop .menu-item:hover,
.ast-mobile-menu-buttons:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: #610000;
}

/* Responsive styles for tablet (iPad) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ast-theme-transparent-header .ast-above-header,
    .ast-theme-transparent-header .ast-above-header.ast-above-header-bar {
        /* Adjust styles for tablets here */
    }

    .ast-desktop .main-header-menu .sub-menu {
        /* Adjust styles for tablet sub-menu here */
    }

    .ast-desktop .menu-item:hover {
        /* Adjust styles for tablet menu item hover here */
    }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
    .ast-theme-transparent-header .ast-above-header,
    .ast-theme-transparent-header .ast-above-header.ast-above-header-bar {

    }
}

.ast-mobile-menu .sub-menu li {
       line-height: 2;
       margin-top: 7px;
}

.ast-desktop-menu .dropdown-menu-toggle .ast-header-navigation-arrow {
       margin-top: 7px;
}


/* Make Astra sub menu  hover */
/* .ast-desktop */
.menu-item:hover {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: #610000;
}

/* Make Astra sub menu hover different for the main page */
/* .page-id-2327 .ast-desktop .menu-item:hover { */
.page-id-2327 .ast-desktop .menu-item:hover {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: #00000;
}

/* Make Astra sub menu  currently selected item */
/* .ast-desktop */
.ast-desktop .current-menu-item {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: #610000;
}