/*
Theme Name:     Winnwriter Genesis child theme 3.0
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");  Use code below for genesis 3.x */
@import url("style-genesis-sample-3-2.css");


/* ## Headings and Fonts
--------------------------------------------- */

/* colors */
/**** colors ****/
:root {
--gray: #454545; 
--light_green: #0badad;
--light_blue:#1089a3;
--blue: #0c5b83;
--dark_blue: #031215;
--logo_green:#2b5735;
--linkblue:#1cabf2;
--rust:#b14b33;
--headingblue:#436796;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 15px;
	color:var(--gray);
}

h1, h1.entry-title {
	font-family: 'lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom:35px;
	color:var(--gray);
}

h2, h2.entry-title  {
	font-size: 20px;
	color:var(--headingblue);
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}
body > div {
    font-family: 'Georgia', serif;
	font-size: 18px;
	font-weight: normal;
    color:var(--gray);
    line-height:1.5em;
}
p {
	margin-bottom:1.2em;
    font-family: 'Georgia', serif;
	font-size: 18px;
	font-weight: normal;
    color:var(--gray);
}
a, a:visited, .entry-title a, a:hover {
	color:var(--linkblue);
	text-decoration: none;
}

a:hover, .entry-title a:hover {
	text-decoration:underline;
}
a:active {
    outline:none;
	/*-moz-outline-style: none; not sure if I need this too  */
}

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

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

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap, .site-inner {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto; 
}
.site-inner {
    padding:0;
}
/********* header settings *************/
.site-header {
    	box-shadow:none;
    	position:relative;
}
.site-header .wrap {
	margin-top:30px;
	margin-bottom:30px;
}
.title-area {
    float:none;
    padding-top:0;
}
.title-area p {
	display:none;
	max-width:260px;
	height: auto;
}
/*
.site-title a {
  font-family: "pt sans";
  color: #305b3a;
  font-size: 65px;
  font-weight: normal;
  font-style: italic;
}
*/
/* set dimensions of logo */

.logo h1 {
  font-family: "pt sans";
  color: #305b3a;
  font-size: 55px;
  font-weight: normal;
  max-width:260px;
  margin-bottom:10px;
  letter-spacing:-1px;
  }
 .logo a:hover {
     text-decoration:none;
 }
/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:5px;
}
.content {
	float: none;
	width: 100%;
	}

/********** navigation ****************/
.nav-primary {
    width:350px;
    float:right;
}
.nav-primary .wrap {
    margin-top:0 !important;
    margin-bottom:0;
    background-color:transparent !important;
    padding-right:0 !important;
    padding-left:0 !important;
}
/* move main menu to right of logo */
.nav-primary .genesis-nav-menu {
   text-transform:uppercase;
   font-family: "PT Sans", sans-serif;
   font-size:16px;
   font-weight: normal;
  
}
.nav-primary .menu-item {
    float:left;
}
/* remove sub-menu arrow indicator */
.nav-primary .sf-sub-indicator {
    display:none;
}
.nav-primary .genesis-nav-menu a {
	 padding:20px 20px 20px 0;
}
.genesis-nav-menu li a {
	 color:var(--dark_blue);
	 text-decoration: none;
}
.genesis-nav-menu li a:hover {
	 color:var(--light_green) !important;
	 text-decoration: none;
	 font-family: "PT Sans", sans-serif;
}
.genesis-nav-menu li a:hover span {
    padding-bottom:3px;
    font-weight:700;
    border-bottom:solid 2px var(--light_green);
}

/* put a charatecr between menu items */

.genesis-nav-menu li:not(:last-child) a::after {
    content:" ";
    margin-left:20px;
    margin-bottom:-2px;
    height: 15px;
    width: 1px;
    background-color: var(--dark_blue);
    display: inline-block;
}
.genesis-nav-menu .sub-menu li a:after {
    display:none;
}
/* there are no submenus */
/* submenu width 
.genesis-nav-menu .sub-menu{
	position:absolute !important;
	width:180px;
}

.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:'PT Sans', 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 span, .genesis-nav-menu .sub-menu .current-menu-item a span, .genesis-nav-menu .current-menu-parent a span {
	color:var(--light_green);
	padding-bottom:3px;
    font-weight:700;
    border-bottom:solid 2px var(--light_green);
}
.genesis-nav-menu li:not(.current-menu-item):not(.current-menu-parent) a, .genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
	color:var(--dark_blue);
}


/********** homepage ***********/
/* don't display page title */
.home h1.entry-title {
	display:none;
}
.home .site-header .wrap {
    background-color:rgba(255,255,255,.7);
    padding-left:30px;
    padding-right:10px;
    margin-top:60px;
}
.home .site-header {
    background-image:url("/wp-content/uploads/Hero_Background.jpg");
    background-size:cover;
    height:1100px;
    background-position:bottom right;
    position:relative;
}
.home .title-area {
    padding-top:25px;
}

.home-header-h1 {
    font-size:18px;
    line-height:28px;
    color:var(--blue);
    float:left;
    margin-bottom:0;
}
.home-headertext {
    font-size:18px;
    line-height:28px;
    color:var(--blue);
    max-width:1150px;
    padding-right:30px;
    font-family:"Lato", sans-serif;
}
.home .site-inner {
    padding-top:0;
    margin-top:-914px;
    width:100%;
    height:918px;
}
.home-content {
	background-color:rgba(255,255,255,.7);
	z-index:20000;
	margin-left:0 !important;
	margin-right:0 !important;
	position:relative;
}
.home-content .vc_column-inner {

}
.home-content-text {
    padding-left:25px;
	padding-right:10px;
	max-width:1100px;
}
.home-content-text p {
    font-size:18px;
    line-height:28px;
    color:var(--blue);
    font-family:"Lato", sans-serif;
}
.header-widget-area {
    display:none;
}
.home .footer-widgets {

}

/***** secondary pages *********/
.subpage-headerline {
    max-width:1370px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    border-bottom:2px solid var(--gray);
}
body:not(.home) .title-area {
    padding-bottom:0;
}
/* limit content area to 850px */
body:not(.home) .content {
/*	padding-top:50px; */
/*	padding-left: 5%;
	padding-right: 5%; */
	margin-left: 0;
/*	margin-right: auto;*/
}
body:not(.home) .header-widget-area {
    display:none;
}
.subpage-banner {
    height:77px;
    width:100%;
    background-image:url("/wp-content/uploads/SubPageMasthead.jpg");
    background-size:cover;
    background-position:top left;
}
.subpage-banner img {
    object-fit:cover;
}

/***** about page *****/
.bio-text {
	max-width:800px;
}
/******** Contact Page ******/
.contactform .wpforms-field-label {
    font-family:"lato", sans-serif;
    font-weight:normal !important;
}
.contactform-button {
    width:100% !important;
    background-color:var(--gray) !important;
    font-family:"Lato", sans-serif !important;
    border-radius:0 !important;
    padding-bottom:30px !important;
}
.contactform input {
    padding:8px !important;
}
.contactform {
    max-width:636px;
    margin-left:0 !important;
}
/****** Works page *******/
.works-recentwork a,
.works-solstice a,
.works-purchase a,
.works-mrs-somebody a {
    text-decoration:underline;
}

/**** Events Page *****/
.page-id-12 h1.entry-title {
    display:none;
}
.upcoming-loop-container {
    max-width:950px;
}
.upcoming-loop-container h2.entry-title {
    display:none;
}
.upcoming-loop-container .eventdate {
    font-family:"lato", sans-serif;
    color:var(--light_blue);
    font-weight:700;
    font-size:18px;
    line-height:28px;
}

.upcoming-loop-container .entry-meta {
    display:none;
}
.upcoming-loop-container .post {
    border-bottom:2px solid #bfd8e0;
    padding-bottom:30px;
    margin-bottom:30px;
}
/*** posts ****/
/* size headers on archive pages 
body.archive h2.entry-title a, body.archive h2.entry-title {
	font-family: "Lato", 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:"lato", sans-serif;
}*/
/* hide "continue reading because we added readmore */
.post .post-more {
	display:none;
}
/* hide comments on custom post types 
#comments {
	display:none;
} */
/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:var(--light_blue);
    background-color:#fff;
    font-family:"Lato", sans-serif;
}
 
/* set achive page nav color */
.pagination li.active a, .pagination li a:hover {
	color:var(--linkblue); 
    background-color:#fff;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
}
/******* footer ************/
/********** basic footer setting *********/
/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
.site-footer {
    border-top:0px;
    background-color:var(--gray);
    padding-top:0;
}
.site-footer p, .site-footer a, .site-footer {
    color:#fff;
    text-align:left;
    font-family:"PT Sans", san-serif;
    font-size:16px;
}
.footer-left {
    float:left;
}
.footer-right {
    float:right;
}
.footer-right img {
    margin-left:15px;
}
.footer-widgets .wrap, .site-footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
}
.footer-widgets {
	/* set background color and add paint splash images */
	background-color:var(--gray) !important;
	padding:25px 25px 0 25px;
	padding-bottom:0;
}
/* 2 Footer widgets */
.footer-widgets .widget-area {
	float:left;
	margin-bottom:0;
	padding:0;
}
.footer-widgets-1 {
    width:260px;
}
.footer-logotext  {
    margin-bottom:0;
    margin-top:-10px;
}
.footer-logotext a {
  font-family: "pt sans";
  color: #fff;
  font-size: 55px;
  line-height:55px;
  font-weight: normal;
  letter-spacing:-1px;
}
.footer-logotext a:hover {
    text-decoration:none;
    color:#fff;
}
.footer-widgets-2 {
    width:calc(100% - 260px);
    margin-top:12px;
}

/* style fonts */

.footer-widgets p {
	font-family: "PT Sans", sans-serif;
	color:#fff;
	font-size:16px;
}
.footer-menu a {
    color:#fff;
    margin-right:10px;
    margin-left:10px;
    font-family: "PT Sans", sans-serif;
    font-size:16px;
    
}
.footer-menu a:hover {
    padding-bottom:5px;
    border-bottom:solid 1.5px #fff;
    text-decoration:none;
}



@media only screen and (max-width:1420px) {
    .subpage-headerline {
        margin-left:20px;
        margin-right:20px;
        max-width:100%;
    }
 
}/* 1400 */
@media only screen and (max-width:1360px) {
    .site-inner {
        padding-left:5%;
        padding-right:5%;
        max-width:100%;
    }
    .site-header,
    .site-footer,
    .footer-widgets {
        padding-left:5%;
        padding-right:5%;
    }
} /* 1360 */
@media only screen and (max-width:850px) {
    .footer-right, .footer-left {
        width:100%;
        float:none;
    }
    .footer-right {
        margin-bottom:30px;
    }
    .site-footer .wrap {
        display:flex;
        flex-wrap:wrap;
    }
    .footer-right {
        order:1;
    }
    .footer-left {
        order:2;
    }
    .footer-right img {
        margin-left:0;
        margin-right:15px;
    }
		
} /* 850 */

@media only screen and (max-width:767px) {
    /* switch to mobile menu */
	.nav-primary {
		display:none;
	}
	.bio-text img {
	    max-width:50%;
	}
	.works-solstice {
	    display:flex;
	    flex-wrap:wrap;
	}
	.works-solstice-col1 {
	    order:2;
	}
	.works-solstice-col2 {
	    order:1;
	}
	.works-solstice-image {
	    text-align:left !important;
	}
}/* 767 */

@media only screen and (max-width:650px) {
    .home .site-header {
        height:800px;
    }
    .home .site-inner {
        height:618px;
        margin-top:-614px;
    }
    .footer-widgets-2 {
        width:100%;
    }
    .footer-widgets-2  p {
        float:left;
        text-align:left;
        line-height:40px;
    }
    .footer-widgets-1 {
        margin-bottom:20px;
    }
} /* 650 */
@media only screen and (max-width:550px) {
    .logo {
        margin-top:40px;
       /* max-width:90%;*/
    }
    /*
    .logo h1 {
        font-size:60px;
        width:270px
    }
    */
    .home .logo {
       /* margin-top:70px;*/
        
    }
    .home .site-inner {
        margin-top:-580px;
        height:584px;
    }
    .home .logo h1 {
        font-size:50px;
    }


}
@media only screen and (max-width:350px) {
	
} /* 350 */