/**
Theme Name: Swifthawk Construction
Author: Designs by Tierney
Author URI: https://designsbytierney.com
Description: Custom child theme for Swifthawk Construction
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: swifthawk-construction
Template: astra
*/

/**
CORE COLORS
*/

/******************************************* 
**** CUSTOM RE-USABLE - DBT Styles
********************************************/
nowrap, .nowrap {white-space: nowrap;}

/* ADJUST ANCHOR Elementor Anchor Widget */
.elementor-menu-anchor {
display: block;
position: relative;
top: -40px;
visibility: hidden;
}

/* MAX WIDTHS FOR WIDGETS. Can specifiy Width for Sections but not Columns or Widgets in Elementor. */
.max-width-600 {max-width:600px;}
.max-width-650 {max-width:650px;}
.max-width-700 {max-width:700px;}
.max-width-750 {max-width:750px;}
.max-width-800 {max-width:800px;}
.max-width-850 {max-width:850px;}

/* RESPONSIVE COLUMN WIDTHS. Apply class to section. */
/* Tablet 25% columns & Mobile 50% columns. */
@media screen and (max-width: 768px) {.dbt-t25-m50 .elementor-column {width: 25% !important;}}
@media screen and (max-width: 480px) {.dbt-t25-m50 .elementor-column {width: 50% !important;}}


/******************************************* 
**** DBT CUSTOM CREATED Styles
********************************************/
.text-bold-to-large strong {
}
.bullets-left ul {
    margin-left:18px;
}

smaller {font-size: 0.9em;}

m {font-size:1.4em;}
t {font-size:1.8em;}

.hdr-menu .elementor-nav-menu--main .current-page-ancestor.menu-item-has-children:after {
    content:"";
    height: 4px;
 width:100%;
 background-color:#638B7F;
 position:absolute;
 bottom:0;
 left:0;
}

/**** link colors ***/
.red-earth a {color:#F64715;}
.orange a {color:#E74C11;}
.black a {color:black;}
.green a {color:#008971;}
.burgundy a {color:#dd2b39;}
.brown a {color:#EDE3C7;}


/**** tapered lines ***/
.sec-center-tapered-line h1.elementor-heading-title {padding-bottom:15px;}
.sec-center-tapered-line h2.elementor-heading-title {padding-bottom:9px;}

.sec-center-tapered-line .elementor-widget-wrap {
    justify-content: center;
}

.tapered-line-gr .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(100,178,160,0.1), #64b2a0 22%,#64b2a0 78%, rgba(100,178,160,0.1));
    position:absolute;
    bottom:0;
    left:0;
}
.tapered-line-wh .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(255,255,255,0.1), #ffffff 22%,#ffffff 78%, rgba(255,255,255,0.1));
    position:absolute;
    bottom:0;
    left:0;
} 
.tapered-line2-wh .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(255,255,255,0.1), #ffffff 10%,#ffffff 90%, rgba(255,255,255,0.1));
    position:absolute;
    bottom:0;
    left:0;
} 
.tapered-line-bl .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(0,0,0,0.1), #000000 22%,#000000 78%, rgba(0,0,0,0.1));
    position:absolute;
    bottom:0;
    left:0;
}
.tapered-line2-bl .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(0,0,0,0), #000000 10%,#000000 90%, rgba(0,0,0,0));
    position:absolute;
    bottom:0;
    left:0;
}
.tapered-line-re .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(189,65,20,0), #bd4114 22%,#bd4114 78%, rgba(189,65,20,0));
    position:absolute;
    bottom:0;
    left:0;
}
.tapered-line-tan .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(237,227,199,0), #EDE3C7 22%,#EDE3C7 78%, rgba(237, 227, 199, 0));
    position:absolute;
    bottom:0;
    left:0;
}
.tapered-line-burg .elementor-heading-title:after {
    content:"";
    height: 2.5px;
    width:100%;
    background-color:transparent;
    background-image:linear-gradient(to right, rgba(78,21,16,0), #4E1510 22%,#4E1510 78%, rgba(78, 21, 16, 0));
    position:absolute;
    bottom:0;
    left:0;
}





/******************************************* 
**** WP DEFAULTS - DBT Adjustments
********************************************/
blockquote {border-left:none;}
#secondary li {
    margin-bottom: .9em;
    line-height: 1.8;
}



/******************************************* 
**** ASTRA DEFAULTS - DBT AdjustMENTS
********************************************/
/* Correct style that makes a header link "normal" which changes the font weight from what I might set it to. */
.entry-content h1 a, .entry-content h2 a, .entry-content h3 a, .entry-content h4 a, .entry-content h5 a, .entry-content h6 a {font-weight:inherit;} /* DBT STARTER TEMPLATE STARTER RULE */

.main-header-bar.ast-sticky-shrunk {padding: .2em 0;} /* DBT STARTER TEMPLATE STARTER RULE: Adjust sticky header height */

.main-header-menu>.menu-item>.menu-link {
    position:relative;
    padding:0;
    margin:0 1em;
    line-height:2;
 }
.main-header-menu>.menu-item>.menu-link:hover:before,
.main-header-menu>.current-menu-item>.menu-link:before {
    content:"";
    height: 3px;
     width:100%;
     background-color:#638B7F;
     position:absolute;
     bottom:0;
     left:0;
 }
 


/******************************************* 
**** ELEMENTOR DEFAULTS - DBT Adjustments
********************************************/
p.elementor-heading-title {line-height: inherit;} /* DBT STARTER TEMPLATE STARTER RULE */

.elementor-text-editor a {
    font-weight:700;
}
.elementor-text-editor a {
    text-decoration:underline;
    text-decoration-style: dotted;
}
.elementor-text-editor a:hover {
    text-decoration:underline;
    text-decoration-style: solid;
}


/******************************************* 
**** PAGES
********************************************/

/* HOME PAGE
********************************************/



/******************************************* 
**** PLUGINS
********************************************/

/* Image Gallery 

.uael-img-gallery-wrap .uael-grid-item-content {
    border: 2px solid black !important;
}

.uael-img-gallery-wrap .uael-grid-img-thumbnail {
    border: 3px double #333 !important;
    padding: 2px !important;
}
.uael-img-gallery-wrap .uael-grid-img-caption {
    margin: 0 0 6px 6px !important;
    width:96% !important;
}
*/


/* Image Gallery */

/* Lightbox */

.fancybox-content {
    border:2px solid #eee !important
}
.fancybox-image {
    border: 5px double #eee !important;
    padding: 5px !important;
    background:#4E1510;
}

/* NOTE some CSS in Customizer */