/* CSS Document */

/*
Theme Name: Generatepress Child
Theme URI: https://wordpress.org/themes/generatepress/
Description: Generatepress Child Theme for Dev 1 Law Firm Websites
Author: DLS Design
Author URL: https://www.dlsdesign.com
Template: generatepress
Version: 1.4
Text Domain: generatepress-child  */
/* Custom CSS goes after this line */


/* fonts

font-family: 'Wix Madefor Text', sans-serif;

*/

/* colors

blue background (on sides): #344d71;
links: #2b5287;
dark blue for firm name: #082959;
dark gray for footer: #303949;

*/

body {
	background-color: #344d71;
}

#footer-widgets {
	background-color: #303949;
}

p, h1, h2 {
	font-family: 'Wix Madefor Text', sans-serif;
}

p {
	font-family: 'Wix Madefor Text', sans-serif;
	font-size: 20px;
	line-height: 1.65em;
}

a {
	color: #2b5287;
}

.site-header {
	margin-bottom: 0px;
}

.home #interior-masthead-image {
    width: 1250px;
    height: 365px;
    margin-left: auto;
    margin-right: auto;
    background-color: gray;
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/new-york-new-jersey-splitscreen.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
}


#interior-masthead-image {
    width: 1250px;
    height: 172px;
    margin-left: auto;
    margin-right: auto;
    background-color: gray;
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/buildings-segment-interiors.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

#interior-masthead-image h1 {
    font-family: 'Wix Madefor Text', sans-serif;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 45px;
    padding-top: 50px;
}

.site-content {
	margin-bottom: 0px;
	background-color: white;
}

.footer-widget-1,
.footer-widget-2 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
}

.footer-widgets a {
	text-decoration: none;
}

.footer-widgets a:hover {
	color: #eee;
	border-bottom: solid .9px #eee;
}


.home .entry-header h1 {
	display: none;
}

.home .entry-content p {
	font-family: 'Wix Madefor Text', sans-serif;
	font-size: 20px;
	line-height: 1.65em;
}

#home-practices-block {
	float: left;
	width: 100%;
	min-height: 200px;
	background-color: #fffffe;
	margin-bottom: 55px;
}

ul.homepage-practices-list li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% / 4);
    max-width: 201px;
    min-height: 220px;
    margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 35px;
	margin-left: 3%;
    list-style: none;
}

.homepage-practice-title img {
	margin-bottom: 10px;
}

.homepage-practice-title a {
	color: #eee;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

.homepage-practice-title a:hover {
	color: white;
	border-bottom: solid .9px white;
}

.homepage-practice-title:nth-of-type(4n+1) {
	color: white;
	background-color: #d78328;
}

.homepage-practice-title:nth-of-type(4n+2) {
	color: white;
	background-color: #000;
}

.homepage-practice-title:nth-of-type(4n+3) {
	color: white;
	background-color: #b62b03;
}

.homepage-practice-title:nth-of-type(4n+4) {
	color: white;
	background-color: #2b5287;
}


/* don't use if featured images work better 

.home .homepage-practice-title:nth-of-type(4n+1) {
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/column-base.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(4n+2) {
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/pointing-finger.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(4n+3) {
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/buildings-segment.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.home .homepage-practice-title:nth-of-type(4n+4) {
    background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/shirt-and-tie.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
} */


/* general pages */

.page-template-default .entry-header,
.page-template-page-contact .entry-header {
	display: none;
}

.page-template-default .entry-content {
	margin-top: 0em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 2em;	
}

.page-id-71 .entry-content {
	column-count: 2;
	margin-right: 0px;
}

.post-type-archive-attorneys .page-header,
.post-type-archive-practice-areas .page-header,
.post-type-archive-attorneys .entry-summary,
.post-type-archive-practice-areas .entry-summary,
.post-type-archive-practice-areas .post-image,
.single-practice-areas .featured-image {
	display: none;
}

.post-type-archive-practice-areas .entry-header h2 {
	font-family: 'Wix Madefor Text', sans-serif;
    font-size: 22px;
	text-transform: uppercase;
	font-weight: 800;
}

.post-type-archive-practice-areas .content-area {
	width: 72%;
	margin-left: 14%;
	margin-right: 14%;
	padding-top: 10px;
    padding-bottom: 72px;
}

.post-type-archive-practice-areas .inside-article {
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 35px;
    padding-left: 40px;
    border-bottom: solid 1px black;
}

/* single practice areas */

.single-practice-areas #practice-left-nav {
	float: left;
	width: 23%;
	margin-top: 40px;
	margin-left: 4%;
	margin-right: 2%;
	background-color: #eee;
	padding-right: 20px;
}

#practice-left-nav h3 {
	font-family: 'Wix Madefor Text', sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.08em;
	width: 100%;
	background-color: #2b5287;
	padding-top: 6px;
    padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 30px;
}

ul.singles-practices-list li {
	font-family: 'Wix Madefor Text', sans-serif;
	list-style: none;
	margin-left: -20px;
	margin-bottom: 18px;
}

ul.singles-practices-list li a {
	color: #222;
	text-decoration: none;
}

ul.singles-practices-list li a:hover {
	color: #2b5287;
	border-bottom: solid .9px #2b5287;
}

.single-practice-areas #practice-right {
	float: left;
	width: 68%;
}

.single-practice-areas .entry-header {
	display: none;
}

.single-practice-areas .inside-article {
	padding-top: 0px;
}

.single-practice-areas .on-page-list {
	font-family: 'Wix Madefor Text', sans-serif;
	font-weight: 800;
	font-size: 22px;
	color: #2b5287;
	text-transform: uppercase;
	padding-bottom: 15px;
	border-bottom: solid .9px gray;
	letter-spacing: 0.08em;
}
 
.single-practice-areas .inside-article ul li {
	font-family: 'Wix Madefor Text', sans-serif;
    font-size: 20px;
    list-style: none;
    margin-left: -50px;
    margin-bottom: 30px;
}


/* attorney archive */

.post-type-archive-attorneys .post-image,
.post-type-archive-attorneys .entry-header {
	display: none;
}

/* from gyfb */

.post-type-archive-attorneys .inside-article {
    border-bottom: solid 1px #cbcbcb;
    display: flex;
    align-items: baseline;
    font-weight: 300;
    font-size: 21px;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact {
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
}

.contact ul {
	list-style: none;
}

.contact ul li {
    font-family: 'Wix Madefor Text', sans-serif;
    font-size: 20px;
	line-height: 1em;
	width: 30%;
}

.contact ul li a {
	color: #2b5287;
	text-decoration: none;
}

.contact ul li a:hover {
	color: #2b5287;
    border-bottom: solid .9px #2b5287;
}




.name-column {
	float: left;
	margin-right: 5%;
}

.position-column {
	float: left;
	margin-right: 5%;
}

.email-column {
	float: left;
}

/* single person */

.single-attorneys .featured-image,
.single-attorneys .entry-header {
	display: none;
}

#bio-left {
	float: left;
    width: 28%;
	margin-left: 3.5%;
}

#bio-photo {
	max-width: 95%;
    border: solid white 12px;
	background-color: white;
    margin-top: -74px;
	margin-left: -12px;
	margin-bottom: 0px;
}

#left-fields h1 {
	font-family: 'Wix Madefor Text', sans-serif;
	font-size: 32px;
	line-height: 1.5em;
	font-weight: 800;
	color: #344d71;
	letter-spacing: -0.015em;
	margin-bottom: 8px;
}
	
#left-fields h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.02em;
	margin-bottom: 5px;
}

#left-fields p {
	font-family: 'Wix Madefor Text', sans-serif;
	font-size: 20px;
	line-height: 1.65em;
}



#left-fields h3 {
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: 0.02em;
}


#left-fields ul {
    font-family: 'Wix Madefor Text', sans-serif;
	list-style: none;
	margin-top: 20px;
	margin-left: 0px;
}


#left-fields ul li {
	font-size: 20px;
	line-height: 1.65em;
	margin-bottom: 20px;
}

#left-fields ul li a {
	text-decoration: none;
	color: black;
}

#left-fields ul li a:hover {
	color: #344d71;
    border-bottom: solid .9px #344d71;
}

#left-fields .vcard {
	background: #344d71;
	font-size: 18px;
	text-align: center;
	margin-top: 8px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#left-fields .vcard a {
	text-decoration: none;
	color: white;
}


#left-fields .vcard a:hover {
	color: #ddd;
}

#bio-right {
	float: left;
	width: 68%;
}

#credentials-block {
	margin-left: 40px;
}

#credentials-block h2 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.02em;
	border-bottom: solid 1px black;
}

/* contact page */

.page-template-page-contact .content-area {
	margin-top: 2em;
}

.page-template-page-contact .entry-content {
	
}

.page-template-page-contact .inside-article {
	display: none;
}

#office-1,
#office-2 {
	float: left;
	width: 35%;
	margin-left: 80px;
}

.office-info-1 p,
.office-info-2 p {
	float: left;
	margin-right: 24px;
}

#office-map-1,
#office-map-2 {
	float: left;
}

#offices-separator {
	width: 100%;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: -40px;
    margin-bottom: 60px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}


@media only screen and (max-width: 768px) {
	
	.home #interior-masthead-image {
        width: 100%;
        height: 176px;
        margin-left: auto;
        margin-right: auto;
        background-color: gray;
        background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/new-york-new-jersey-splitscreen.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50% 40%;
    }
	
	ul.homepage-practices-list li {
        box-sizing: border-box;
        float: unset;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        width: 80%;
        max-width: 201px;
        min-height: 220px;
        margin-top: 0px;
        margin-right: 35px;
        margin-bottom: 35px;
        margin-left: 10%;
        list-style: none;
    }
	
	
	#interior-masthead-image {
        width: 100%;
        height: 160px;
        margin-left: auto;
        margin-right: auto;
        background-color: gray;
        background-image: url(https://dev1.dlsdesign.info/wp-content/themes/generatepress-child/img/buildings-segment-interiors.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: unset;
    }
	
	
	#interior-masthead-image h1 {
        font-family: 'Wix Madefor Text', sans-serif;
        text-align: center;
        color: white;
        font-weight: 700;
        font-size: 32px;
        padding-top: 30px;
    }
	
	/* mobile practice areas */
	
	.single-practice-areas #practice-left-nav {
        display: none;
        float: left;
        width: 23%;
        margin-top: 40px;
        margin-left: 4%;
        margin-right: 2%;
        background-color: #eee;
        padding-right: 20px;
    }
	
	.single-practice-areas #practice-right {
        float: unset;
        width: 100%;
    }
	
	/* attorney landing */
	
	.post-type-archive-attorneys .inside-article {
        border-bottom: solid 1px #cbcbcb;
        display: flex;
        align-items: baseline;
        font-weight: 300;
        font-size: 21px;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
	
	.contact {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
	
	.contact ul li {
        font-family: 'Wix Madefor Text', sans-serif;
        font-size: 20px;
        line-height: 1em;
        width: 100%;
    }
	
	
	/* mobile bio */
	
	#bio-left {
        float: unset;
        width: 100%;
        margin-left: 3.5%;
    }
	
	#bio-photo img {
        height: auto;
        max-width: 60%;
    }
	
	#bio-right {
        float: unset;
        width: 100%;
    }
	
	
	
	
	
}