/* AM Addon Template Styles */

/* 
*
* Header Styles
*
*/ 
.ast-above-header {z-index: 0;}
ul.top-right, ul.top-left {list-style:none; display: flex; align-items: center;justify-content: center; margin:0; line-height: 1;}
ul.top-right address, ul.top-left address {margin:0;}
ul.top-right {justify-content: flex-end;}
ul.top-left {justify-content: flex-start;}
ul.top-right .middle, ul.top-left .middle {vertical-align: middle !important;} 
ul.top-right li, ul.top-left li {display:inline-block; margin:0 15px 0 15px; text-align:right;}
ul.top-right li {text-align:right;}
ul.top-left li {text-align:left;}
ul.top-right li:first-child, ul.top-left li:first-child {margin:0 15px 0 0px;}
ul.top-right li:last-child, ul.top-left li:last-child {margin:0 0 0 15px;}
ul.top-right li, ul.top-left li {margin: 0px;}
ul.top-right a:hover, ul.top-left a:hover {text-decoration: none;}

ul.top-right button {}
.phone-button .uabb-btn-one-text:before {font-family: "Font Awesome 5 Free"; content: "\f3cd"; display: inline-block; padding-right: 10px; vertical-align: middle; font-size: 26px;}

/* ----HEADER LOGO---- */
.ast-sticky-active {z-index: 9;}

/* Desktop and up*/
@media only screen and (min-width: 1025px) {
    /* two column paragraph text */
    .two-column{column-count:2;}
    .hide-desktop {display:none !important;}
}
/* Tablet */
@media only screen and (max-width: 1025px) and (min-width: 768px) {
    .hide-tablet {display:none !important;}
}
/* Mobile */
@media only screen and (max-width: 768px) {
    .hide-mobile {display:none !important;}
    ul.top-right, ul.top-left {justify-content: space-between;}
}

.fullwidth {width:100% !important;}


/* 
*
* .sticky-rows is to help 'stick' the dermcare sticky buttons that go below the header. 
* This class specifically helps stick a row below the already existing sticky header. 
* This class should be used on a row inside of a page
*
*/ 
.sticky-rows {
    position: sticky;
    top: 95px;
    z-index: 5;
}
/*for 'top' add 35px to accomade for wp-admin-bar */
.admin-bar .sticky-rows {
    top: 127px;
}
@media only screen and (max-width: 1024px) {
    .sticky-rows {
        position: sticky !important;
        top: 80px !important;
    }
}




/* 
*
* Gravity Form style for 2 column layout with "Multiple Columns for Gravity Forms" Plugin
*
*/ 
.gfmc-row-1-col-2-of-2 {
    padding-left:15px;
}
.gfmc-row-1-col-2-of-2 textarea {
    min-height: 187px;
}
@media only screen and (max-width: 600px) {
    .gfmc-row-1-col-2-of-2 {
    padding-left:0px;
    }
}

/* 
*
* AM 23 styles
*
*/ 
/* Desktop and up*/
@media only screen and (min-width: 1025px) {    
    .background-offset-left::before {
        background: #252b2f;
        content: " " !important;
        position: absolute;
        top: 20%;
        bottom: 45%;
        right: 75%;
        left: 0;
        display: block !important;
    }

    .background-offset-right::before {
        background: #252b2f;
        content: " " !important;
        position: absolute;
        top: 20%;
        bottom: 45%;
        right: 0;
        left: 75%;
        display: block !important;
    }
}

/* Make an image module undrlap / overlap */
.underlap {
  position: relative;
  z-index: 0; 
}
.overlap {
  position: relative;
  z-index: 9; 
}
.img-underlap .fl-module-content {
    position: relative;
    z-index: -9; 
}
.img-overlap .fl-module-content {
    position: relative;
    z-index: 9; 
}
    


/* Horizontal (inline) Subscription Gravity Form, custom spacing between fields */
@media only screen and (min-width: 1025px) {
    .gf_simple_horizontal li.gfield {
    padding-right: 15px !important;
    }
}

body .gform_wrapper .gform_body .gform_fields .custom-border {
    border: 1px solid #ccc; 
    padding: 15px;
    background: #fafafa;
    width: 100%;
    
}

/* astra color pallet */

.am-global-color-theme-1 > .fl-col-content, 
.am-global-color-theme-1 > .fl-row-content-wrap,
.am-global-color-theme-1 h3.uabb-ib1-title,
.am-global-color-theme-1 .uabb-infobox,
.am-global-color-theme-1 .uabb-team-content,
.am-global-color-theme-1 > .fl-row-content-wrap
{
	background-color: var(--ast-global-color-0);
}

.am-global-color-theme-1.img-overlap {
	background-color: var(--ast-global-color-0);
	padding: 40px;
	position: relative;
}

.am-global-color-theme-1 .fl-separator {
    border-top-color: var(--ast-global-color-0) !important;
}
.am-global-color-theme-2 h3.uabb-ib1-title {
	background-color: var(--ast-global-color-1) !important;
}

.am-global-color-theme-2 > .fl-col-content, 
.am-global-color-theme-2 > .fl-row-content-wrap,
.am-global-color-theme-2 .uabb-infobox,
.am-global-color-theme-2 h3.uabb-ib1-title{
	background-color: var(--ast-global-color-1);
}

.am-global-color-theme-2.am-global-pad .uabb-infobox, .am-global-color-theme-1.am-global-pad .uabb-infobox {
	padding: 40px;
}
@media only screen and (min-width: 1025px) {
	.am-global-color-theme-1.background-offset-left::before, .am-global-color-theme-1.background-offset-right::before {
	background: var(--ast-global-color-0) !important;
}
}