/*
Theme Name:DS Erickson Custom Theme
Theme URI: http://dserickson.com
Description: Theme for DS Erickson
Version: 1.0
Author: Arkelope Design, LLC
*/
body {
	margin: 0 auto;
	background: #1d2532;
	text-align: left;
	color: #4b4b4b;
	font-family: "Tinos", serif;
	font-weight: 400;
	font-style: normal;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	font-size: 16px;
	}
a, a:visited , a:active {
	color:#4b4b4b;
	text-decoration: underline;
	font-weight: bold;
	transition: all .5s ease;
	}
a:hover {
	color:#333320;
	transition: all .5s ease;
	}

/*---Typicals---*/
strong {font-weight: 700; font-style: normal;}
.center {text-align: center;}
.clear {clear:both;}
.italic {font-style:italic;}
.uppercase {text-transform: uppercase;}
.fleft {float: left;}
.fright {float: right;}
.tleft {text-align: left;}
.tright {text-align: right;}
.hover:hover {background-color: #fff7eb;}
.resp-img {width: 100%; height: auto;}
.shadow-img {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	}
.spacer-15 {height: 15px; width: 100%;}
/*---Containers------*/
.con-container {
	max-width: 1400px;
	margin: auto;
	}
.con-spacer {padding: 50px 20px;}
.con-body {background: #e0e0db;}
.con-home-2 {background: #2a2829; color: #fff; padding: 50px 20px;}
.con-who-we-are {background: #2a2829; color: #fff; padding: 70px 20px;}
.con-aop-1 {background: #e0e0db; padding: 50px 20px 60px 20px;}
.con-aop-2 {background: #2a2829; color: #fff; padding: 70px 20px;}
.con-contact {background: #2a2829; color: #fff; padding: 70px 20px;}
.con-footer {background: #253551; color: #fff; padding: 80px 20px;}

/*---Header---*/
.skip-to-content {padding: 10px 0 0 10px;}
.skip-to-content a {opacity: 0; text-decoration: none; color: #000; background: #fff; padding: 10px 15px;}
.skip-to-content a:focus {opacity: 10;}
.skip-to-content a:hover {opacity: 10;}
.upper-h-bar {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; padding: 80px 20px;}
.upper-h-bar-1 {order: 1; width: 50%;}
.upper-h-bar-2 {order: 2; width: 50%; text-align: right; display: block;}
.ds-logo {width: 100%; height: auto; max-width: 300px;}
.upper-menu-1 {display: inline-block; margin-right: 30px;}
.upper-menu-1 a {text-decoration: none; color: #fff; padding: 15px 20px;}
.upper-menu-1 a:hover {color: #fff;}
.upper-menu-2 {display: inline-block;}
.upper-menu-2 a {color: #4b4b4b; text-decoration: none; padding: 15px 20px; background: #fff;}
.upper-menu-2 a:hover {background: #fff; color: #4b4b4b; opacity: 0.8; text-decoration: none;}

/*--Home--*/
h1.dk-page-title {color: #fff; font-size: 46px; padding: 100px 20px 20px 20px; margin: 0; text-align: left;}
.dk-page-subtitle {color: #fff; font-size: 18px; padding: 0 20px 190px 20px;}

.home-area-first {display: flex; flex-wrap: nowrap; justify-content: center; align-items: top; align-content: stretch; padding: 100px 20px;}
.home-area-first-1 {order: 1; width: 70%;}
.home-area-first-2 {order: 2; width: 30%;}
.home-area-first-pad {padding: 0 100px 0 0;}
.home-area-first-title {font-size: 20px; margin: 0; padding: 0; font-weight: 700;}
.home-area-first-2-title {font-size: 20px; font-weight: 700;}

h2.home-area-2-title {font-size: 30px; font-weight: 700; padding: 0 0 50px 0; margin: 0;}
.home-area-2-block {display: flex; flex-wrap: nowrap; justify-content: center; align-items: top; align-content: stretch; padding: 60px 0; border-top: 1px solid #fff; width: 80%;}
.home-area-2-block-1 {order: 1; width: 35%; font-size: 20px;}
.home-area-2-block-2 {order: 2; width: 65%;}
.home-area-2-link {padding: 60px 0; border-top: 1px solid #fff; width: 80%;}
.home-area-2-link a {display: inline-block; padding: 15px 20px; background: #fff; color: #4b4b4b; text-decoration: none;}
.home-area-2-link a:hover {background: #fff; color: #4b4b4b; opacity: 0.8; text-decoration: none;}

h3.home-area-3-title {font-size: 30px; font-weight: 700; padding: 0 0 50px 0; margin: 0;}
.home-area-3-text {width: 70%; padding: 0 0 50px 0;}
.home-area-3-link {padding: 0 0 50px 0;}
.home-area-3-link a {display: inline-block; padding: 15px 20px; background: #fff; color: #4b4b4b; text-decoration: none;}
.home-area-3-link a:hover {background: #fff; color: #4b4b4b; opacity: 0.8; text-decoration: none;}

/*---Internals---*/
h1.internal-page-title {color: #fff; font-size: 60px; padding: 50px 20px 100px 20px; margin: 0; text-align: left; font-weight: 400;}
.who-we-are-intro {font-size: 44px; padding: 0 0 40px 0;}
.who-we-are-intro-2 {font-size: 20px;}
.attorney-bio-section-1 {color: #253551; padding: 60px 20px; font-size: 20px;}
.attorney-bio-section-2 {color: #fff; padding: 0 20px; font-size: 20px;}
h2.attorney-bio-title {font-size: 50px; font-weight: 400; padding: 0 0 50px 0; margin: 0;}
.attorney-bio-name {font-size: 38px; padding: 0 0 40px 0;}
.attorney-bio-text {padding: 0 0 30px 0; color: #363636;}
.attorney-bio-flex {display: flex; flex-wrap: nowrap; justify-content: center; align-items: top; align-content: stretch; padding: 0 0 10px 0;}
.attorney-bio-flex-1 {order: 1; width: 34%;}
.attorney-bio-flex-2 {order: 2; width: 33%;}
.attorney-bio-flex-3 {order: 3; width: 33%;}
.attorney-bio-flex-pad {padding: 0 80px 20px 0;}
.attorney-bio-flex-title {font-size: 24px; padding: 0 0 20px 0;}
.attorney-bio-flex-text {color: #363636;}
.attorney-bio-flex-text ul, .attorney-bio-flex-text-2 ul {margin: 0 0 0 30px; padding: 0;}
.attorney-bio-flex-text li, .attorney-bio-flex-text-2 li {margin: 0; padding: 0 0 10px 0;}

.attorney-bio-text-2 {padding: 0 0 30px 0; color: #fff;}
.attorney-bio-flex-text-2 {color: #fff;}

.aop-intro {font-size: 44px; padding: 0 0 40px 0; color: #253551;}
.aop-intro-2 {font-size: 24px;}
.aop-title {font-size: 50px; padding: 0 0 30px 0; font-weight: 400; margin: 0;}
.aop-flex {display: flex; flex-wrap: nowrap; justify-content: center; align-items: top; align-content: stretch; padding: 60px 0 60px 0; border-top: 1px solid #fff;}
.aop-flex-1 {order: 1; width: 25%; font-size: 36px;}
.aop-flex-2 {order: 2; width: 75%; font-size: 20px;}
.aop-flex-1-pad {padding: 0 30px 0 0;}
.aop-flex-2 a, .aop-flex-2 a:hover {color: #fff; text-decoration: underline;}
.aop-flex-2 span {font-size: 26px;}

.contact-intro {font-size: 24px; padding: 0 0 40px 0;}
.contact-intro span, .contact-intro-2 span {font-weight: 700;}
.contact-intro-2 {font-size: 22px; text-align: center;}
.contact-intro-2 a, .contact-intro-2 a:hover {color: #fff; text-decoration: underline;}

.legal-intro {font-size: 20px; padding: 0 0 40px 0;}

.privacy-intro {font-size: 20px; padding: 0 0 40px 0;}
.privacy-intro span {font-weight: 700;}
.privacy-intro a, .privacy-intro a:hover {color: #fff; text-decoration: underline;}

/*---Footer---*/
.footer-title {font-size: 20px; text-transform: uppercase; padding: 0 0 40px 0;}
.footer-flex {display: flex; flex-wrap: nowrap; justify-content: center; align-items: top; align-content: stretch;}
.footer-flex-1 {order: 1; width: 50%;}
.footer-flex-2 {order: 2; width: 50%;}
.footer-flex-2 a {color: #fff; text-decoration: underline; display: inline-block; padding: 0 0 8px 0;}
.footer-flex-2 a:hover {color: #fff; text-decoration: underline;}



/*--Mobile-Menu--*/
.header-mobile-menu {display: none;}

.hamburger-icon {position: absolute; top: 2.4vh; right: 5vw; padding-bottom: 2vh; z-index: 110; cursor: pointer;}
.hamburger-icon span {height: 3px; width: 30px; border-radius: 5px; background-color: #fff; display: block; margin: 5px 0px 5px 0px; transition: 0.7s ease-in-out; transform: none;}
#openmenu:checked ~ .menu-pane {left: -5vw; transform: translateX(-5vw);}
#openmenu:checked ~ .body-text {display: none;}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(2) {transform: translate(0%, 175%) rotate(-45deg);background-color: #fff;}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(3) {transform: rotate(45deg); background-color: #fff;}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(1) {opacity: 0;}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(4) {opacity: 0;}
div.menu-pane {background-color: white; position: absolute; transform: translateX(-110vw); transform-origin: (0, 0); width: 105vw; height: 100%; transition: 0.6s ease-in-out; z-index: 100;}
.menu-pane p {color: black; font-size: 0.6em; display: none;}
.menu-pane nav {padding: 2% 0 0 10%;}

.menu-pane ul {padding: 0 0 0 20px; margin: 0; list-style: none;}
.menu-pane li {padding: 10px; margin: 0; font-size: 18px;}
.menu-links li a {color: black; text-decoration: none; border: 1px solid #fff;}
.menu-links li:hover a {color: #000;}

input.hamburger-checkbox {
  position: absolute;
  z-index: 3;
  top: 5vh;
  left: 5vw;
  width: 10vw;
  opacity: 0;
  height: 6vh;
}