/*
 Theme Name:   Abraham White Law
 Theme URI:    https://generatepress.com
 Description:  Child theme for Abraham White Law
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/


/* All Devices */

/* Typography*/

h1,h2,h3,h4 {
	font-weight:300;
}

h1 {
	font-size:2.8em;
}


h2 {
	font-size:2.2em;
}

form#awl_main_contact.awl_sidebar_form h2 {
	font-size:24px;
}

h3 {
	font-size:1.5em;
}

h4 {
	font-size:1.2em;
}

.awl_table h4 {
	text-align:center;
}

.awl_page_title h1, .awl_page_title p.awl_like_title {
	color:#fff;
	margin-bottom:0;
	font-size: 10em;
    font-weight: 900;
    opacity: 0.3;
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
	line-height:1em;
}

p {
	text-align:justify;
}

.awl_page_title .wp-block-group__inner-container {
	position:relative;
}

#awl_home_menugrid a.awl_menugrid_item {
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
}
.awl_prehead {
	color: #2e4688;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 3px;
}

.awl_contact_item {
	margin-bottom:1em;
}

.awl_contacts img {
	width:1.8em;
	position:relative;
	top:10px;
}

#generate-slideout-menu.main-navigation li a {
	font-size:20px;
}

.awl_strap_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    color: #4c5795;
    text-align: center;
	text-transform:uppercase;
}

.awl_home_strapline {
    padding: 20px;
    background-color: #f7f7f7;
    text-align: center!important;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
	display:flex;
	flex-wrap:wrap;
	box-shadow: 5px 5px 3px #bbb;
}

.awl_home_strapline .strap_logo {
	flex-basis:40%;
}

.awl_home_strapline .strap_logo img {
	width:170px;
}

.awl_home_strapline .strap_content {
	flex-basis:60%;
}

.awl_home_strapline p {
    text-align: center;
}

/* Navigation  */

.home .site-logo {
	display:none;
}

#sticky-navigation {
	background-color:#fff;
}

#sticky-navigation .grid-container {
	max-width:90%;
}

#awl_home_menugrid {
	display:flex;
	flex-wrap:wrap;
	flex-basis:100%;
	justify-content:center;
	position:relative;
}

#awl_home_menugrid .awl_menugrid_item {
	flex-basis:100%;
	margin-bottom:14px;
	padding:10px 20px;
	background-color:#4c5795;
	/*background-image:url(https://awl.blackboxstaging.uk/wp-content/uploads/2021/09/nav_bg_1a_800.jpg);*/
	background-size:cover;
	text-align:center;
	transition:all 0.4s;
}

/*#awl_home_menugrid .awl_menugrid_item:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
}*/

#awl_home_menugrid a.awl_menugrid_item:hover {
	background-color:#2e4688;
	color:#fff;
}

#generate-slideout-menu aside {
	order:2;
}

#generate-slideout-menu div.main-nav {
	order:3;
}

#generate-slideout-menu.main-navigation.is-open {
	width:50%;
}


/* Page Header */

#awl_center_logo {
	/*background-image:url(/wp-content/uploads/2021/09/shadow_box_bg1_800.jpg);*/
	/*background-color:rgba(255,255,255,1);*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	text-align:center;
	margin-bottom:30px;
	position:relative;
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}

#awl_center_logo img {
	padding:40px;
}

.awl_page_title {
	min-height:50vh;
	display:flex;
	align-items:flex-end;
}


.awl_page_title .gb-inside-container {
	padding-top:120px!important;
	flex-basis:100%;
}

.awl_header_overlay {
	position:relative;
}

.awl_header_overlay:before {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content:'';
	top:0;
	left:0;
	background-color:rgba(46,70,136,0.3);
}

#awl_home_banner {
    padding: 20px;
    background-color: #f1f1f1;
    text-align: center;
    color: #333;
    margin-top: -80px;
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

#awl_home_banner p {
	text-align:center;
	margin-bottom:0.9em;
}

#awl_home_banner p:last-of-type, .awl_home_strapline p:last-of-type {
	margin-bottom:0;
}

#awl_home_strap_sec .gb-inside-container {
	position:relative;
}

/*#awl_home_strap_sec .gb-inside-container .wp-block-group {
	margin-top:-70px;
}*/

#awl_home_strap_sec .wp-block-group__inner-container {
	padding-bottom:0;
}

#awl_home_strap_sec .wp-block-group__inner-container .wp-block-column {
	margin-bottom:0;
}

#awl_home_strap_sec + .gb-container .gb-inside-container {
	padding-top:0;
}

#awl_home .gb-inside-container {
	z-index:2;
}

.awl_nav_arrow {
	display:block;
	text-align:center;
}

img.nav_arrow_down {
	width:40px;
	margin-left:auto;
	margin-right:auto;
}

/* Slick slider / testimonials */

.awl_testimonial_item {
	padding:20px;
	background-color:#fff;
}

.awl_testimonial_item .awl_testimonial_content p:last-of-type {
	margin-bottom:0;
}

.awl_testimonial_item .awl_testimonial_content {
	border-left:4px solid #2e4688;
	padding-left:20px;
}

.awl_testimonial_item .awl_testimonial_author {
	padding-left:24px;
	font-weight:700;
}

/* 404 */


/* Footer */

.awl_footer_widget {
	font-size:14px;
}

.awl_footer_widget p {
	margin-bottom:0.8em;
}

#footer-widgets .grid-container {
	padding-bottom:10px;
} 

.copyright-bar {
	font-size:12px
}

/* General Content */

#accred_logos ul {
	list-style:none;
	margin-left:0;
	text-align:center;
}

#accred_logos ul li {
	display:inline-block;
	max-width:150px;
	margin-right:20px;
}

/* Tables */

table {
	table-layout:fixed;
	font-size:14px;
}

table td {
	text-align:center;
}

table tr:nth-of-type(odd) th {
	background-color:#e1e1e1;
}


table tr:nth-of-type(even) th {
	background-color:#f4f4f4;
}

table tr th:first-of-type {
	width:40%;
}

.awl_table {
	margin:50px 0;
}

/* Hide & Reveal via jQuery */

.jqreveal {
	display:none;
	padding-bottom:20px;
}

a.jqtoggle {
	margin-left:5px;
	position:relative;
	padding-left:20px;
}

a.jqtoggle:before {
	position:absolute;
	left:-5px;
	content:'';
	width:20px;
	height:20px;
	background-image:url(/assets/plus.svg);
	background-size:20px 20px;
	top:2px;
}

a.jqtoggle.toggled:before {
		background-image:url(/assets/minus.svg);
}

a.jqtoggle:hover {
	cursor:pointer;
}

.awl_expandable_content {
	padding:20px;
	background-color:#f7f7f7;
	border:1px solid #e1e1e1;
	margin-bottom:30px;
}

/* Forms */

form#awl_main_contact {
	padding: 20px;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
}

form#awl_main_contact input[type="text"], form#awl_main_contact input[type="email"], form#awl_main_contact input[type="tel"], form#awl_main_contact textarea, form#awl_main_contact select {
	width:100%;
}

form#awl_main_contact.awl_sidebar_form label, form#awl_main_contact.awl_sidebar_form input, form#awl_main_contact.awl_sidebar_form textarea {
	font-size:14px;
}

/* Google maps */

#map {
	height:50vh;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		.awl_header:before {
			position:absolute;
			display:block;
			content:'';
			width: 100%;
			height:100%;
			top:0;
			left:0;
			background-color:rgba(43,70,136,0.1);
		}
		
		#awl_home.awl_header {
			min-height:100vh;
			display:flex;
			align-items:center;
			position:relative;
		}
		
/*		#awl_home #awl_logo {
			margin: 0 auto;
		} */
		
		#awl_home #awl_logo img {
			max-width:400px;
		}
		
		#awl_home .gb-inside-container {
			width:100%;
		}
		
		#awl_home .gb-inside-container .wp-block-column {
			display:flex;
			align-items:center;
			flex-wrap:wrap;
			flex-basis:40%;
		}
		
		
		#awl_home h1, #awl_home h2 {
			color:#2e4688;
			font-size:1.5em;
			text-align:center;
		}
		
		#awl_bio_image img {
			padding:30px 0 30px 30px;
		}
		
		.jqreveal {
			background: #fff;
    		padding: 20px;
}
		
		form#awl_main_contact.awl_sidebar_form {
			position:relative;
			top:-140px;
			box-shadow:5px 5px 3px #e1e1e1;
		}
		
		.footer-widget-2 {
			text-align:center;
		}
		
		
		.footer-widget-3 p {
			text-align:right;
		}
		
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		#awl_home h1 {
			font-size:20px;
			font-weight:700;
			color:#2e4688;
			text-align:center;
		}
		
		.site-logo.mobile-header-logo img {
			height:74px!important;
		}
		
		.home nav#mobile-header:not(.is_stuck) img {
			transition: all 0.3s;
			display:none;
		} 
		
		#mobile-header.main-navigation.is_stuck {
			background-color:#fff;
		}
		
		.awl_fw_mob .wp-block-column {
			flex-basis:100%!important;
		}
		

		
		.awl_fw_mob .wp-block-column:nth-child(2n) {
			margin-left:0;
		}
		
		#awl_bio_image figure {
			width:100%;
		}
		
		form#awl_main_contact {
			margin-top:50px;
		}
		
		.awl_page_title h1, .awl_page_title p.awl_like_title {
			position:relative;
		}
}

/* Responsive - Touchscreens  only */

@media (hover : none ) {
	
		.awl_testimonial_wrapper {
			pointer-events:none;
		}
		
		.awl_testimonial_wrapper .slick-dots {
			pointer-events:initial;
		}
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
		.awl_page_title h1, .awl_page_title p.awl_like_title {
			font-size:8em;
		}
		
		.awl_fw_mob .wp-block-group__inner-container {
			max-width:90%;
		}		
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		h1 {
			font-size:2em;
		}
		
		h2 {
			font-size:1.6em;
		}
		
		h3 {
			font-size:1.4em;
		}
		
		.awl_page_title h1, .awl_page_title p.awl_like_title {
			font-size:3em;
			position:relative;
		}
		
		#awl_bio_image.wp-block-image .alignright {
			margin-left:0;
		}
		
		.jqreveal ul {
			margin-left:1em;
		}
		
		
	#generate-slideout-menu.main-navigation.is-open {
		width:70%;
	}
		
		table th, table td {
			padding:2px;
			font-size:14px;
		}
		
/*		table#mag_surcharge, table#crown_costs, table#crown_surcharge {
			display:block;
			overflow-x:auto;
			white-space:nowrap;
		} */
		
		.awl_table table th:first-of-type {
			width:30%;
		}
		
		.slick-dots {
			bottom:initial!important;
			top:-40px;
		}
		
		.awl_testimonial_wrapper {
			margin-top:40px;
		}
		
		.awl_home_strapline {
			display:block;
		}
		
		.awl_home_strapline .strap_logo {display:none}
		
		#awl_home_strap_sec .gb-inside-container .wp-block-group {
			margin-top:initial;
		}
		
		#awl_home.awl_header {
			min-height:80vh;
		}
		

}