/* CSS Document */

/*
Theme Name: Generatepress Child
Theme URI: https://wordpress.org/themes/generatepress/
Description: Generatepress Child Shapiro Arato Bach 4-14-25
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: 'Halant', serif;
font-family: 'Nunito Sans', sans-serif;



*/

/* colors

old nav background teal: #117598;

new to come


*/



.site-header {
	background-color: #117598;
	position: fixed;
	width: 100%;
}




p {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.72em;
}

h1 {
	font-family: 'Halant', serif;
}

ul li {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.72em;
	margin-bottom: .6em;
}

.footer-widget-2 p,
.footer-widget-3 p {
	margin-top: 12px;
	font-size: 19px;
	letter-spacing: -0.02em;
}

.footer-widget-3 a {
	text-decoration: none;
}

.footer-widget-3 a:hover {
	border-bottom: solid .9px white;
}

/* 5-1-25 added a div to header.php to control large initials logo without interfering with WP header */

#background-logo {
    background-color: #127598;
    height: 460px;
    /*background-image: url(https://sab.dlsdesign.info/wp-content/themes/generatepress-child/img/sab-initials-logo-1192x644-#2a7495-transp.gif);
    background-repeat: no-repeat;
    background-size: 620px;
    background-position-x: right;
    background-position-y: bottom;*/ 
	position: relative;
	z-index: -1;
}

/* source for logo motion graphic 

https://www.google.com/search?q=animation%3A+fade-in+effect+move+from+left+to+right&sca_esv=1740ddc3d2160827&rlz=1C5CHFA_enUS886US886&ei=6boTaJO6N7aU5OMPgpSiyAQ&ved=0ahUKEwjT0s728IKNAxU2CnkGHQKKCEkQ4dUDCBE&uact=5&oq=animation%3A+fade-in+effect+move+from+left+to+right&gs_lp=Egxnd3Mtd2l6LXNlcnAiMWFuaW1hdGlvbjogZmFkZS1pbiBlZmZlY3QgbW92ZSBmcm9tIGxlZnQgdG8gcmlnaHQyBRAhGKABMgUQIRigATIFECEYoAEyBRAhGKABMgUQIRirAkiiUVD_FViFT3ABeACQAQCYAaMBoAH7GaoBBTEyLjIwuAEDyAEA-AEBmAIgoAKgGsICChAAGLADGNYEGEfCAgYQABgWGB7CAgsQABiABBiGAxiKBcICBRAAGO8FmAMAiAYBkAYIkgcFMTIuMjCgB4WIAbIHBTExLjIwuAeYGg&sclient=gws-wiz-serp */

#logo-file {
	opacity: 0;
  transform: translateX(-100%); /* Start off-screen to the left */
  animation: fadeInAndMove 2s ease-in-out forwards; /* Define animation */
	float: right;
	padding-top: 140px;/* 10-26-25 */
}


@keyframes fadeInAndMove {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.main-navigation ul li a {
	text-transform: uppercase;
}

/* 10-26-25 to offset header logo's forcing contents to wrap when increased to 140px */

.grid-container {
	padding-top: 10px;
}

/* home */

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

.home .entry-content {
    margin-top: 0em;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 0px;
}

.home .inside-article p {
	line-height: 1.9em;
}

#home-news {
	width: 100%;
	float: left;
	margin-top: -12px;
}

#home-news h2 {
	
    font-family: 'Nunito Sans', sans-serif;
    color: #eee;
    background-color: #042a53;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
    width: fit-content;
    margin-left: 100px;
    margin-bottom: 20px;
    padding: 3px 11px 3px 11px;
}

.homepage-list-news {
    display: flex;
    flex-flow: row wrap;
    align-content: stretch;
    margin-right: 3em;
    margin-left: 3em;
}

.homepage-list-news li {
    border-top: 0.9px solid gray;
    list-style: none;
    margin: 1px 30px 0;
    padding: 35px 20px 30px 20px;
    /* width: 44%; */
    width: calc(50% - 60px);
}

.homepage-list-news li a {
	text-decoration: none;
	color: #117598;
}

.homepage-list-news li a:hover {
	color: #185e77;
	border-bottom: solid .9px #185e77;
}

.homepage-news-title h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
    line-height: 1.75em;
}

.homepage-news-title h3 a {

}

.homepage-list-news .home-date {
	text-transform: uppercase;
}


/* if we put blog tools at top, turn off sidebar and let all pages' content area go 100%, then remove below parts of style */

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

.single-attorneys .content-area,
.post-type-archive-attorneys .content-area,
.single-practice-areas .content-area,
.post-type-archive-practice-areas .content-area {
    width: 100%;
}


.post-type-archive-attorneys article {
    box-sizing: border-box;
    float: left;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% / 3);
    max-width: 400px;
    min-width: 300px;
}


.post-type-archive-attorneys .page-header h1,
.post-type-archive-practice-areas .page-header h1,
.page-template-default .entry-header h1 {
    font-family: 'Halant', serif;
    font-size: 92px;
	font-weight: 100;
	letter-spacing: -0.02em;
	border-bottom: solid .9px gray;
}

.post-type-archive-attorneys .entry-header h2 {
	text-align: center;
	font-family: 'Halant', serif;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.015em;
	margin-top: 14px;
}

.post-type-archive-attorneys .entry-header h2 a {
	color: #222;
	margin-bottom: 8px;
	padding-bottom: 0px;
}

.post-type-archive-attorneys .entry-header h2 a:hover {
	border-bottom: solid .9px #222;
	padding-bottom: 0px;
}


.post-type-archive-attorneys .contact p a {
	text-decoration: none;
	color: black;
}

.post-type-archive-attorneys .contact p a:hover {
	color: #117598;
	border-bottom: solid .9px #117598;
}



/* attorney bio */

#bio-left {
	float: left;
	width: 34%;
	margin-right: 2%;
}

#attorney-credentials h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 21px;
	font-weight: 500;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: white;
	background-color: #042a53;
	padding: 4px 24px 4px 24px;
}

#attorney-credentials p {
	line-height: 1.6em;
	margin-bottom: 14px;
}

#bio-right {
	float: left;
	width: 62%;
	padding-left: 1%;
	padding-top: 80px;
    border-left: dotted .9px gray;
}

#bio-right h2 {
	font-family: 'Nunito Sans', sans-serif;
	color: #042a53;
	margin-left: 20px;
}

#bio-right h3 {
    font-family: 'Nunito Sans', sans-serif;
	font-size: 21px;
	font-weight: 500;
    margin-left: 20px;
}

.single-attorneys .inside-article {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 28px;
}

/* re-introduce after 768px */

#bio-contact-mobile,
#attorney-credentials-mobile {
	display: none;
}


#bio-name-contact h1 {
	font-family: 'Halant', serif;
	font-size: 54px;
	text-align: center;
}

#bio-name-contact h2 {
	text-align: center;
}

#bio-name-contact p {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 22px;
	line-height: 1.72em;
	text-align: center;
}

/* next forces Vcard and LinkedIn to next line -- omit in large sizes; start displaying below 980px */

.contact-break {
	display: none;
}

#bio-name-contact a {
	text-decoration: none;
}

#bio-name-contact a:hover {
	border-bottom: solid .9px;
}

/* practices */


body.post-type-archive-practice-areas {
    background-image: url(https://shapiroarato.com/wp-content/themes/generatepress-child/img/sab-outlines-1252x694-12pct.gif);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: 120%;
    background-position-y: 80%;
}

.post-type-archive-practice-areas .inside-article {
	padding: 0px 40px 60px 40px;
	background-color: #ffffff00;
}

.post-type-archive-practice-areas .entry-header h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 450;
	margin-bottom: 0px;
	padding-left: 24px;
	border-left: 16px solid #042a53;
}

.post-type-archive-practice-areas .entry-header h2 a {
	color: #117598;
}

/* blog */


.is-right-sidebar {
    width: 30%;
    background-color: #042a53;
}


.sidebar .widget {
    background-color: #042a53;
}


input[type="search"] {
	background-color: white;
	border: none;
}

.widget .search-form button.search-submit {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
    font-size: 15px;
    background-color: #1c5679;
}

.blog .entry-summary,
.blog .byline,
.blog .cat-links,
.blog .comments-link,
.single .byline,
.single .cat-links,
.single .comments-area,
.search .byline,
.category .byline,
.byline {
	display: none;
}

.blog .content-area {
    width: 70%;
    margin-top: 70px;
    padding-right: 12px;
}

.blog .inside-article {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom: solid .9px gray;
}

.blog .entry-header h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.35em;
}

.blog .entry-header h2 a {
	color: #117598;
}

.blog .entry-meta {
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.075em;
}

@media only screen and (max-width: 980px) {
	
	#background-logo {
        background-color: #127598;
        height: 350px;
        position: relative;
        z-index: -1;
    }
	
	/* width added here */
	
	#logo-file {
        opacity: 0;
        transform: translateX(-100%);
        animation: fadeInAndMove 2s 
        ease-in-out forwards;
        float: right;
        padding-top: 140px;
        width: 408px;
    }
	
	
	.site-content {
		display: flex;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.post-type-archive-attorneys article {
        box-sizing: border-box;
        float: left;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: calc(100% / 3);
        max-width: 300px;
        min-width: 240px;
    }
	
	.post-type-archive-attorneys .inside-article {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.post-type-archive-attorneys .entry-header h2 {
        text-align: center;
        font-family: 'Halant', serif;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: -0.015em;
        margin-top: 14px;
    }
	
	.post-type-archive-attorneys .contact p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 20px;
        font-weight: 300;
        line-height: 1.7em;
		letter-spacing: -0.015em;
    }
	
	/* single bio tablet */
	
	#bio-photo img {
        width: 250px;
        height: auto;
        max-width: 100%;
    }
	
	#attorney-credentials h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 20px;
        font-weight: 500;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: -0.02em;
        color: white;
        background-color: #042a53;
        padding: 4px 24px 4px 24px;
    }
	
	#attorney-credentials p {
		font-size: 19px;
        line-height: 1.6em;
        margin-bottom: 14px;
    }
	
	#bio-name-contact h1 {
        font-family: 'Halant', serif;
        font-size: 48px;
        text-align: center;
		letter-spacing: -0.02em;
    }
	
	#bio-name-contact p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        line-height: 1.72em;
        text-align: center;
    }
	
	/* next forces Vcard and LinkedIn to next line -- omit in large sizes; start displaying here */

    .contact-break {
        display: inline;
    }

	.single-attorneys .inside-article p,
	#bio-right ul li {
		font-size: 20px;
	}
	
	.blog .site-content,
	.single .site-content {
		margin-right: 0%;
	}
	
	.blog .entry-header h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.25em;
    }
	
	.single .inside-article {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.single .entry-header h1 {
        font-size: 32px;
        margin-bottom: 20px;
        line-height: 1.15em;
        font-weight: 400;
        text-transform: none;
    }
	
	.single .entry-content p {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 20px;
        font-weight: 300;
        line-height: 1.6em;
    }
	
}

@media only screen and (max-width: 768px) {

    #background-logo {
        background-color: rgb(18, 117, 152);
        height: 250px;
        position: relative;
        z-index: -1;
    }

    #logo-file {
        opacity: 0;
        transform: translateX(-100%);
        float: right;
        padding-top: 110px;
        width: 270px;
        animation: 2s ease-in-out 0s 1 normal forwards running fadeInAndMove;
    }
	
	.home .inside-article {
		padding: 0px 0px 10px 0px;
	}

	.homepage-list-news {
        display: flex;
        flex-flow: row wrap;
        align-content: stretch;
        margin-right: 0em;
        margin-left: 0em;
    }
	
	.homepage-list-news {
		
	}
	
	#home-news h3 {
        font-size: 27px;
        margin-bottom: 20px;
        line-height: 1.32em;
        font-weight: 400;
        text-transform: none;
        padding-top: 14px;
    }
	
	.homepage-list-news li {
        border-top: 0.9px solid gray;
        list-style: none;
        margin: 1px 30px 0;
        padding: 5px 0px 20px 0px;
        width: 100%;
    }
	
	.post-type-archive-attorneys .page-header h1, 
	.post-type-archive-practice-areas .page-header h1, 
	.page-template-default .entry-header h1 {
        font-family: 'Halant', serif;
        font-size: 44px;
        font-weight: 100;
        letter-spacing: -0.02em;
        border-bottom: solid .9px gray;
    }
	
	.post-type-archive-practice-areas .entry-header h2 {
        font-family: 'Nunito Sans', sans-serif;
		font-size: 28px;
        font-weight: 450;
        margin-bottom: 0px;
        padding-left: 24px;
        border-left: 12px solid #042a53;
    }
	
	/* mobile bios */
	
	#bio-left {
        float: unset;
        width: 100%;
        margin-right: 0%;
    }
	
	.single-attorneys .inside-article {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 15px;
    }
	
	#bio-right {
        float: unset;
        width: 100%;
        padding-left: 0%;
        padding-top: 0px;
        border-left: none;
    }
	
	#bio-right h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 26px;
        color: #042a53;
        margin-left: 20px;
    }
	
	#bio-right p {
		margin-left: 0px;
	}
	
	#bio-right p strong {

	}
	
	#bio-right ul {
        margin: 0 0 1.5em 2em;
    }
	
	#bio-contact-mobile, 
	#attorney-credentials-mobile {
        display: inline-block;
        margin-bottom: 0px;
        width: 100%;
        margin-left: 3.5%;
        margin-right: 3.5%;
        border-bottom: dotted .9px black;
    }
	
	
	#bio-name-contact,
	#attorney-credentials {
        display: none;
    }
	
	
	
	    #attorney-credentials-mobile p {
        margin-left: 3.5%;
        margin-right: 3.5%;
        line-height: 1.5em;
        margin-bottom: 14px;
    }
    
	
	
	
	
}