/*
 Theme Name:   Highlander Law
 Theme URI:    https://hlaw.au/
 Description:  Highlander Law Child Theme
 Author:       The Other Dimension
 Author URI:   https://theotherdimension.com
 Template:     Divi
 Version:      1.0
*/


/*** General Styling ***/

:root {
	--dgreen: #39553C;
	--lgreen: #B6BEB7;
	--sand: #F8F3EC;
}

::selection {
	background-color: #39553C;
	color: #ffffff;
}


/*** Navigation Styling ***/

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {color: var(--green);}

#main-header.et-fixed-header { background: #ffffff;}

body:not(.home):not(.error404) #main-header:not(.et-fixed-header) #logo { filter: brightness(0) invert(1); }

body.home #main-header:not(.et-fixed-header) #top-menu li a,
body.error404 #main-header:not(.et-fixed-header) #top-menu li a{ color: var(--dgreen); }

#top-menu li li a {
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
}


/*** Typography Styling ***/

h1 {
	font-size: clamp(2rem, 10.7vw - 3.2rem, 3.5rem) !important;
}

h2 {
	font-size: clamp(1.5rem, 6.7vw - 1.4rem, 2.75rem) !important;
}

h3 {
	font-size: clamp(1.25rem, 6.7vw - 1.9rem, 2.25rem) !important;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.25em;
}

.home-hero h1 {
	font-size: clamp(2rem, 10.7vw - 3.2rem, 2.75rem) !important;
}


/*** Module Styling ***/

.hl-middle-row {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
}

.page-header:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #39553C;
	opacity: .8;
}

body:not(.home) .et_pb_section_first {
	padding-top: 12em !important;
}

#main-content .blog-feed article {
	background-color: transparent;
	border: none;
}

.blog-feed article .et_pb_image_container img {
	max-height: 380px;
	object-fit: cover;
}

.et_grid_module>.et_pb_post a.more-link { margin-top: 2em; }


/*** Form Styling ***/

.gform_required_legend {display: none;}

.contact-form input,.contact-form textarea, .contact-form select {border-radius: 6px; border: none;}

.global-form .contact-form .gform_footer input {
	background-color: #ffffff;
	color: var(--dgreen);
}

.contact-form .gform_footer input {
    font-size: 20px;
    font-weight: 500;
	line-height: 1.7em !important;
	padding: .3em 1em !important;
	background-color: var(--dgreen);
	color: var(--sand);
	border: none;
	cursor: pointer;
}


/*** Responsive Styling ***/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

 
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {


}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.swap_row,
	.hl-middle-row.swap_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex !important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	} 
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
		margin-bottom: 30px !important;
	} 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	} 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	} 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	.swap_row:last-child .et_pb_column:not(.et-last-child) {
		margin-bottom: 0;
	}
	.hl-middle-row {
		display: block;
	}
}

/*** Responsive Styles Tablet and ABOVE ***/
@media all and (min-width: 981px) {
	.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a {
        color: var(--dgreen) !important;
    }
	.et_fullwidth_nav #main-header .container {
		max-width: 90%;
	}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {


}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	
}