/*
Theme Name: David Pincus
Author: Emily Goucher
Author URI: https://freelance.digitalemily.com/
Version: 1
Description: Custom theme for DavidPincusDMH.com
*/

body {
    background-color: #142618;
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
}
header {
    height:100px;
}
header, footer {
    background: url(images/linen.png) repeat #181818;
    color:#fff;
    margin:0;
    padding:0;
}
.inner {
    width:1180px;
    margin:0 auto;
    padding:20px 10px;
}
.wrap {
    float:left;
}
h1 {
    font-family: "Noto Serif", serif; 
    margin:0;
    padding:0;
    font-size:200%;
}
h1 a {
    color:#fff;
    text-decoration: none;
}
h2 {
    margin: -5px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 200;
    font-size:110%;
}
h3 {
    font-family: "Noto Serif", serif; 
    height:400px;
    text-align: center;
    line-height:360px;
    width: 1200px;
    margin: 0 auto;
    background-size: cover;
    padding:0;
    font-size:180%;
    color: #fff;
    text-shadow:0 1px 5px #00000080;
}
h4 {
    font-family: "Noto Serif", serif; 
}
h4#get-started {
    font-family: Roboto, sans-serif;
    font-size:160%;
    font-weight:400;
    padding-top:2ex;
    font-style:italic;
}
nav {
    float: right;
    margin-top:40px;
    font-size:110%;
}
#menu-icon {
	display: none;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav ul li {
    margin-left:30px;
    display: inline-block;
}
nav ul:first-child {
    margin-left:0;
}
nav ul li ul {
    display: none;
    position: absolute;
    padding-top:10px;
}
nav ul li:hover ul {
    display: block;
    margin:0 0 0 -30px;
}
nav ul li:hover ul li {
    display: block;
    padding:10px 5px;
    border-top:1px #fff solid;
    background-color:#181818;
}
nav ul li:hover ul li a {
    border:none;
}
nav a {
    color:#fff;
    border-bottom:1px solid #fff;
    text-decoration: none;
}
nav a:hover {
    color:#eee;
}
nav .menu-item-61 a:hover {
    cursor: text;
}
nav .menu-item-61 ul a:hover   {
    cursor:pointer;
}
main {
    width:1100px;
    background-color: #fff;
    margin: 0 auto;
    padding:50px;
    color:#171717;
    font-size:110%;
}
main a {
    color:#171717;
    border-bottom:1px solid #171717;
    text-decoration: none;
}
main a:hover {
    color:#142618;
    border-bottom:1px solid #ccc; 
}
.home main, .page-id-29 main, .page-id-34 main, .page-id-18 main {
    width:1200px;
    padding:0;
}
.home main #life-coaching, .home main #executive-coaching, #services-get-started, #contact-info, #what-get-started {
    background-color:#e7f1e9;
    padding:50px;
}
#services-get-started, #what-get-started {
    padding:0 50px;
}
#contact-form {
    padding:50px 50px 0 50px;
}
.home main #personal-consulting, #services, #what {
    padding:50px;
}
.home main h4 {
    padding-top:5ex;
}
.wp-block-columns {
    margin-bottom:0;
}
footer {
    font-size:85%;
    text-align: right;
    height:150px;
    padding:10px 10px 0 0;
    clear:both;
}
footer .inner {
    padding-top:0;
}
footer a {
    color:#fff;
    border-bottom:1px solid #fff;
    text-decoration: none;
}
footer a:hover {
    color: #eee;
}
abbr {
    text-decoration:none;
}
.clear {
    clear: both;
}
.wp-block-image .alignleft {
    padding-top:1ex;
}
a.wp-block-button__link, .wpforms-form input[type=submit], .wpforms-form button[type=submit] {
    font-family: "Noto Serif", serif; 
    font-weight:bold !important;
    font-size:120%;
    padding:15px 40px 20px 40px;
    background-color:#142618 !important;
    color:#fff !important;
    border:none !important;
    border-radius:10px !important;
    margin-bottom:7ex;
}

a.wp-block-button__link:hover, .wpforms-form input[type=submit]:hover, .wpforms-form button[type=submit]:hover {
    color:#ccc !important;
    border:none;
}


@media (max-width: 1200px) {
    .inner {
        max-width:90%;
    }
    h3 {
        max-width:100%;
        height:200px;
        line-height:normal;
        padding-top:100px;
    }
    main {
        max-width:90%;
    }
    .home main, .page-id-29 main, .page-id-34 main, .page-id-18 main {
        max-width:100%;
    }
}
@media (max-width: 781px) {
    .home main h4 {
        padding-top:0;
    } 
    .inner {
        max-width:98%;
        padding:20px 5px;
    }
}
@media (max-width: 700px) {
    header {
        height:130px;
    }
    .wrap {
        padding-bottom:7px;
    }
    h3 {
        height:130px;
        padding-top:70px;
    }
    .wp-block-image .alignright, .wp-block-image .alignleft {
        float:none !important;
    }
    /* */
    nav {
		float:none;
        clear: both;
        height:170px;
	}
	#menu-icon {
		font-size:125%;
		margin:0 auto;
		padding:7px 0;
		text-align:center;
		cursor: pointer;
		display: block; 
        background-color:#181818;
	}
	#menu-icon:hover {
		text-decoration: underline;
	}
	#menu-icon.active {

	}
	#menu-main-menu {
		clear: both;
		position: absolute;
		width: 98%;
		z-index: 10000;
		background: #181818;
		display: none; /* visibility will be toggled with jquery */
		border-top: solid 1px #f2f2f2;
	}
	#menu-main-menu li {
		display:block;
		width:98%;
		padding:8px 0;
	}
	nav ul li:before{
		content:none;
		padding: 0;
	}
	#menu-main-menu a, 
	#menu-main-menu ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		border: none;
	}
	#menu-main-menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#menu-main-menu ul li {
		margin: 3px 0 3px 15px;
	}
    nav ul li ul, nav ul li:hover ul {
        display: block;
        margin:0;
        padding:0 0 0 10px;
    }
    nav ul li ul li, nav ul li:hover ul li {
        display: inline-block;
        padding:10px 5px;
        border-top:none;
    }
    nav ul li ul li a, nav ul li:hover ul li a {
        border:none;
    }
    nav a, nav ul li ul li a {
        border-bottom:1px solid #fff;
        text-decoration: none;
    }
}