/*
Theme Name: Brandon Beardsley
Author: James Toon
Author URI: https://www.3ddigital.com
Description: Brandon Beardsley Theme
Version: 1.0
*/
/*/
/*

PT Serif Regular
font-family: pt-serif, serif;
font-weight: 400;
font-style: normal;

PT Serif Bold
font-family: pt-serif, serif;
font-weight: 700;
font-style: normal;

Open Sans Regular
font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;

Open Sans Bold
font-family: open-sans, sans-serif;
font-weight: 700;
font-style: normal;

*/


body, html {
	overflow-x: hidden;
}
body {
	position: relative;
	min-height: 100vw;
}
.footer {
	width: 100%;
}
h1 {
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.7rem;
}
h2 {
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
    color: #B6985A;
    font-size: 1.3rem;
}
h3 {
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
}
h4 {
    
}
h5 {
    
}
h6 {
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
}
p {
    font-size: 0.9rem;
    font-family: open-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #7E7E7D;
}
button {
    border: none;
    background-color: #B6985A;
    color: white;
    font-size: 0.9rem;
    padding: 5px 15px;
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
	transition: box-shadow 0.3s ease-in-out;
}
button:hover {
	box-shadow: 2px 2px 9px rgba(15, 15, 15, 0.8);
	transition: box-shadow 0.3s ease-in-out;
}

/* Javascript prep for/and transitions classes */
.to_left {
	transform: translateX(-200%) !important;
	filter: opacity(0);
}
.to_right_transition {
	transform: translateX(0%) !important;
	transition: all 0.8s ease-in-out !important;
	filter: opacity(1);
}
.to_right {
	transform: translateX(200%) !important;
	filter: opacity(0);
}
.to_left_transition {
	transform: translateX(0%) !important;
	transition: all 0.8s ease-in-out !important;
	filter: opacity(1);
}
.fade_out {
	filter: opacity(0) !important;
}
.fade_in_transition {
	filter: opacity(1) !important;
	transition: all 0.6s ease-in-out 1s !important;
}



/* Navigation Style */
.nav_logo {
	position: absolute;
	height: 50px;
	transform: translateY(10px);
	z-index: 3000;
}
.nav_logo img {
	height: 100%;
}
.nav_burger {
	position: absolute;
	height: 60px;
	right: 0px;
	z-index: 1700;
	display: none;
    filter: invert(1);
}
.nav_burger:hover {
	cursor: pointer;
}
.nav_burger:active {
	
}
.nav_burger img {
	height: 100%;
}
.nav_container {
	position: relative;
}
.menu-main-container {
	position: absolute;
	width: 100%;
	margin-top: 0px;
	z-index: 1700;
}
.menu-main-container ul {
	padding: 0px;
	float: right;
}
.menu-main-container li {
	display: inline-block;
	text-decoration: none;
	padding: 15px 25px 15px 0px;
	text-align: center;
}
.menu-main-container a {
	color: white;
}
.menu-main-container a:hover {
	color: #B6985A;
	text-decoration: none;
}
.menu-main-container li:last-child a:last-child {
	background-color: #B6985A;
	color: white;
	border-radius: 2px;
	padding: 7px 15px;
}
.menu-main-container li:last-child a:last-child:hover {
	color: #1E4079;
}
.mobile_nav {
	position: absolute;

	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://brandonbeardsleylaw.com/wp-content/uploads/2019/05/HEADER-GRAPHIC-BKG@2x.png);
	display: block !important;
	overflow: hidden;
	z-index: 2000;
}
.mobile_nav li {
	display: block;
	width: 105vw;
	text-align: center;
}
.mobile_nav li:first-child {
	margin-top: 60px;
}
.mobile_nav li:last-child {
	margin-bottom: 60px;
}
.tel_image {
	height: 18px;
	padding-right: 5px;
	padding-bottom: 4px;
}


/* Header Styles */
.header {
    position: relative;
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/Background-Color@2x.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 560px;
    color: white;
}
.header_overlay {
    position: absolute;
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/HEADER-GRAPHIC-BKG@2x.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.header_content_container {
    position: relative;
}
.header_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.brandon_img_container {
    position: relative;
}
.header_brandon_img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 80%;
    width: auto;
}
.header p {
    font-family: pt-serif, serif;
    font-weight: 400;
    font-style: normal;
	color: white;
}


/* The Firm Styles */
.the_firm_section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.the_firm_content {
    text-align: center;
    margin: 0px auto;
    width: 80%;
}
.the_firm_content h1 {
    display: inline-block;
    padding: 0px 10px;
    transform: translateY(25px);
    background-color: white;
    color: #1E4079;
}
.the_firm_p {
    border-top: 1px solid #D2D3D5;
    border-bottom: 1px solid #D2D3D5;
    padding: 50px 25px 50px 25px;
    margin-bottom: 60px;
}
.service_item {
    position: relative;
    padding: 0px 30px 20px 50px;
    border-left: 1px solid #D2D3D5;
}
.service_item h2 {
    padding-bottom: 15px;
}
.services_icon_container {
    position: absolute;
    left: -28px;
    top: -5px;
    background-color: white;
    padding: 5px;
}
.services_icon {
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}
#service_icon_one {
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/FAMILY-LAW-ICON.png);
}
#service_icon_two {
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/ESTATE-PLANNING-ICON.png);
}
#service_icon_three {
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/MEDIATION-ICON.png);
}


/* Meet Brandon Styles */
.meet_brandon_section {
    position: relative;
    color: white;
}
.meet_brandon_section p {
	color: white;
}
.meet_brandon_underlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1E4079;
}
.meet_brandon_background {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/BrandonBeardsley_MeetBrandon_withcolor.jpg);
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
    max-width: 1200px;
    margin: 0px auto;
    height: 100%;
    width: 100%;
}
.meet_brandon_content {
    padding: 60px 10px;
}


/* Awards Section */
.awards_section {
    padding: 60px 0px;
}
.awards_title_h1 {
    text-align: center;
}
.awards_section h1 {
    display: inline-block;
    background-color: white;
    transform: translateY(40px);
    padding: 0px 10px;
    color: #1E4079;
}
.awards_row {
    padding: 60px 0px;
    border-top: 1px solid #D2D3D5;
}
.award_content {
    padding: 30px;
}
.awards_section p {
    
}
.award_image_container {
    padding-top: 40px;
    height: 120px;
}
.award_image {
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/AWARD-ICON.png);
    background-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.award_one {
    
}
.award_two {
    
}
.award_three {
    
}
.award_four {

}


/* Accolaides Styles */
.accolaides_section {
    color: white;
}
.education {
	position: relative;
    background-color: #B6985A;
    height: 400px;
    width: 100%;
}
.education_image {
	position: absolute;
	bottom: 0; 
	right: 0;
	height: 60%;
	width: auto;
	padding: 0px 5px 5px 0px
}
.membership {
	position: relative;
    background-color: #535353;
    height: 400px;
}
.membership_image {
	position: absolute;
	bottom: 0; 
	right: 0;
	height: 60%;
	width: auto;
	padding: 0px 5px 5px 0px
}
.accolaid_container {
    position: relative;
    height: 100%;
    width: 100%;
}
.accolaid_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px 40px 60px 20px;
    max-width: 600px;
    width: 100%;
}
.education_content {
    right: 0px;
}
.education_content li {
    font-family: open-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.membership_content {
    left: 0px;
}
.membership_content li {
    font-family: pt-serif, serif;
    font-weight: 700;
    font-style: normal;
}
.education_shift {
    display: inline-block;
}
.membership_shift {
    float: right;
    display: inline-block;
}
.education h1 {
    padding-left: 120px;
    padding-bottom: 15px;
}
.education h1:after {
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 40%;
    margin-top: 15px;
}
.education li {
    list-style: none;
}
.education li {
    padding-left: 80px;
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/EDUCATION-BLDG-ICON.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    line-height: 1.2rem;
    height: 40px;
}
.membership h1 {
    padding-left: 74px;
    padding-bottom: 15px;
}
.membership h1:after {
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 40%;
    margin-top: 15px;
}
.membership li {
    list-style: none;
}
.membership li:before {
    content: "";
    display: inline-block;
    background-image: url(https://brandonbeardsleylaw.com//wp-content/uploads/2019/05/FEATHER-ICON@2x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0px 15px 0px 0px;
    vertical-align: bottom;
}



/* Testimonials Styles */
.testimonials_section {
    text-align: center;
    padding: 60px 0px;
}
.testimonials_section h1 {
	color: #1E4079;
}
.testimonial_content {
	padding: 30px 0px;
}
.testimonial_content p:after {
	content: "";
	display: block;
	margin: 0 auto;
	padding: 20px 0px;
	width: 85%;
	border-bottom: 1px solid #7E7E7D;
}
.testimonial-client {
	padding-top: 20px;
}
.wpmslider-prev {
	transform: translateX(-100px) translateY(15px);
	color: #1E4079 !important;
}
.wpmslider-next {
	transform: translateX(100px) translateY(15px);
	color: #1E4079 !important;
}



/* Contact Styles */
.contact_section {
    background-color: #1E4079;
    color: white;
    padding: 0 60px 0 0;
}
.contact_section p {
	color: white;
}
.contact_logo_container img {
    margin: 25px 0px;
    height: 65px;
}
.phone_address a {
    color: white;
}
.phone_address a:hover {
	color: #B6985A;
	text-decoration: none;
}
.hours_table td:first-child {
    width: 100px;
}
.hours_table p {
    margin-bottom: 0px;
}
.footer_linkedin {
    display: inline-block;
    height: 35px;
}
.footer_linkedin img {
    height: 100%;
    width: auto;
}
.contact_section h2 {
	color: white;
}
.form_container {
	padding-top: 30px;
}
.wpforms-submit, #gform_submit_button_1 {
	border: none !important;
    background-color: #B6985A !important;
    color: white !important;
    font-size: 0.9rem !important;
    padding: 5px 35px !important;
    font-family: pt-serif, serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}
#wpforms-48-field_0-container {
	display: inline-block;
	width: 50%;
	padding-right: 7px;
}
#wpforms-48-field_1-container {
	display: inline-block;
	width: 50%;
	padding-left: 7px;
}



/* Footer Styles */
.footer {
    background-color: #1E4079;
	color: white;
}
.footer p {
    margin-bottom: 0;
	color: white;
}
.privacy_content {
    padding: 20px 0px;
}
.copy_right_content {
    text-align: right;
    color: white;
    padding: 20px 0px;
}
.digital_content {
    text-align: center;
    padding: 20px 0px;
}
.digital_content a, .privacy_content a, .copy_right_content a {
    display: inline-block;
    height: 100%;
    color: white;
}
.footer a:hover {
    text-decoration: none;
}
.digital_content img {
    height: 20px;
}

/* Privacy */
.privacy_page_content {
	padding: 60px 0px;
}
.privacy_page_content h1 {
	color: #1E4079;
	padding-bottom: 40px;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .menu-main-container ul {
		display: none;
	}
	.nav_burger {
		display: inherit;
	}
	.header_brandon_img {
		display: none;
	}
	.the_firm_section {
		margin-left: 20px;
	}
	.meet_brandon_section {
		text-align: center;
	}
    .meet_brandon_section p {
        color: #7E7E7D;
        text-align: center;
    }
    .meet_brandon_underlay {
        height: 400px;
    }
    .meet_brandon_background {
        height: 400px;
    }

	.meet_brandon_section h1 {
		color: #1E4079;
	}
	.meet_brandon_blank {
        height: 400px;
    }
    .education_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .membership_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .education_shift {
        display: inline-block;
        text-align: left;
    }
    .membership_shift {
        float: none;
        display: inline-block;
        text-align: left;
    }
    .footer {
        text-align: center;
    }
    .copy_right_content {
        text-align: center;
    }
    .hours_table {
        margin: 35px auto 0px auto;
    }
    .contact_info_container {
        text-align: center;
    }
    .accolaid_content {
        padding: 60px 0px 60px 0px;
    }
	.contact_logo_container img {
		margin: 25px 0px;
		height: auto;
		max-height: 65px;
		max-width: 100%;
	}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .menu-main-container ul {
		display: none;
	}
	.nav_burger {
		display: inherit;
	}
	.meet_brandon_section {
		text-align: center;
	}
    .meet_brandon_section p {
        color: #7E7E7D;
        text-align: center;
    }
	.meet_brandon_section h1 {
		color: #1E4079;
	}
    .meet_brandon_underlay {
        height: 400px;
    }
    .meet_brandon_background {
        height: 400px;
    }
    .meet_brandon_blank {
        height: 400px;
    }
    .education_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .membership_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .education_shift {
        display: inline-block;
        text-align: left;
    }
    .membership_shift {
        float: none;
        display: inline-block;
        text-align: left;
    }
    .footer {
        text-align: center;
    }
    .copy_right_content {
        text-align: center;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.menu-main-container ul {
		display: none;
	}
	.nav_burger {
		display: inherit;
	}
	.meet_brandon_section {
		text-align: center;
	}
    .meet_brandon_section p {
        color: #7E7E7D;
        text-align: center;
    }
    .meet_brandon_underlay {
        height: 400px;
    }
    .meet_brandon_background {
        height: 400px;
    }
	.meet_brandon_section h1 {
		color: #1E4079;
	}
    .meet_brandon_blank {
        height: 400px;
    }
    .education_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .membership_content {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .education_shift {
        display: inline-block;
        text-align: left;
    }
    .membership_shift {
        float: none;
        display: inline-block;
        text-align: left;
    }
}

/* Contact Form Jotform */
.contact-head {
	text-align: center;
}
@media only screen and (max-width: 1920px) {
	.contact-jot iframe {
		visibility: visible !important;
		height: 40vh !important;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 900px) {
	.form-all {
		margin: 0 !important;
	}
	.contact-jot iframe {
		visibility: visible !important;
		height: 48vh !important;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 899px) {
	.form-all {
		margin: 0 !important;
	}
	.contact-jot iframe {
		visibility: visible !important;
		height: 48vh !important;
		margin-top: 30px;
	}
	.contact_section {
		padding: 0;
		margin: 0 auto;
	}
	.contact-head {
		margin-top: 30px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.menu-main-container ul {
		display: none;
	}
	.nav_burger {
		display: inherit;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}