/*
Theme Name:    PS What's Next Genesis child theme
Description:    This is a child theme of Genesis
Author:         Golin Web Design
Template:       genesis

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../genesis/style.css");


/* ## Headings and Fonts
--------------------------------------------- */
/* Website Colors:
/* Green: #67c1b2
/* Grey: #8c8d8e
/* Dark Blue: #23404f
*/

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1, h1.entry-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40px;
	font-weight: normal;
	margin-bottom:35px;
	color:#fff;
}

h2, h2.entry-title  {
	font-size: 25px;
	color:#67c1b2;
	font-weight:normal;
}
/* add green dot before h2 headings */
h2::before {
	content: " ";
	margin-right: 20px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	display: inline-block;
	background-image: url('/wordpress/wp-content/uploads/Dot-big.png');
	margin-left:-38px;
	}

h3 {
	font-size: 16px;
	text-transform:uppercase;
	color:#67c1b2;
}

h4 {
	font-size: 16px;
}
body > div {
		font-size: 16px;
		font-family: 'Source Sans Pro', sans-serif;
		color:#23404f;
	}
p {
	margin-bottom:1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	color:#23404f;
	font-size: 16px;
}
a, a:visited, .entry-title a, a:hover {
	color:#6ebae4;
}
a, a:visited, .entry-title a {
	text-decoration: none;
}
a:hover, .entry-title a:hover {
	text-decoration:underline;
}

/* image captions */
.wp-caption-text {
	font-weight: normal;
	font-size: 13px;
	font-family: "Source Sans Pro", sans-serif;
}

/********** Page Layout **********/

/* set site width, header width and nav width*/
.home #content-sidebar-wrap, .home #header .wrap, .home #nav .wrap {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4% 0 4%;
}
/* set site width, header width and nav width*/
body:not(.home) #content-sidebar-wrap, body:not(.home) #header .wrap, body:not(.home) #nav .wrap {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4% 0 4%;
}
/********* header settings *************/
#header .wrap {
	margin-top:30px;
	margin-bottom:30px;
}
#title-area p {
	display:none;
}
/* set dimensions of logo */
.logo {
	max-width:200px;
	height: auto;
	}
/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:20px;
}

/* don't display page title */
h1.entry-title {
	display:none;
}
/********** basic footer setting *********/
/* remove genesis gototop */
#footer .gototop {
	display:none;
}
body:not(.home) #footer-widgets .wrap, body:not(.home) #footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1040px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 4% 0 4%;
}
.home #footer-widgets .wrap, .home #footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1400px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 4% 0 4%;
}
/********** navigation ****************/	
/* move main menu to right of logo */
#nav .genesis-nav-menu {
   width:450px; /* reduced this by 20px when taking out social media icons */
   float:right;
   margin-top:-90px;
   text-transform:Caplitalize;
   font-family: "Source Sans Pro", sans-serif;
   font-size:16px;
   font-weight: normal;
   /* margin-right:70px; - this shift right was to make room for social media which we are currently not displaying */ 
}
#nav .genesis-nav-menu a {
	 padding:15px;
}
#nav .genesis-nav-menu li a {
	 color:#8c8d8e;
	 text-decoration: none;
}
#nav .genesis-nav-menu li a:hover {
	 color:#23404f !important;
	 text-decoration: none;
}

/* style submenu 
..genesis-nav-menu ul.sub-menu {
	width:200px;
	}

.genesis-nav-menu ul.sub-menu li a, .genesis-nav-menu ul.sub-menu li a:hover {
	text-transform:capitalize;
	font-size: 16px !important;
	padding-top:0px !important;
	font-family:'source sans pro', sans-serif;
	color:#000;
	border:none;
	}
*/
/* submenu background color 
.genesis-nav-menu ul.sub-menu, .genesis-nav-menu ul.sub-menu li a {
	background-color:#ebebeb;
	}
.genesis-nav-menu ul.sub-menu {
	border:none;
	padding-top:15px;
	padding-bottom:5px;
}
*/
/* color of current menu item */
.genesis-nav-menu .current-menu-item a, .genesis-nav-menu .sub-menu .current-menu-item a {
	color:#67c1b2 !important;
}
.genesis-nav-menu li:not(.current-menu-item) a, .genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
	color:#8c8d8e !important;
}
/** social Media icons ***/
.social-media {
	float:right;
	margin-top:-50px;
	display:none;
	}
.social-button {
	margin-right:15px;
	}

/********** homepage ***********/

/* style homepage big image and overlaying text */

.homebox-bigimage img {
	width:100%;
	}
.homebox-bigimage .home-image2 {
	display:none;
	}
.homebox-name {
	position: absolute;
	top: 25%;
	right: 5%;
	width: 35%
	}

.homebox-quote {
	position: absolute;
	top: 65%;
	right: 5%;
	width: 35%
	}
.homebox-quote p.quote-text {
	font-size: 2.4vw;
	line-height:3.8vw;
	color:#fff;
	}

.homebox-quote p.quote-signature {
	font-size: 1.5vw;
	line-height:2.7vw;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	margin-right:5%;
	}
/* home intro text */
.home-intro-text p {
	font-size:1.8vw;
	line-height:3.8vw;
	color:#23404f;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}
.home-intro-text, .home-intro-button {
	clear:both;
	}

	
.home-intro-button .homebutton a {
	color: #fff; 
	background-color: #8c8d8e; 
	padding: 30px 20px 30px 20px;
	text-align:center;
	font-size:22px;
	}
.homebutton  {
	padding-top:45px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	}
.homebutton a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#67c1b2;
	}

.home-text-right-dot {
	display:none;
	}
.home-dots img {
	margin:0;
	}

/***** secondary pages *********/
/* limit content area to 750px on all pages but home and about */
body:not(.home):not(.page-id-2) #content {
	max-width: 650px !important; 
}
body:not(.home) #content {
	padding-top: 50px;
	padding-bottom:35px;
	margin-left:38px;
	}
/*** sub-page banners */
.banner-background {
	position:relative;
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;	
	background-image:url('/wordpress/wp-content/uploads/PSNext_SecondaryTopBanner2.jpg');	
	width:100%;
	height:140px;
	background-size:cover;
	}

.bannercontainer {
	display:flex;
	justify-content:left;
	align-items:flex-end;
	top:0;
	left:0;
	height:100%;
	max-width:1040px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding: 0 4% 0 4%;
	}
.subpage-title {
	flex:1;
	padding-bottom:20px;
	}
.subpage-title h1 {
	font-size:40px;
	color:#fff;
	text-align:left;
	display:inline;
	font-weight:normal;
	margin-bottom:0;
}
/*** coaching page ****/
.contactme-button img {
	max-width:100px !important;
	}
/**** testimonials page *****/
h2.testimonial-green-text {
	font-size:20px;
	font-weight:600;
	display:inline-block;
	margin-bottom:0;
	}
.page-template-testimonials-template h2.entry-title {
	display:none;
	}
.page-template-testimonials-template h2:before {
	background-size: 14px 14px;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	}
.pswn-signature {
	text-align:right;
	color:#67c1b2;
	font-size:16px;
	}
.testimonial-container {
	margin-bottom:25px;
	}
/***** about page *****/
.aboutme-image img {
	max-width:250px !important;
	width:100%;
	}
	
/******* contact page **********/
.wpcf7-form input[type=submit] {
	background-color:#67c1b2;
	margin-top:20px;
	padding:8px 16px 8px 16px;
	font-size:18px;
	}
.wpcf7-form input {
	padding:2px 2px 2px 5px;
	font-size:15px;
	}
/*** posts ****/
/* size headers on archive pages */
body.archive h2.entry-title a, body.archive h2.entry-title {
	font-family: "source sans pro", sans-serif;
	font-size:24px;
	font-weight: bold;
	margin-bottom:15px;
	}
a.moretag, a:visited.moretag, a:hover.moretag {
	color:#6ebae4 !important;
	font-size:14px;
	font-family:"source sans pro", sans-serif;
}
/* hide "continue reading because we added readmore */
.post .post-more {
	display:none;
}
/* hide comments on custom post types */
#comments {
	display:none;
}
/*** pagination ***/
/*** make pagination lineup horizontally **/
.navigation li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.navigation li a {
	color:#959595;
}
/* set acive page nav color */
.navigation li.active a {
	color:#23404f;
	font-weight:bold;
	}
/* add flexbox to center pagination */
.navigation {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
}
/* make sure paging  starts on a new line in the flex box */
.page-id-25 .navigation {
	flex:100%;
}
.navigation ul {
	flex-grow:0;
}
.navigation ul li {
	list-style-type: none;
	}
/******* footer ************/
#footer {
	padding-top:0px;
	padding-bottom:30px;
	}

#footer-widgets {
	/* set background color  */
	background-color:#8c8d8e !important;
	padding-top:30px;
	margin-bottom:15px;
	padding-bottom:10px
}
/* 4 Footer widgets */
#footer-widgets .widget-area {
	width:100%;
	float:left;
}

/* style fonts */
#footer-widgets h4 {
	font-family: "Source Sans Pro", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	border-bottom:0px;
	font-weight:normal;
	padding-bottom:0;
}
#footer-widgets p {
	font-family: "Source Sans Pro", sans-serif;
	color:#fff;
	font-size:16px;
	float:left;
	margin-right:20px;
}
#footer-widgets a {
	color:#fff;
	}
/* footer widget menu styling */
#footer-widgets ul li a {
	font-family: "Source Sans Pro", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	text-decoration:none;
}
#footer-widgets ul li {
	padding-bottom:5px;
}
.footer-social-media {
	float:left;
	display:none;
	}
/* copyright and site credits */
.footer-left {
	float:left;
	width:400px;
	color:#8c8d8e;
	}
.footer-right {
	float:right;
	width:100px;
	}
.footer-right a, .footer-right a:hover {
	color:#8c8d8e;
	}

@media only screen and (max-width:1500px) and (max-height:900px) {
	/* make sure face and quote are above fold on laptop (swap to wider image )*/
	.homebox-bigimage .home-image1 {
		display:none;
		}
	.homebox-bigimage .home-image2 {
		display:block;
		}
	.homebox-quote {
	 	top:51%;
		}
	.homebox-name {
	 	top:13%;
		} 
	.homebox-quote p.quote-text {
		font-size:2.2vw;
		line-height:3.4vw;
		margin-bottom:20px;
		}
} /* max-width:1500px and max-height:900px */

@media only screen and (max-width:1300px) and (max-height:900px) {
	.homebox-bigimage .home-image2 {
		width:110%;
		max-width:110%;
		}
} /* (max-width:1300px) and (max-height:900px) */

@media only screen and (max-width:1200px) {
	.banner-background {
		background-image:url('/wordpress/wp-content/uploads/PSNext_SecondaryTopBanner.jpg');	
		background-size:cover;
		}
} /* 1200 */
@media only screen and (max-width:1200px) and (max-height:900px) {
	.homebox-bigimage .home-image2 {
		width:115%;
		max-width:115%;
		}
	.homebox-quote {
	 	top:54%;
	 	right:4%;	
		}
	.homebox-name {
	 	top:19%;
		} 
} /* (max-width:1200px) and (max-height:900px) */

@media only screen and (max-width:1040px) {
	/* make sure face and quote are above fold on laptop (swap back to original image */
	.homebox-bigimage .home-image1 {
		display:block;
		}
	.homebox-bigimage .home-image2 {
		display:none;
		}
	
	.homebox-quote p.quote-text {
		font-size:2.6vw;
		line-height:3.8vw;
		margin-bottom:20px;
		}
	.homebox-quote p.quote-signature {
		font-size:1.7vw;
		}
	/* home intro text */
	.home-intro-text p {
		font-size:20px;
		line-height:35px;
	}
	.homebox-quote {
	 	top:58%;
	 	width:37%;
	 	right:4%;
		}
	.homebox-name {
	 	top:23%;
	 	width:37%;
	 	right:4%;
		} 
} /* 1040 */
@media only screen and (max-width:767px) {
	/* switch to mobile menu */
	#nav {
		display:none;
	}
	/* reposition mobile button and social icons */
	button#responsive-menu-button {
		top:45px !important;
	}
	/* set background for responsive menu */
	div#responsive-menu-container.slide-left {
		background-color:transparent;
		}
	div#responsive-menu-wrapper {
		padding-top:20px;
		padding-bottom:20px;
		padding-right:20px;
		background-color:#fff !important;
		border:1px solid #8c8d8e;
		}
	a.responsive-menu-item-link {
		font-weight:600;
		}
	
	.home-text-right-dot {
		display:block;
	}
	/** social Media icons ***/
	.social-media {
		margin-top:-45px;
		margin-right:80px;
	}
	.banner-background {
		height:auto;
		background-image:url('/wordpress/wp-content/uploads/PSNext_SecondaryTopBanner300.jpg');
		}
	.subpage-title {
		padding-bottom:10px;
		padding-top:50px;
		}
		
} /* 767 */



@media only screen and (max-width:500px) {
	/** social Media icons ***/
	.social-media {
		margin-top:0px;
		margin-right:-10px;
	}
	.homebox-quote p.quote-text {
		font-size:2.7vw;
		line-height:4vw;
		margin-bottom:10px;
		}
	.homebox-quote p.quote-signature {
		font-size:1.7vw;
		}
	.homebox-quote {
	 	width:40%;
	 	right:3%;
		}
	
-	
} /* 500 */

@media only screen and (max-width:375px) {
	.banner-background {
		background-position:-30px;
		}
} /* 350 */