/*
Theme Name:   Twenty Thirteen Child
Theme URI:    https://wordpress.org/themes/twentythirteen/
Description:  Twenty Thirteen Child for Sharon K Penman
Author:       Danielle Campisi
Author URI:   http://daniellecampisi.me
Template:     twentythirteen
Version: 3.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentythirteen
*/

body { 
background-color: #d9d4ca;
color: #565248;
font-size: 18px;
}

body a, article a, .entry-content a, .entry-conntent-full a, .widget-area a{ 
color: #a9111c;
}

body a:visited, article a:visited, .entry-content a:visited, .entry-conntent-full a:visited, .widget-area a:visited{ 
color: #a9111c;
}

body a:hover, article a:hover, .entry-content a:hover, .entry-conntent-full a:hover, .widget-area a:hover{ 
color: #dd0515;
}

body a:active, article a:active, .entry-content a:active, .entry-conntent-full a:active, .widget-area a:active{ 
color: #dd0515;
}

.site {
	max-width: 1520px; }
	
	.post-edit-link {
		display: none;}

/* Remove home title */
.home .entry-title {
	display: none;
}

/* Remove Comments Closed */
.no-comments {
	display: none;
}

/* Remove all page titles */

/* 
.entry-title {
	display: none;
} */

/* Add page titles back to blog pages
.blog .entry-title, .single-post .entry-title{
	display: inline;
	font-size: 22px;
} */

/* styles for sticky blog post */
.sticky { background-color: #f2ede1;}


.sticky .entry-title > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}
.sticky .entry-meta, .categories-links, .author.vcard { display: none;}


.blog .entry-header a, .single-post .entry-header a, .entry-meta a, .post-navigation a{
	color: #a9111c;
}
.blog .entry-header a:visited, .single-post .entry-header a:visited, .entry-meta a:visited, .post-navigation a:visited{
	color: #a9111c;
}
.blog .entry-header a:hover, .single-post .entry-header a:hover, .entry-meta a:hover, .post-navigation a:hover{
	color: #dd0515;
}
.blog .entry-header a:active, .single-post .entry-header a:active, .entry-meta a:active, .post-navigation a:active{
	color: #dd0515;
}




/* Remove search bar */
.site-header .search-form {
display: none;
}

nav form {
display: none;
}

/* Center menu */

.nav-menu {
text-align: center;
}

#site-navigation {
text-align: center;
}


/* Center Site Title */
.site-title{
text-align: center;
}

/* Change Fonts */
html,
button,
input,
select,
textarea {
	font-family: 'Lato', Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Lato', Helvetica, sans-serif;
	line-height: 1.3;
}

/* Change margins */
h6 {
    margin-block-start: .33em;
    margin-block-end: .33em;
    }

.entry-content h1, .entry-content-full h1 {
	font-size: 24px;
}


h1.entry-title {font-size: 32px; font-weight:bold;}

/* Change Font & Color */
.format-link .entry-title {
	color: #dd0515;
	display: inline;
	font: 300 italic 20px 'Lato', Helvetica, sans-serif;
	margin-right: 20px;
}
/* Change Fonts */
.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px 'Lato', Helvetica, sans-serif;
	margin: 0;
}

.author-description .author-title {
	clear: none;
	font: 300 italic 20px 'Lato', Helvetica, sans-serif;
	margin: 0 0 8px;
}

.archive-title,
.archive-meta {
	font: 300 italic 30px 'Lato', Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.page-title {
	font: 300 italic 30px 'Lato', Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}
/* Change color comments section */
.comment-respond {
	background-color: #f5f0e4;
}
.comments-title {
	font: 300 italic 28px 'Lato', Helvetica, sans-serif;
}

.comment-reply-title {
	font: 300 italic 28px 'Lato', Helvetica, sans-serif;
}

/* sidebar */
.widget {
	background-color: #cdcdcc;
	font-size: 16px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0; /* removes white space between widgets */
	padding: 20px;
	word-wrap: break-word;
	text-align:center;
}
	

    /* Remove italics too */
.widget .widget-title {
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style:normal;
	margin: 0 0 10px;
}

	/* Small menu Font change*/
	.menu-toggle {
		font: bold 16px/1.3 'Lato', Helvetica, sans-serif;
			}
			
/* Other Header & Site Title Changes */
	
	
	.site-header {
		background-image: url("https://sharonkaypenman.com/wp-content/uploads/2021/02/penman-header-rev.jpg");
   min-height: 224px; 
   background-repeat: no-repeat;
  background-position: top;
  background-color: #f2e6c9;
}

/* Change Header Height & Background Color */
.site-header .home-link {
	color: #012d50;
	display: block;
	margin: 0 auto;
	min-height: 0;
	padding: 0 20px 20px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	text-align:center;
	max-width: none;
}

/* Remove underline */
	.site-header .site-title:hover {
	text-decoration: none;
}

/* Site Title Change Height & Weight - Adjust Padding */
.site-title {
	font-size: 72px;
	font-weight: 700;
	line-height: 1;
	margin: 0 auto;
	padding: 20px 0 10px !important;
	font-family: trajan-pro-3, serif;
		text-transform:uppercase;
		max-width: 500px;
		display: none;
}
.sm-title { 
font-size: 46px;
}
.site-description {
	font-size:16px;
	text-transform:uppercase;
	font-weight: bold;
	font-family: 'Lato', Helvetica, sans-serif;
	font-style:normal;
	display: none;
}

/* Changes to Navigation */
/* Change Color of Navbar */
.navbar {
	background-color: #565248;
	margin: 204px auto 0 auto;
	max-width: 1520px;
	width: 100%;
	padding: 5;
	
}

.nav-menu li {margin-bottom: 0;}

/* Change Font style & Size */
.nav-menu li a {
	color: #ffffff;
	display: block;
	font-size: 16px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
	text-transform:uppercase;
	
}

/* Change Menu colors */
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #3f3c34;
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #3f3c34;
	border: 2px solid #e4e4d8;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	color: #fff;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #dd0515;
}


.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-ancestor > a {
	color: #a9111c;
	font-style: italic;
}

/* Change Current Menu link color - keep it white */
.nav-menu .current-menu-item > a
{
	color: #ffffff;
	font-style: normal;
}

/* Change color */

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #565248;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.widget .mejs-mediaelement,
.hentry .mejs-container .mejs-controls,
.widget .mejs-container .mejs-controls {
	background: #3f3c34;
}

.format-video .entry-meta {
	color: #565248;
}


@media (max-width: 643px) {
	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #3f3c34;
		color: #fff;
	}
}

/* Change oranges db572f to teal dd0515*/

/* Audio */
.format-audio {
	background-color: #dd0515;
}

/* Video */
.format-video {
	background-color: #dd0515;
}

@media (max-width: 643px) {
.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #dd0515;
		color: #fff;
	}}
	
	
/**
 * 5.7 Post/Paging Navigation Color Change
 * ----------------------------------------------------------------------------
 */

.navigation a {
	color: #a9111c;
}

.navigation a:hover {
	color: #dd0515;
	text-decoration: none;
}

.paging-navigation {
	background-color: #fffcf0;
	padding: 40px 0;
}

.paging-navigation .meta-nav {
	background-color: #565248;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation a:hover .meta-nav {
	background-color: #dd0515;
	text-decoration: none;
}



/* Content - change width & padding for content & sidebar*/
.entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 1520px;
    padding: 0 526px 0 60px;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 1520px;
	padding: 0 526px 0 60px;
}

.site-main .sidebar-inner {
    margin: 0 auto;
    max-width: 1520px;
}
.site-main .widget-area {
    float: right;
    width: 400px;
	margin-right: 40px;
}
@media (max-width: 1043px) {
.entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 1520px;
    padding: 0;
	width: 96%;
	margin: 0 auto;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 1520px;
	padding: 0;
	width: 96%;
	margin: 0 auto;
}

.site-main .widget-area {
    float: none;
    width: 100%;
	margin: 0 auto;
}

.site-main .sidebar-container {
    height: auto;
    margin: 0 auto;
    max-width: none;
    position: relative;
    top: 20px;
}}

	
	/* Footer Changes */
	

	
	.home footer#colophon.site-footer {
		margin-top: -25px; /* delete the space above footer, content on home page */
	}
	
/* Footer Color Changes */
	.site-footer {
	background-color: #cfcdc9;
	color: #252422;
	font-size: 16px;
	text-align: center;
}
/* Center Footer */
.site-footer {
	text-align: center;
}
/* Footer Link Color Changes */
.site-footer a {
	color: #252422;
	text-decoration:underline;
}
/* Footer Color Changes */
.site-footer .sidebar-container {
	background-color: #2e2d2b;  /* #a0a09f */
	padding: 20px 0;
	color: #7d7970;
	font-size: 18px; 
}

/* For Full Width Page */
.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
	margin: 0 auto;
	max-width: 1110px;
 width: 95%;
}
/* To keep sidebar from overlapping footer - just pages that have sidebar*/
.page-template-default.sidebar .entry-content {
	min-height: 980px;
} 

.blog .entry-content {
	min-height: 200px;
}

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

.blog .post-3069 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 14px;
}

.sticky-header{
	font-size:22px;
}

.blog .post-3069 figcaption{
	font-size: 13px;
}

/* Removed extra space between menu & content */
article#post-96.post-96.page {
	margin: 0;
	padding: 0;
}

#primary.content-area {
	margin: 0;
	padding: 0;
}

/* For Full Width Footer */

.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1520px;
	width: 100%;
	padding: 0;
}

.sidebar .site-footer .widget-area {
	max-width: none;
	position: relative;
	left: 0;
}

.site-footer .widget {
	background: transparent;
	color: #3f3c34;
	float: none;
	margin-right: 0;
	width: 100%;
}
/* Center Footer Widgets */
.sidebar .site-footer .widget {
	width: 100%;
}

/* For Footer Text Colors */
.site-footer .widget {
	color: #7d7970;
}

.site-footer .widget a {
	color: #7d7970;
	text-decoration:underline;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
	color: #7d7970;
}

.site-footer .widget-area,
.sidebar .site-footer {
	text-align: center;
}

/* For Full Width Copyright */
.site-info {
	text-align:center;
}
.site-info a {
	color: #252422;
	text-decoration:underline;
	background-color: none;
}
/* there was negative margin */
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    margin-left: 0;
}

li { margin-bottom: 20px;}

/* New Secondary Bottom Menu */
.bottomMenu { display: block; width: 100%; text-align:center; margin: 20px auto;}
.bottomMenu ul { display:inline; float:none; padding: 0}
.bottomMenu li { list-style-type: none; display: inline; font-size: 16px; }
.bottomMenu li a {
	color:#3f3c34;
	line-height:1;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	padding: 15px 20px;
}
.bottomMenu li a:hover { color:#3f3c34; text-decoration:underline;}
@media (max-width: 643px) {
	.bottomMenu {
		display: none;
	}
}

.my-copyright { 
padding: 20px 0; 
clear: both;
margin-top: 20px;}

/* Parallax Sections */
.parallax1 {
  /* The image used */
  background-image: url("https://4authorsmedia.com/sharonkaypenman/wp-content/uploads/2020/03/book-background.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Home Featured Book Section */

.featured-book {
	width: 96%;
	margin: 0 auto;
	padding: 40px 0 20px 4%;
	color: #3f3c34;
	font-size: 18px;
}

.featured-book h2{
	color: #a9111c;
	font-size: 34px;
}

.red {color: #a9111c;}

.subtitle {
	font-size: 24px;
}

/* Columns for the Book & Content */
.wp-block-columns {
  display: flex;
}

.wp-block-column {
  flex: 1;
}

.wp-block-column.left-column {
	
  flex-basis: 63%;
  
  
}

.wp-block-column.right-column {
  
  flex-basis: 33%;
  
  
}

@media screen and (max-width: 764px) {
	
	.wp-block-my-gvb-variable-column.front-wrapper {
		display: block;
	}
	
  .wp-block-columns.has-2-columns {
    flex-flow: row wrap;
  }
  
  .has-2-columns .wp-block-column:first-child {
    flex-basis: 100%;
  }
}

@media (max-width: 478px) {
  .wp-block-columns.has-2-columns {
    display: block;
  }
  
  .wp-block-column {
    margin: 20px 0;
  }
}

/* Rotating Quotes */

.testimonial_rotator_quote {
	font-size: 24px;
}

.quote-source {
	font-size: 20px;
}

/* Home Buttons */
.myButton {
	background-color:#ffffff;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #a9111c;
	display:inline-block;
	cursor:pointer;
	color:#565248;
	font-family:'Lato', Helvetica, sans-serif;
	font-size:18px;
	padding:18px 37px;
	text-decoration:none;
}

.myButton a{
	color:#565248;
}

.myButton:hover {
	background-color:#8b1d1f;
}
.myButton:active {
	position:relative;
	top:1px;
}

.home .hentry {
    padding: 0;
}

.author-section{
	min-height:200px; 
	background-color: #8d0e18;
	background-image: url('https://4authorsmedia.com/sharonkaypenman/wp-content/uploads/2020/03/fire-background.jpg'); 
	background-size: cover;
	background-position: bottom;
	font-face: 'Lato', Helvetica, sans-serif;
	font-size: 22px;
	color: #ffffff;
	text-shadow: 2px 2px 20px #000000;
	text-align:center;
}

.authorwrap {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	padding: 40px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* Standard syntax (must be last) */
}

.author-section h2{
	color: #349e9c;
		font-size: 36px;
		font-weight: normal;}
		
		
		
.testimonial_rotator.template-default .testimonial_rotator_author_info {
    font-style: italic;
    line-height: 1.2em;
    padding: 10px 0 10px 15px;
    border-left: none !important;
    margin: 10px 0;
}

		
	.social {
			width:96%;
			max-width: 900px;
			margin: 0 auto;
			padding-top:20px;
		}
		
		img.social-buttons {
			padding-right: 20px;
			
		}


.mobile-only {
	display: none;
}

/* Home Books Section */

.books-wrap {
	min-height: 200px;
	clear:both; 
	padding : 0 40px 10px 0;	
	margin: 0 auto;
	max-width: 1520px !important;
 width: 100%;
 text-align:center;
}

.books-wrap.wp-block-gallery {
	margin: 0 auto;
	padding: 0;
}

.books-wrap h2{
	font-family: 'Lato', Helvetica, sans-serif;
	padding: 40px;
	margin-top: 0px;
	color: #3f3c34; 
	font-size: 26px;
	z-index: 100 !important; 
}

.books-gallery {
	margin: 0 auto;
	max-width: 1210px;
 width: 95%;
 padding-top: 20px;
 padding-bottom: 40px;}

/* Carousel */
.owl-carousel {width: 658px; margin: 0 auto;}
.owl-item {width: 195px !important; margin: 0 10px;}
 .owl-item img { max-height: 300px !important; max-width: 195px !important; }
 .owl-wrapper {bottom-margin: 40px;}
.owl-dots {display:none;}


/* Facebook & Blog Feeds */

.feeds-wrap {
	min-height: none;
	padding: 60px 0;
	
}

.feeds {
	width: 90%;
	margin: 0 auto;
	font-family: 'Lato', Helvetica, sans-serif;
	color: #3f3c34;
}

.feeds a{
		color: #dd0515;
}

.fb-feed {
		float: left;
		margin: 0 auto 0px auto;
		width: 100%;
		max-width: 396px;
		max-height: 370px;
}

.blog-feed {
	float: right;
	width: 100%;
	max-width: 396px;
	max-height: 370px;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.857142857142857rem;
	margin: 0 auto;
	border: 1px solid #bab8b5; 
	background-color: #f7f7f7;
	color: #3f3c34;
	padding: 0;
	overflow:hidden;
}

.blog-feed a{
	color: #dd0515;
}

.blog-feed-header{
	background-image: url("http://feed.com");
	background-color: #D4EDEF;
	background-position: bottom;
	width:100%;
	padding: 26px;
	
}

.blog-feed h1{
	font-family: 'Lato', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 1;
	color: #3f3c34;
	margin: 0;
	padding: 0;
	
}

.blog-feed h1 a{
	text-decoration:none;
	color: #a9111c;
}

.blog-feed h1 a:hover{
	text-decoration:underline;
}

.blog-feed-content{
		width:100%;
	padding: 10px 20px;
	
}

.blog-feed .title {
	display:block; 
	width: fit-content;
	font-size: 14px;	
	text-decoration:underline;
}



.blog-feed li {
	list-style:none;
	margin: 10px 0;
	
}

.blog-feed .listing-item {
		margin-bottom: 16px;
	
}


.blog-feed .shareday {
	display: none;
}

/* Images */

.img-border {
	border: 1px solid #cbcbbf;
}

@media (max-width: 967px) {
	.alignright {
    margin-left: 0px;}
	
	.wp-block-image .alignright {
    float: none;
    
}
}



/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #a9111c; /* Old browsers */
	background: -webkit-linear-gradient(top, #dd0515 0%, #a9111c 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #dd0515 0%, #a9111c 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #a9111c;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #dd0515; /* Old browsers */
	background: -webkit-linear-gradient(top, #dd0515 0%, #dd0515 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #dd0515 0%, #dd0515 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #dd0515; /* Old browsers */
	background: -webkit-linear-gradient(top, #dd0515 0%, #dd0515 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #dd0515 0%, #dd0515 100%); /* W3C */
	border: none;
	border-top: 3px solid #a9111c;
	padding: 10px 24px 11px;
}

.youtube {
	max-width: 600px;
}

.buy-button img{ margin: 10px 0;
	
}

my-button {
color: #202123;
}

a.my-button {
  border: 2px solid #202123;
  background-color: #ffffff;
  font-family: 'Lato', Helvetica, sans-serif;
  color: #202123 !important;
  padding: 20px 40px;
  font-size: 16px;
  cursor: pointer;
  margin: 10px 0;
  display: inline-block;
}
a.my-button:visited {
    color: #ffffff;
	text-decoration: none;
}

a.my-button:hover {
    color: red !important;
	text-decoration: none;
}

a.my-button:active {
    color: red;
	text-decoration: none;
}


/**
 * Woocommerce edits
 * ----------------------------------------------------------------------------
 */

/* Full width product pages, etc */

body.woocommerce .widget-area {
    display: none;
}

body.woocommerce .entry-content {max-width: 1500px;
    padding: 0 60px;
}
.woocommerce-product-gallery {max-width: 350px;
}


/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
@media (max-width: 967px) {
	
	.feeds {
	width: 100%;
	margin: 0 auto;
}
	
}

 @media (max-width: 867px) {
	 /* Facebook & Blog Feeds */
	
	
	.fb-feed {
		float: none;
		max-width: none;
		max-height: auto;
		text-align:center;
		margin-bottom: 60px;
}

.blog-feed {
	float: none;
	max-width: 396px;
	max-height: auto;
	
}
 }
 
 
	 @media (max-width: 767px) {
	.site-header .home-link {
		min-height: 0;
	}
	.site-title {
		font-size: 46px;
		padding: 20px 0;
	}
	
	.navbar {
		padding: 5px 0;
}




 }
 @media (max-width: 643px) {
	.site-title {
		font-size: 33px;
	}
	
	.menu-toggle {
				width: 100px;
				margin: 0 auto;			
	}
	
	.mobile-only {
	display: block;
}
	
.authorwrap {
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
}

.alignright {
	float: none;
	display: block;
	width: 95%;
	max-width: 300px;
	magin:0 auto;
	text-align:center;

}
.alignleft {
	float: none;
	display: block;
	width: 95%;
	max-width: 300px;
	magin:0 auto;
	text-align:center;
}
	
 }
 
 /* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Lato","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}

	#mc_embed_signup{background: none; clear:left; font:14px 'Lato', Helvetica, sans-serif; width:100%;}
	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */