/*

 Theme Name:   Sue Ward Drake Child

 Theme URI:    http://generatepress.com

 Description:  GeneratePress child theme for Sue Ward Drake

 Author:       Web Crafters

 Author URI:   http://www.webcraftersdesign.com

 Template:     generatepress

 Version:      0.1

 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

*/

.site-header {

	background: #00685A;

}

@media (min-width: 769px) {	

	.secondary-nav-float-right .secondary-navigation {

		float: right;

		 margin-top: 10px;

	}

}

@media (min-width: 935px) {	

	.secondary-nav-float-right .secondary-navigation {

		 margin-top: 25px;

	}

}

@media (min-width: 1162px) {	

	.secondary-nav-float-right .secondary-navigation {

		margin-top: 45px;

	}

}



@media (max-width: 768px) {

	#menu-social-menu.secondary-navigation .menu-toggle, .secondary-navigation.toggled ul.secondary-menu {

		display: block;

		width: 235px;

		margin: 0 auto 0 auto;

	}

	.secondary-nav-aligned-right.secondary-nav-below-header .secondary-navigation .menu > li, .secondary-nav-aligned-right.secondary-nav-below-header .secondary-navigation .sf-menu > li, .secondary-nav-aligned-right.secondary-nav-above-header .secondary-navigation .menu > li, .secondary-nav-aligned-right.secondary-nav-above-header .secondary-navigation .sf-menu > li, .secondary-nav-aligned-center.secondary-nav-below-header .secondary-navigation .menu > li, .secondary-nav-aligned-center.secondary-nav-below-header .secondary-navigation .sf-menu > li, .secondary-nav-aligned-center.secondary-nav-above-header .secondary-navigation .menu > li, .secondary-nav-aligned-center.secondary-nav-above-header .secondary-navigation .sf-menu > li {

			float: right !important;

			clear: none;

			padding: 0 5px 10px 5px;

		}

}

.main-title {

	float: none;

	text-align: center;

	margin-left: 0;

	font-size: 54px;

}

@media (min-width: 485px) {

	.main-title {

		font-size: 64px;

	}	

}

@media (min-width: 585px) {

	.main-title {

		font-size: 76px;

	}	

}

@media (min-width: 769px) {

	.main-title {

		font-size: 68px;

		text-align: left;

		margin-left: 5px;

	}

}

@media (min-width: 935px) {

	.main-title {

		font-size: 64px;

		float: left;

		text-align: left;		

	}

}

@media (min-width: 1050px) {

	.main-title {

		font-size: 72px;

	}

}

@media (min-width: 1162px) {

	.main-title {

		font-size: 85px;

	}

}

.site-description {

	float: none;

	letter-spacing: 1px;

	font-size: 21px;

	margin-top: 0;

	text-align: center;

	margin-bottom: 25px;

}

@media (min-width: 358px) {	

	.site-description {			

		font-size: 20px;

	}	

}

@media (min-width: 769px) {	

	.site-description {

		float: left;

		margin-top: 0px;

		margin-left: 5px;

		text-align: left;

		font-size: 24px;

	}	

}

@media (min-width: 935px) {	

	.site-description {

		margin-top: 35px;

		margin-left: 25px;

		font-size: 20px;

	}	

}

@media (min-width: 1050px) {	

	.site-description {

		font-size: 24px;

	}	

}

@media (min-width: 1162px) {	

	.site-description {		

		margin-top: 50px;

	}

}

.site-content {

    background: #faf7f2;

}

.inside-content-header {

    background-image: url(/images/home-bg-062020.jpg);

    background-size: cover;

    background-position: center top;

    background-color: #FAF7F2;

    padding: 25px 0 ;

}

@media only screen and (min-width: 769px) {

	.inside-content-header {
		
		background-size: contain;

		padding: 25px 25px 25px 0;

	}		

}

.entry-content, .entry-summary, .page-content {

    margin: 1em 0 0;

}

.sidebar .widget {

    background-color: #faf7f2;

}

.sidebar .widget-title {

    margin-bottom: 15px;

}

.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar {

	margin-bottom: 25px;

}

.inside-left-sidebar .widget-title {

   font-size: 1.65em;

   text-align: center;

}

.footer-widgets .widget-title {

    text-align: center;

}

/*CUSTOM STYLES*/

h5 {

	color: #059477;

	font-size: 1.25em;

	font-weight: 400;

	text-align: center;

}

@media only screen and (min-width: 769px) {

	h5 {

		font-size: 1.5em;

	}	

}

.col2thirdleft {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 769px) {

	.col2thirdleft {

		float: left;

		width: 65%;	

	}

}

.col1thirdright {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 769px) {

	.col1thirdright {

		float: right;

		width: 30%;	

	}

}

.col2thirdright {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 769px) {

	.col2thirdright {

		float: right;

		width: 65%;	

	}

}

.col1thirdleft {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 769px) {

	.col1thirdleft {

		float: left;

		width: 30%;	

	}

}

.col1third {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: 10px auto 30px auto;

}

@media only screen and (min-width: 769px) {

	.col1third {

		float: left;

		width: 31%;

		padding: 0 1.1666666666666667%;

	}	

}

.col1half {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 655px) {

	.col1half {

		float: left;

		width: 45%;

		padding: 0 2.5%;

	}

}

.col1halfright {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 655px) {

	.col1halfright {

		float: right;

		width: 45%;

		padding: 0 2.5% 0 0;

	}

}

.col1halfleft {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: auto;

}

@media only screen and (min-width: 655px) {

	.col1halfleft {

		float: left;

		width: 45%;

		padding: 0 2.5% 0 0;

	}

}

.col1fourth {

	float: none;

	width: 98%;

	padding: 0 1%;

	margin: 10px auto 30px auto;

}

@media only screen and (min-width: 941px) {

	.col1fourth {

		float: left;

		width: 22%;

		padding: 0 1.5%;

		margin: 0 auto 30px auto;

	}	

}

.clearDiv {

	clear: both;

}

.button.ghost {

	margin: 15px;

}

@media only screen and (min-width: 769px) {

	.button.ghost {

		margin: 0 15px;

	}		

}

.button.ghost,

.button.ghost:visited {

    background: transparent;

    border: 2px solid #FFF;

}



.button.ghost:hover,

.button.ghost:active {

    background: #00685A;

    color: #fff;

    border: 2px solid transparent;

}

li.goodreads {

	font-size: 125%;

}

/*Home Pages*/

.inside-content-header {

    background-repeat: no-repeat;

}

p.homeBookCover {

    margin-bottom: 10px;

	text-align: center;

}

.bookCover {

    float: none;

    background: #fff;

    padding: 5px;

    -webkit-box-shadow: 1px 1px 3px 1px #b5b4b4;

    -moz-box-shadow: 1px 1px 3px 1px #b5b4b4;

	box-shadow: 1px 1px 3px 1px #b5b4b4;

	max-width: 200px;

}

.bookCoverBox {

    float: none;
	max-width: 200px;

}

@media only screen and (min-width: 458px) {

	.bookCover, .bookCoverBox {

		max-width: 225px;

	}		

}

.bookCoverHome {

	float: none;

	background: #fff;

	padding: 5px;

	margin: 15px auto;

	width: 200px;

}

@media only screen and (min-width: 458px) {

	.bookCoverHome {

		margin: 0 0 5px 0;

		width: 100%;

		max-width: 250px;

	}

}

.reviewQuote {

	font-size: 1em;

	font-style: italic;

	margin: 2%;

	text-align: center;

}

@media (min-width: 458px) {

	.reviewQuote {

		font-size: 1.125em;

	}

	

}

@media (min-width: 592px) {	

	.reviewQuote {

		font-size: 1.25em;

	}

}

@media only screen and (min-width: 1200px) {

	.reviewQuote {

		font-size: 1.5em;

	}

}

.homeCallOut {

	font-style: normal;

	font-size: 2em;

}

.homeTitle {

	font-style: normal;

	font-size: 2em;

}

.homeButtons {

	text-align: center;

}

@media only screen and (min-width: 769px) {

	.homeButtons {

		text-align: right;

	}

}

/*Book Page*/

.booksPage {

	margin: 0 auto;

	width: 90%;

	max-width: 250px;

}

/*Mailing List Sign Up*/

input[type="text"].join, input[type="email"].join, textarea.join {

    width: 90%;

}

input[type="submit"].join {

    background: #00685A;

    border: 2px solid #FFF;

}

input[type="submit"].join:hover {

    background: #059477;

    border: 2px solid #FFF;

}

/*News & Events */

.date {

	color: #00685A;

	font-weight: bold;

	margin-bottom: 5px;

}

.footerCalloutBar {

	text-align: center;

	background: #fff;

    margin-bottom: 0px;

	padding: 5px;

}

.linkButton {

    display: inline-block;

    padding: 15px 20px;

    text-align: center;

    cursor: pointer;

    border: none;

    color: #fff;

    text-transform: uppercase;

    margin: 10px;

}

.linkButton:hover  {

	background: #00685A;

	color: #fff;

}

.linkButton a, a.linkButton  {

	color: #fff;

	text-decoration: none;

}

.lightGreenButton {

	font-size: 1.25em;

	background: #059477;	

}

.greenButton {

	background: #00685A;

}

.greenButton:hover {

	background: #059477;

}

.footerSocial {

	font-size: 28px;

	text-align: center;

	background: #FFFFFF;

    margin-bottom: 0px;

	padding: 10px 0;

}

.footerSocial a {

	padding: 0 15px;

}

.buyBtn {

	padding: 5px 10px;

}

/*About Page*/

.bioPicDiv {

    float: none;

	margin: 20px auto;

	width: 200px;

}

.bioPicture {

    background: #fff;

    padding: 5px;

    -webkit-box-shadow: 1px 1px 3px 1px #b5b4b4;

    -moz-box-shadow: 1px 1px 3px 1px #b5b4b4;

	box-shadow: 1px 1px 3px 1px #b5b4b4;

	width: 100%;

}

@media only screen and (min-width: 458px) {

	.bioPicDiv {		

		width: 213px;

	}		

}

@media only screen and (min-width: 769px) {

	.bioPicDiv{

		float: right;

		margin: 0 0 15px 50px;

	}

}

.funFacts {

	clear: both;

	margin: 25px 0;

	padding: 2.5%;

	border: 3px solid #059477;

	width: 95%;

}

@media only screen and (min-width: 769px) {	

	.funFacts {

		margin: 50px 0;

		padding: 2.5% 5%;

		width: 90%;

	}		

}

.funFacts ul {

    margin: 0 15px 25px 25px;

}

@media only screen and (min-width: 897px) {	

	.funFacts ul {

		margin: 0 25px 25px;

	}		

}

.funFacts li {

    margin: 10px 0;

}

.website-recaptcha iframe {

	width: 100%;

	max-width: 225px;

}

.photoCredit {

	margin-right: 25px;

	color: #00685A;

	text-align: right;

	font-size: .625em;

}

/*block editor styles*/
.booksPage {
	margin: 5px auto 15px auto;
}
@media only screen and (min-width: 947px) {
	.booksPage {
		margin: 5px auto 15px aut
	}	
}
.wp-block-separator {
	margin: 3em auto 2em auto;
    border: 3px solid;
}