/*
 Theme Name:   Divi Child
 Theme URI:    lucashitch.com
 Description:  Divi Child Theme
 Author:       Lucas Hitch
 Author URI:   http://lucashitch.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/
/*CSS DIRECTORY
    - FONTS
    - GLOBAL
    - HOME
*/
/* * FONTS * */


/* * ROOT VARIABLES  * */

:root {

	--color-primary-dark           : #131313;
	--color-primary-light          : #ffffff;
	--color-primary-text           : #ffffff;
	--color-primary-text-light     : #ffffff;
	--color-secondary              : #d9a351;
}

/* * GLOBAL STYLES * */

h1 {
 	color: var(--color-primary-text-light);
 	text-transform:uppercase;
 	font-family: Gilroy;
 	font-weight: 600;
    line-height: 130%;
    font-size: 3.5em;
    
}

h2 {
 	color: var(--color-secondary);
 	font-family: Gilroy;
    text-transform: uppercase;
}

h4 {
	font-family: Gilroy;
	color: var(--color-primary-text-light);
}

p {
	color: var(--color-primary-text-light);
	font-size: 1rem;
}
.white h2, .white h4, .white p {
 	color: var(--color-primary-text-light);
}

/* * MAIN MENU * */

header#main-header {
    background-color: var(--color-primary-dark);
}

ul#top-menu a {
    color: var(--color-primary-text-light);
    font-family: Gilroy;
    font-weight: 400;
}
#main-header .container {
    width: 92%!important;
    max-width: none;
}
.et_pb_svg_logo #logo {
    height: 5em;
    max-height: none;
}


/* * HOME PAGE - LANDING * */

.home-heading {
    margin-top: 10em;
    margin-bottom: 15em;
}
#home-services, header#main-header, #home-gallery, #contact-us {
    background-color: var(--color-primary-dark);
}
#home-services img {
    border-radius: 2em;
    filter: grayscale(100%);
}
#home-services img:hover {
    border: 1px solid var(--color-secondary);
    filter: grayscale(0%);
} 
#home-services .services p {
    text-transform: uppercase;
    font-size:1.2em;
}
a.button-grad, #main-content a.button-grad:hover {
    text-transform: uppercase;
    border: none;
    color: var(--color-primary-text-light);
    background-image: linear-gradient(45deg, #472e1d, #6c4d32);
    border-radius: 20em;
    font-size: 1.2em;
	padding: 0.5em 2em;
}
#main-content a.button-grad:hover:after {
    display:none;
}
#contact-us h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-secondary);
    height: 1px;
    width: 77%;
    bottom: 0;
    left: -19%;
}
.email:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/10/mail.png);
    background-color: var(--color-secondary);
    height: 3em;
    width: 3em;
    border-radius: 10em;
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    left: -5%;
}
#contact-us h2 {
    margin-bottom: 4em;
}