/*
	Theme Name: The History Reader 2020
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/*=================RESPONSIVE===============*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
}

body {
  font: 400 11px/1.4 "Barlow", Helvetica, Arial, sans-serif;
  color: #444;
  background: #e4dfd0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e4dfd0 0%, #a3935e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e4dfd0 0%, #a3935e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e4dfd0 0%, #a3935e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover {
  color: #444;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

input:focus {
  outline: 0;
  border: 1px solid #04A4CC;
}

h1 {
  font-size: 3.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
}
h1 a {
  color: #a8481c;
}

h2 {
  font-size: 2.5em;
}

.breadcrumbs {
  font-size: 1.35em;
}
.breadcrumbs p {
  margin: 0 0 1em 0;
}
.breadcrumbs a {
  color: #a8481c;
}

.post h1 {
  margin: 0 0 6px 0;
}
.post h2 {
  margin: 0;
  margin: 0 0 6px 0;
}
.post h3 {
  font-size: 1.85em;
  margin: 12px 0 6px 0;
}
.post h4 {
  font-size: 1.65em;
  margin: 12px 0 6px 0;
}
.post h5 {
  font-size: 1.5em;
  margin: 12px 0 6px 0;
}
.post p {
  font-size: 1.5em;
}
.post p a {
  color: #a8481c;
  text-decoration: underline;
}

.date {
  font-size: 1.35em;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
#wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 12px #333;
}
@media only screen and (min-width: 768px) {
  #wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 2em;
  }
}

/* header */
header {
  background-color: #edeae0;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  header {
    background-color: #edeae0;
    position: relative;
  }
}

/* logo */
.logo {
  max-width: 700px;
  margin: 0 auto;
  padding: 12px;
  text-align: center;
}
.logo img {
  height: auto;
  width: auto;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .logo img {
    max-width: 80%;
    padding: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .logo img {
    max-width: 100%;
  }
}

.logo-img {
  display: none;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .logo-img {
    display: block;
  }
}

.logo-mobile {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .logo-mobile {
    display: none;
  }
}

/* nav */
.closednav {
  height: 0px !important;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: hideNav;
  animation-name: hideNav;
}

.opennav {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: showNav;
  animation-name: showNav;
  height: 240px !important;
}

@-webkit-keyframes showNav {
  from {
    height: 0;
    background-color: #de445e;
  }
  to {
    height: 143px;
    background-color: #43f4f4;
  }
}
@keyframes showNav {
  from {
    height: 0;
    background-color: #de445e;
  }
  to {
    height: 240px;
    background-color: #43f4f4;
  }
}
@-webkit-keyframes hideNav {
  from {
    height: 240px;
    background-color: #de445e;
  }
  to {
    height: 0px;
    background-color: #43f4f4;
  }
}
@keyframes hideNav {
  from {
    height: 143px;
    background-color: #de445e;
  }
  to {
    height: 0px;
    background-color: #43f4f4;
  }
}
#navwrap {
  background-color: #564e58;
  background: #744c28;
  /* Old browsers */
  background: -moz-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #744c28 0%, #3b2714 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
}

nav {
  overflow: hidden;
  height: 0px;
  max-width: 1040px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  nav {
    height: auto;
  }
}
nav ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0.5em 0;
  margin: 0 0 0 0;
}
@media only screen and (min-width: 768px) {
  nav ul {
    flex-direction: row;
    justify-content: space-around;
    padding: 0 0 0 0;
  }
}
nav ul li {
  font-size: 1.5em;
  font-weight: 700;
  list-style-type: none;
}
@media only screen and (min-width: 768px) {
  nav ul li {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1200px) {
  nav ul li {
    font-size: 1.5em;
  }
}
nav ul li a {
  color: #564e58;
  display: block;
  padding: 12px 0 10px 12px;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  background-color: #edeae0;
  border-top: 1px dotted #333;
}
@media only screen and (min-width: 768px) {
  nav ul li a {
    color: #edeae0;
    background-color: transparent;
    border-top: none;
    padding: 12px 12px 10px 12px;
  }
}
nav ul li a:hover {
  color: #e4895f;
}

.current-menu-item a:not(.logo), .current-menu-parent {
  color: #ffd772;
  text-decoration: underline;
  background-color: #dd6933;
}
@media only screen and (min-width: 768px) {
  .current-menu-item a:not(.logo), .current-menu-parent {
    background-color: #dd6933;
    color: #ffd772;
  }
}

#mobmenu {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 0;
  padding: 4px 0;
  letter-spacing: 0.124em;
  text-align: center;
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  background-color: #564e58;
  color: #edeae0;
  background: #744c28;
  /* Old browsers */
  background: -moz-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #744c28 0%, #3b2714 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
}
#mobmenu svg {
  margin: 0 4px;
}
@media only screen and (min-width: 768px) {
  #mobmenu {
    display: none;
  }
}

.social {
  padding: 8px;
  font-size: 1.5em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  position: relative;
  margin: 0 auto 12px;
}
@media only screen and (min-width: 768px) {
  .social {
    flex-direction: row;
  }
}
.social img {
  max-width: 36px;
  margin: 0 12px;
  max-height: 28px;
}
@media only screen and (min-width: 768px) {
  .social img {
    margin: 4px 4px;
  }
}
@media only screen and (min-width: 1200px) {
  .social img {
    margin: 4px 4px;
  }
}
.social a {
  margin: 0 12px;
}

.bookbuy {
  width: 100%;
  max-width: 824px;
  background-color: #be7e44;
  background-color: rgba(203, 87, 34, 0.85);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 9999;
}
@media only screen and (min-width: 768px) {
  .bookbuy {
    width: 80%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 50%;
    /* Move 50% from left */
    /* Move 10px from bottom */
    transform: translateX(-50%);
    /* Move button Center position  */
  }
}
@media only screen and (min-width: 1200px) {
  .bookbuy {
    width: 40%;
    padding: 12px;
  }
}
.bookbuy h3 {
  flex-basis: 100%;
  margin: 0 0 0 0;
  text-align: center;
  font-size: 1.25em;
}
@media only screen and (min-width: 768px) {
  .bookbuy h3 {
    text-align: center;
  }
}
.book_shot {
  flex-basis: 20%;
  margin: 0 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.book_shot img {
  max-width: 96px;
  border: 1px solid #777;
}
@media only screen and (min-width: 768px) {
  .book_shot {
    position: absolute;
    botom: 0;
    flex-basis: 15%;
  }
}
@media only screen and (min-width: 1200px) {
  .book_shot {
    flex-basis: 30%;
    display: block;
  }
}

.retail {
  flex-basis: 100%;
  padding: 0 0 0 108px;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .retail {
    flex-basis: 80%;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .retail {
    justify-content: flex-start;
  }
}
.retail a {
  background-color: #bfb48f;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #c6bd9c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #c6bd9c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #c6bd9c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
  min-height: 24px;
  flex-basis: 20%;
  padding: 6px 12px;
  margin: 4px;
  display: block;
  border-radius: 4px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .retail a {
    flex-basis: 12%;
  }
}
@media only screen and (min-width: 1200px) {
  .retail a {
    flex-basis: 18%;
  }
}
.retail a img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 20px;
}
.retail a:hover {
  background-color: #FFD772;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #ffdd86 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #ffdd86 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #ffdd86 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
}

.buy-buttons {
  flex-basis: 25%;
}

.searchform {
  font-size: 1.15em;
  margin: 1em auto 2em;
  text-align: center;
}

.searchform input {
  background-color: #f3f3f3;
  border-radius: 4px;
  border: 1px solid #b9b9b9;
  padding: 4px 4px;
  width: 80%;
}

button.search-submit {
  background-color: transparent;
  border: transparent;
  width: 42px;
  height: 28px;
}

form.search {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
}

/* sidebar */
aside {
  flex-basis: 25%;
  padding: 0 2em;
}
@media only screen and (min-width: 768px) {
  aside {
    padding: 0 0;
  }
}

.sidebar-home {
  padding: 24px;
  background-color: #edeae0;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-home {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-home h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-home h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-home .widget_media_image {
  flex-basis: 45%;
  padding: 1em;
}
.sidebar-home .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sidebar-home .widget_text {
  flex-basis: 100%;
  font-size: 1.35em;
}
.sidebar-home .widget_text h3 {
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 24px 0 6px 0;
}

.home-bloglist a {
  display: block;
  color: #a8481c;
  margin-bottom: 4px;
}
.home-bloglist a:hover {
  color: #564e58;
}

.sidebar-figures {
  padding: 24px;
  background-color: #f8e0d5;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-figures {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-figures h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-figures h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-figures .widget_media_image {
  flex-basis: 40%;
  padding: 1em;
}
.sidebar-figures .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-figures .widget_text {
  flex-basis: 100%;
  color: #c00;
}

.sidebar-us {
  padding: 24px;
  background-color: #d9d5da;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-us {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-us h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-us h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-us .widget_media_image {
  flex-basis: 38%;
  padding: 1em;
}
.sidebar-us .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-us .widget_text {
  flex-basis: 100%;
  color: #c00;
}

.sidebar-world {
  padding: 24px;
  background-color: #d9d5da;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-world {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-world h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-world h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-world .widget_media_image {
  flex-basis: 38%;
  padding: 1em;
}
.sidebar-world .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-world .widget_text {
  flex-basis: 100%;
  color: #c00;
}

.sidebar-military {
  padding: 24px;
  background-color: #ffedbf;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-military {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-military h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-military h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-military .widget_media_image {
  flex-basis: 40%;
  padding: 1em;
}
.sidebar-military .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-military .widget_text {
  flex-basis: 100%;
  color: #c00;
}

.sidebar-cultural {
  padding: 24px;
  background-color: #cedce9;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-cultural {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-cultural h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-cultural h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-cultural .widget_media_image {
  flex-basis: 40%;
  padding: 1em;
}
.sidebar-cultural .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-cultural .widget_text {
  flex-basis: 100%;
  color: #c00;
}

.sidebar-fiction {
  padding: 24px;
  background-color: #ecd9c8;
  margin: 2em 0.5em 0 0.5em;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .sidebar-fiction {
    margin: 4em 0 4em 2em;
  }
}
.sidebar-fiction h4 {
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.sidebar-fiction h2 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 1.5em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.sidebar-fiction .widget_media_image {
  flex-basis: 40%;
  padding: 1em;
}
.sidebar-fiction .sidebar-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-fiction .widget_text {
  flex-basis: 100%;
  color: #c00;
}

#signupform {
  /*width:100%;*/
  position: fixed;
  bottom: -194px;
  margin: 12px auto 0;
  color: #fff;
  background-color: rgba(116, 76, 40, 0.85);
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  font-size: 1em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  #signupform {
    width: 768px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
@media only screen and (min-width: 1200px) {
  #signupform {
    width: 900px;
  }
}

#signupbutton {
  font-size: 1.96em;
  color: #FFD772;
  margin: 0 0 12px 0;
}

.moveform {
  border: 1px solid #1eff00;
  bottom: 0;
}

.all-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .all-fields {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.gdpr {
  flex-basis: 20%;
  margin: 0 12px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .gdpr {
    flex-basis: 10%;
  }
}
@media only screen and (min-width: 1200px) {
  .gdpr {
    flex-basis: 10%;
  }
}

.first-name {
  flex-basis: 42%;
  margin: 0 12px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .first-name {
    flex-basis: 15%;
    margin: 0 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .first-name {
    flex-basis: 18%;
    margin: 0 6px;
  }
}

.last-name {
  flex-basis: 42%;
  margin: 0 12px 0 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .last-name {
    flex-basis: 15%;
    margin: 0 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .last-name {
    flex-basis: 18%;
    margin: 0 6px;
  }
}

.email {
  flex-basis: 50%;
  margin: 0 12px 0 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .email {
    flex-basis: 15%;
    margin: 0 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .email {
    flex-basis: 18%;
  }
}

.birth-month {
  margin: 0 12px;
  flex-basis: 25%;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .birth-month {
    flex-basis: 10%;
  }
}

.birth-year {
  margin: 0 12px 0 0;
  flex-basis: 25%;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .birth-year {
    flex-basis: 10%;
  }
}

#signupform label {
  font-size: 1.2em;
  font-family: "Barlow", sans-serif;
  width: 96px;
  display: block;
  padding: 0 0 4px 0;
  width: 100%;
  color: #fff;
}

#signupform sub {
  display: block;
  font-size: 0.78em;
  color: #c00;
  margin: 6px 0;
}

#macsite select {
  height: 31px;
  font-size: 1.15em;
  margin: 0 0 0 0;
  font-family: "Barlow", sans-serif;
  border: 1px solid #a3a3a3;
  -webkit-appearance: menulist;
}

#macsite input[type=email] {
  background-color: #efefef;
  color: #333;
  border: 1px solid #b9b9b9;
  margin: 0 0 8px 0;
  padding: 9px 6px;
  font-size: 1em;
  display: inline-block;
  border-radius: 0px;
  width: 90%;
}

#macsite input[type=text] {
  background-color: #efefef;
  color: #333;
  border: 1px solid #b9b9b9;
  margin: 0 0 8px 0;
  padding: 9px 6px;
  font-size: 1em;
  display: inline-block;
  border-radius: 0px;
  font-family: "Barlow", sans-serif;
  width: 90%;
}

#macsite input[type=text][name=txtEmail] {
  margin: 0 0 16px 0;
}

#macsite input[type=submit] {
  background-color: #c00 !important;
  color: #fff;
  font-size: 1.5em;
  margin: 12px auto;
  padding: 8px 24px;
  border: 0;
  border-radius: 6px;
  display: block;
  width: 20%;
  cursor: pointer;
  font-family: "Quattrocento", sans-serif;
  font-weight: 700;
  background-image: transparent;
}

#macsite input[type=submit]:hover {
  background-color: #666;
  color: #fff;
}

.age {
  display: flex;
}

.two-fields {
  display: flex;
  flex-wrap: nowrap;
}

#macsite .priv-pol a {
  color: #f23300;
  text-align: center;
}

form div {
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
  color: #fff;
}

div#US input {
  border: 2px solid #CEDA42;
}

@-webkit-keyframes showForm {
  from {
    bottom: -194px;
  }
  to {
    bottom: 0;
  }
}
@keyframes showForm {
  from {
    bottom: -194px;
  }
  to {
    bottom: 0;
  }
}
@-webkit-keyframes hideForm {
  from {
    bottom: 0;
  }
  to {
    bottom: -194px;
  }
}
@keyframes hideForm {
  from {
    bottom: 0;
  }
  to {
    bottom: -194px;
  }
}
.closedform {
  bottom: -194px !important;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: hideForm;
  animation-name: hideForm;
}

.openform {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: showForm;
  animation-name: showForm;
  bottom: 0px !important;
}

/* footer */
footer {
  text-align: center;
  background: #744c28;
  /* Old browsers */
  background: -moz-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #744c28 0%, #3b2714 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #744c28 0%, #3b2714 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$grad-color-one", endColorstr="$grad-color-two",GradientType=0 );
  /* IE6-9 */
  /*background-attachment: fixed;*/
  color: #bfb48f;
  padding: 1em 0;
}
footer a {
  color: #FFD772;
}
footer a:hover {
  color: #fff;
}
footer nav {
  height: auto;
}
footer nav ul {
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
footer nav ul li {
  margin: 0 4px;
}
footer nav ul li a {
  background-color: transparent;
  color: white;
  font-size: 0.75em;
  border-top: none;
}
footer nav ul li a:hover {
  color: #FFD772;
}
footer .current-menu-item a, footer .current-menu-parent {
  color: #ffd772;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  footer .current-menu-item a, footer .current-menu-parent {
    background-color: transparent;
    color: #a8481c;
  }
}

.footer-home {
  padding: 1em 0 124px 0;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
.wp-block-embed__wrapper {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0px;
  border: 1px solid #333;
}

.homeposts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.home-single-post {
  flex-basis: 100%;
  margin: 0 0 2em 0;
  padding: 1em;
}
@media only screen and (min-width: 768px) {
  .home-single-post {
    flex-basis: 100%;
    padding: 1em 2em;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .home-single-post {
    flex-basis: 40%;
    padding: 3em;
  }
}
.home-single-post h1 {
  margin: 6px 0;
  font-weight: 400;
  font-size: 2.25em;
}
.home-single-post h2 {
  margin: 6px 0 12px 0;
  font-size: 1.75em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.home-single-post h2 a {
  color: #a8481c;
}
.home-single-post h3 {
  margin: 6px 0 12px 0;
  font-size: 1.65em;
}
.home-single-post h4 {
  font-size: 1.55em;
  margin: 12px 0 6px 0;
}
.home-single-post h5 {
  font-size: 1.45em;
  margin: 12px 0 6px 0;
}
.home-single-post p {
  font-size: 1.35em;
  margin: 0 0 24px 0;
}
.home-single-post p a {
  display: block;
  margin: 6px 0 0 0;
  color: #a8481c;
  font-size: 0.88em;
  text-decoration: underline;
}
.home-single-post figcaption {
  width: 120px;
  display: none;
}
.home-single-post img {
  max-width: 144px;
  border: 1px solid #978c99;
}

.homepage {
  text-align: center;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  padding: 0;
  font-size: 1.15em;
}
@media only screen and (min-width: 768px) {
  .homepage {
    padding: 0 0;
    font-size: 1.15em;
  }
}
@media only screen and (min-width: 1200px) {
  .homepage {
    padding: 0 120px;
    font-size: 1.35em;
  }
}
.homepage h1 {
  margin: 6px 0;
  font-weight: 400;
  font-size: 2.25em;
}
.homepage h2 {
  margin: 6px 0 12px 0;
  font-size: 1.75em;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
.homepage h2 a {
  color: #a8481c;
}
.homepage h3 {
  margin: 6px 0 12px 0;
  font-size: 1.65em;
}
.homepage h4 {
  font-size: 1.55em;
  margin: 12px 0 6px 0;
}
.homepage h5 {
  font-size: 1.45em;
  margin: 12px 0 6px 0;
}
.homepage p {
  font-size: 1.5em;
}

.home-post-pic {
  float: left;
  margin: 0 12px 0 0;
}

main {
  min-height: 80vh;
  flex-basis: 75%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 124px auto 0;
  max-width: 1024px;
  padding: 0 1em 12px 1em;
  background-color: #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) {
  main {
    padding: 1em 1em 12px 1em;
    margin-bottom: 80px;
    margin: 0 auto 80px;
  }
}
@media only screen and (min-width: 1200px) {
  main {
    padding: 2em 2em 12px 2em;
    margin: 0 auto 80px;
  }
}

.category h1 {
  font-size: 3.25em;
  border-bottom: 1px dotted #564e58;
  padding: 0 0 6px 0;
  margin: 0;
  color: #a8481c;
}

article {
  padding: 0 1em;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: "Font-Name";
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"), url("fonts/font-name.woff") format("woff"), url("fonts/font-name.ttf") format("truetype"), url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=style.css.map */