@charset "UTF-8"; 
/*!
Theme Name: Cup of Jo new
Theme URI: http://cupofjo.com
Author: Zoe Rooney Web Development
AuthorURI: http://zoerooney.com
Description: Custom theme for A Cup of Jo, designed by Apartment One (http://aptone.com/)
Version: 1.2
License: The MIT License (MIT)
License URI: http://opensource.org/licenses/MIT
Text Domain: cup-of-jo
*/

.alignleft,
.avatar,
.photo-grid > div {
  float: left;
}

.popular ol,
.widget ul ul,
ul.unstyled {
  list-style-type: none;
}

.aligncenter,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

pre,
textarea {
  overflow: auto;
}
@import url("https://fonts.googleapis.com/css2?family=DM+Sans&display=swap");
/*@import url(//db.onlinewebfonts.com/c/cde8cf60fc5af2eae40d1222d8bbd58e?family=Adobe+Garamond+Pro);*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans&display=swap");

/*@font-face {font-family: "Adobe Garamond Pro"; src: url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.eot"); src: url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.woff") format("woff"), url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/cde8cf60fc5af2eae40d1222d8bbd58e.svg#Adobe Garamond Pro") format("svg"); }*/

/*Adobe Garamond Pro*/

@font-face {
  font-family: "Futura PT Book";
  src: url("../svg-place-golder.html") format("svg");
}
@font-face {
  font-family: "Futura PT Book";
  src: url("../eot/futurapt-book.eot");
  src: url("../eot/futurapt-bookd41d.eot#iefix") format("embedded-opentype"),
    url("../woff/futurapt-book.woff") format("woff"),
    url("../ttf/futurapt-book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Futura PT Book";
  src: url("../ttf/dmsans-regular.ttf");
  unicode-range: U+3F-3F;
}
q {
  quotes: "“" "”" "‘" "’";
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}
/* @font-face {
    font-family: 'Adobe Garamond Pro';
    src: url("./assets/fonts/DMSans-Regular.ttf");
    unicode-range: U+3F-3F;
} */
/* @font-face {
    font-family: 'Futura PT Book';
    src: local('Arial');
    unicode-range: U+3F-3F;
}
@font-face {
    font-family: "Adobe Garamond Pro";
    src: local('Arial');
    unicode-range: U+57-57;
} */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300");

@font-face {
  font-family: "Ampersand";
  src: local("Times New Roman");
  unicode-range: U+003F;
}

@font-face {
  font-family: "DM Sans", sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=DM+Sans&display=swap");
  unicode-range: U+003F; /* ? */
}

@font-face {
  font-family: Prata;
  font-style: normal;
  font-weight: 400;
  src: local("Prata Regular"), local("Prata-Regular"),
    url(https://fonts.gstatic.com/s/prata/v10/6xKhdSpbNNCT-sWPCms.ttf)
      format("truetype");
}

@font-face {
  font-family: bodoni;
  src: url(../eot/bodonclarom-webfont.eot);
  src: url(../eot/bodonclarom-webfontd41d.eot#iefix)
      format("embedded-opentype"),
    url(../woff2/bodonclarom-webfont.woff2) format("woff2"),
    url(../woff/bodonclarom-webfont.woff) format("woff"),
    url(../ttf/bodonclarom-webfont.ttf) format("truetype"),
    url(../svg/bodonclarom-webfont.svg#bodoniclassic-romanregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: bodoni;
  src: url(../eot/bodonclaita-webfont.eot);
  src: url(../eot/bodonclaita-webfontd41d.eot#iefix)
      format("embedded-opentype"),
    url(../woff2/bodonclaita-webfont.woff2) format("woff2"),
    url(../woff/bodonclaita-webfont.woff) format("woff"),
    url(../ttf/bodonclaita-webfont.ttf) format("truetype"),
    url(../svg/bodonclaita-webfont.svg#bodoniclassic-italicregular)
      format("svg");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: cupofjo;
  src: url(../eot/cupofjoef0e.eot);
  src: url(../eot/cupofjoef0e.eot#iefix) format("embedded-opentype"),
    url(../woff/cupofjoef0e.woff) format("woff"),
    url(../ttf/cupofjoef0e.ttf) format("truetype"),
    url(../svg/cupofjoef0e.svg#cupofjo) format("svg");
  font-weight: 400;
  font-style: normal;
}

figure blockquote {
  margin: unset;
  font-style: unset;
  width: calc(100% + 100px);
  margin-left: -50px;
}

blockquote {
  margin: 0 3em 1rem;
  font-style: italic;
}

figure blockquote p {
  line-height: 36px;
  font-size: 30px;
  color: #003ab6;
  letter-spacing: 0.36px;
  font-family: "Futura PT Book" !important;
}

.icon-pinterest:before {
  content: "\e800";
}

.icon-instagram:before {
  content: "\e801";
}

.icon-twitter:before {
  content: "\e802";
}

.icon-facebook:before {
  content: "\e803";
}

.icon-plus:before {
  content: "\e804";
}

.icon-search:before {
  content: "\e805";
}

.icon-search-desktop:before {
  content: "\e805";
}

.icon-search-mobile:before {
  content: "\e805";
}

.icon-close:before {
  content: "\e806";
}

.icon-right:before {
  content: "\e807";
}

.icon-left:before {
  content: "\e808";
}

.icon-menu:before {
  content: "\e809";
}

.icon-email:before {
  content: "\e80a";
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
}

.clear {
  clear: both;
}

.aligncenter {
  margin: 0 auto;
}

#secondary .ad-area,
audio:not([controls]) {
  display: none;
}

.textcenter {
  text-align: center;
}

.alignright {
  float: right;
}

img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

img.alignleft {
  margin-right: 1em;
}

img.alignright {
  margin-left: 1em;
}

.text-right {
  text-align: right;
}

.half {
  width: 45%;
}

.hide {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: 0;
}

caption,
th {
  text-align: center;
}

q:after,
q:before {
  content: "";
}

strong {
  font-weight: 700;
}

audio,
canvas,
video {
  display: inline-block;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  vertical-align: top;
}

.alert {
  background: #ec3a23;
  color: #fff;
}

#main:after,
#nav-below:after,
#respond:after {
  content: "";
  display: table;
  width: 100%;
  height: 0.1px;
  clear: both;
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
}

#secondary + .ad-area {
  position: absolute;
  right: 0;
  bottom: -26px;
}

@media all and (max-width: 800px) {
  #secondary .ad-area {
    display: block;
  }
  #secondary + .ad-area {
    display: none;
  }
}

@media all and (max-width: 800px) {
}

#colophon {
  clear: both;
  overflow: hidden;
  padding-bottom: 20px;
}

.search-trigger,
.search-trigger i,
.search-trigger i:before {
  width: 15px;
}

.search-trigger:cursor,
.search-trigger:hover {
  cursor: pointer;
  color: #d03b39;
}

@media (max-width: 480px) {
}

.search-dropdown ::-webkit-input-placeholder {
  font-size: 30px;
  color: #999;
}

.search-dropdown :-ms-input-placeholder {
  font-size: 30px;
  color: #999;
}

.search-dropdown ::-ms-input-placeholder {
  font-size: 30px;
  color: #999;
}

.search-dropdown ::placeholder {
  font-size: 30px;
  color: #999;
}

@media (max-width: 480px) {
  .search-dropdown ::-webkit-input-placeholder {
    font-size: 22px !important;
  }
  .search-dropdown :-ms-input-placeholder {
    font-size: 22px !important;
  }
  .search-dropdown ::-ms-input-placeholder {
    font-size: 22px !important;
  }
  .search-dropdown ::placeholder {
    font-size: 22px !important;
  }
}

.search-no-results #main button#searchsubmit,
.error404 #main button#searchsubmit {
  background: 0 0;
  border: none;
  color: #e13d3d;
  font-size: 18px;
  width: 32px;
}

.error404 .widget {
  display: none;
}

.error404 #main {
  padding-bottom: 20px;
}

#access ul li.text-red a {
  color: #e13d3d;
}

#access ul li.current-category-ancestor a,
#access ul li.current-menu-item a,
#access ul li.text-red a:hover {
  color: #d03b39;
}

@media all and (max-width: 800px) {
  #access .desktop-nav {
    display: none;
  }
}

#access .mobile-nav .nav-trigger {
  line-height: 52px;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  width: 15px;
}

#access .mobile-nav .nav-trigger:hover {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  cursor: pointer;
}

.menu-footer-menu-container ul li a {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #fbf9f4;
}

#colophon {
  min-height: 240px;
  background: #000000;
  color: #fff;
}

@media (max-width: 800px) {
  #colophon {
    padding: 40px 0;
  }
}

@media (max-width: 580px) {
  #colophon {
    padding-bottom: 40px;
  }
}

#colophon a em {
  color: #e13d3d;
}

#colophon a:focus em,
#colophon a:hover em {
  color: #d03b39;
}

.footer-ad-code {
  padding: 20px 0;
  text-align: center;
}

.footer-about,
.footer-social {
  display: inline-block;
  vertical-align: top;
  margin-top: 42px;
}

.footer-about {
  width: 20.5%;
  margin-right: 50px;
  font-size: 14px;
}

@media (max-width: 890px) {
  .footer-about {
    margin-right: 30px;
  }
}

@media (max-width: 800px) {
  .footer-about {
    width: 30%;
    margin-right: 0;
    padding-right: 30px;
    margin-top: 10px;
  }
}

@media (max-width: 580px) {
  .footer-about {
    width: 100%;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 30px;
  }
}

.footer-about p {
  margin-bottom: 0;
}

.footer-about a {
  color: #e13d3d;
  font-size: 16px;
}

body,
h1,
input,
textarea {
  font-family: "Futura PT Book";
}

.footer-about a:focus,
.footer-about a:hover {
  color: #d03b39;
}

.footer-navigation {
  width: 73%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 800px) {
  .footer-navigation {
    width: 68%;
    padding-left: 30px;
    border-left: 1px solid #999;
  }
}

@media (max-width: 580px) {
  .footer-navigation {
    width: 100%;
    clear: both;
    padding: 0 20px;
    border-left: none;
  }
}

@media (max-width: 970px) {
}

@media (max-width: 870px) {
}

@media (max-width: 800px) {
}

cite,
h4 {
  letter-spacing: 0.05em;
}

@media (max-width: 800px) {
}

@media (max-width: 580px) {
}

.footer-social {
  width: 30%;
  min-width: 215px;
  margin-right: 10px;
  float: right;
  text-align: center;
}

@media (max-width: 800px) {
  .footer-social {
    width: 100%;
    float: none;
    margin-top: 30px;
    text-align: left;
    margin-left: 20px;
  }
}

@media (max-width: 580px) {
  .footer-social {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    clear: both;
  }
}

.footer-social h3 {
  margin-bottom: 1.75em;
}

@media (min-width: 581px) and (max-width: 800px) {
  .footer-social h3 {
    margin-bottom: 0;
  }
  .footer-social .social-links a {
    border-right: none !important;
  }
}

dd,
pre {
  margin-bottom: 1.5em;
}

.footer-social .social-links a {
  color: #fff;
}

.footer-social .social-links a.facebook:focus,
.footer-social .social-links a.facebook:hover {
  color: #5174a9;
}

.footer-social .social-links a.twitter:focus,
.footer-social .social-links a.twitter:hover {
  color: #6cc6de;
}

.footer-social .social-links a.pinterest:focus,
.footer-social .social-links a.pinterest:hover {
  color: #d94d50;
}

.footer-social .social-links a.instagram:focus,
.footer-social .social-links a.instagram:hover {
  color: #a1a18e;
}

h4,
h5 {
}

h4 {
  font-size: 18px;
  font-weight: 400;
}

h6,
label {
  font-weight: 700;
}

h5 {
  font-size: 30px;
}

h6 {
  font-size: 12px;
  letter-spacing: 0.08em;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  width: 34%;
  margin: 1.5em auto !important;
}

ol,
ul {
  margin: 0 0 1.5em 2.5em;
}

ul {
  list-style: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-alpha;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.5em;
}

cite {
  color: #666;
  padding-left: 60px;
}

pre {
  background: #f4f4f4;
  line-height: 1.5;
  padding: 0.75em 1.5em;
}

code,
kbd {
}

abbr,
acronym,
dfn {
  cursor: help;
}

address {
  display: block;
  margin: 0 0 1.5em;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

.adsbygoogle {
  background: 0 0;
}

sub,
sup {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

.text-centered {
  text-align: center;
}

.text-sm {
  font-size: 0.875rem;
}

textarea {
  border: 1px solid #e13d3d;
  padding: 4px 10px;
  -webkit-appearance: none;
}

input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"] {
  border: 1px solid #e13d3d;
  padding: 4px 0px;
  -webkit-appearance: none;
}

input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
textarea:focus {
  color: #000000;
}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type="checkbox"]:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 14px;
  border: solid #f9f7f4;
  border-width: 0 2px 2px 0px;
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(45deg);
  transform: rotate(40deg);
  left: 29.6%;
  bottom: 3.8px;
}

input[type="checkbox"]:checked {
  background: #2196f3;
  border-radius: 0 !important;
}

input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none;
  position: relative;
  border: 1px solid;
  border-radius: 0 !important;
}

.btn {
  display: inline-block;
  cursor: pointer;
  float: right;
  padding: 10px 30px;
  clear: both;
  border: 1px solid #e13d3d;
  background: #fff;
  font-size: 18px;
  color: #e13d3d;
  text-transform: lowercase;
}

.bx-next,
.bx-prev,
.page-template-page-faq .faq-item h3:after {
  font-family: cupofjo;
  font-style: normal;
  text-decoration: inherit;
  font-variant: normal;
}

label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 20px 0 5px;
  display: block;
}

::-webkit-input-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

::-ms-input-placeholder {
  color: #000000;
}

::placeholder {
  color: #000000;
}

.post-password-required .entry-header {
  margin: 1.5em 0 0;
}

.post-password-required input[type="password"] {
  margin: 0.8125em 0;
}

.error404 #main #s {
  width: 75%;
}

.comment-content table,
.entry-content table {
  border-bottom: 1px solid #e13d3d;
  margin: 0 0 1.5em;
}

.comment-content table td,
.entry-content table td {
  border-top: 1px solid #e13d3d;
  padding: 6px 10px 6px 0;
}

.entry-content table {
  width: 100%;
}

.entry-content #s {
  width: 75%;
}

.comment-content table {
  width: 100%;
}

.comment-content #s {
  width: 75%;
}

dl.gallery-item {
  margin: 0;
}

.wp-caption,
img.aligncenter,
img.alignleft,
img.alignright {
  margin-bottom: 1.5em;
}

embed iframe,
img,
object {
  max-width: 100%;
}

img.size-full,
img.size-large {
  width: auto;
  height: auto;
}

.wp-caption {
  max-width: 100%;
  height: auto;
  margin-top: 0.5em;
}

.wp-caption img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.wp-caption .wp-caption-text {
  color: #000000;
  font-size: 85%;
  margin-bottom: 0.5em;
  padding: 5px 0;
  position: relative;
  font-family: "Futura PT Book";
}

.gallery-caption {
  color: #000000;
  font-size: 10px;
}

#content .gallery {
  margin: 0 auto 1.5em;
}

#content .gallery-columns-4 .gallery-item {
  width: 23%;
  padding-right: 2%;
}

.page-link {
  clear: both;
  display: block;
  margin: 0 0 1.5em;
}

.page-link span {
  margin-right: 6px;
}

.page-template-page-faq h2 {
  margin: 1.75em 0 0.75em;
  text-align: center;
}

.page-template-page-faq .answer {
  display: none;
}

.page-template-page-faq {
  margin: 0 auto;
  text-align: center;
}

.page-template-page-faq .faq-item {
  padding: 1.1em 1.5em 0;
  font-size: 15px;
  border-bottom: 1px solid #999;
  text-align: left;
  width: 100%;
}

@media (max-width: 500px) {
  .page-template-page-faq .faq-item {
    padding: 1.1em 1.5em 0 0.5em;
  }
}

.page-template-page-faq .faq-item h3 {
  padding: 0 1.5em 1.1em 0;
  cursor: pointer;
}

.page-template-page-faq .faq-item h3:after {
  content: "\e804";
  font-size: 1.1em;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-align: center;
  text-transform: none;
  line-height: 1em;
  color: #e13d3d;
  position: absolute;
  top: 9px;
  right: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.page-template-page-faq article {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.page-template-page-faq .faq-item.open-item {
  background: #fff;
  padding-bottom: 1.5em;
}

.page-template-page-faq .faq-item.open-item p {
  padding-right: 2em;
}

.page-template-page-faq .faq-item.open-item h3 {
  color: #e13d3d;
}

.page-template-page-faq .faq-item.open-item h3:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.yarpp-related h2 {
  font-size: 26px;
  margin-bottom: 0.5em;
}

.related-placeholder {
  width: 31.7333333333%;
  max-width: 350px;
  display: inline-block;
}

@media (max-width: 600px) {
  .related-placeholder {
    width: 100%;
  }
}

.grid-item-placeholder {
  width: 48.4%;
  max-width: 350px;
  display: inline-block;
}

@media (max-width: 600px) {
  .grid-item-placeholder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .grid-item-placeholder:nth-of-type(even) {
    float: none;
  }
}

.mini-comments-link,
.mini-comments-link img {
  vertical-align: middle;
  display: inline-block;
}

.grid-item:nth-of-type(even) {
  margin-right: 0;
}

@media (max-width: 600px) {
  .grid-item:nth-of-type(even) {
    margin-right: auto;
  }
  .grid-item {
    width: 100%;
    margin-left: auto;
    margin-right: auto !important;
    display: block;
  }
}

.yarpp-related .grid-item {
  width: 31.7333333333%;
  max-width: 350px;
  margin-right: 0;
}

@media (max-width: 600px) {
  .yarpp-related .grid-item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.yarpp-related .grid-item .caption {
  margin: 7px 12px 15px;
  min-height: 67px;
}

.yarpp-related .grid-item strong {
  text-transform: uppercase;
  display: block;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.yarpp-related .grid-item .excerpt {
  min-height: 0;
}

.yarpp-related .grid-item {
  font-weight: 400;
}

.yarpp-related .grid-item .mini-comments-link a {
  color: #e13d3d;
  font-weight: 400 !important;
}

.grid-item .caption {
  position: relative;
  margin: 20px 18px;
}

.grid-item .caption p {
  margin-bottom: 0;
  background: #fff;
}

.grid-item .excerpt {
  background: #fff;
  position: relative;
  z-index: 5;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.grid-item .secondary-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 13px;
  z-index: 2;
}

.grid-item h4 {
  font-size: 19px;
  line-height: 22px;
  margin-bottom: 5px;
  -webkit-transition: color 0.6s ease;
  transition: color 0.6s ease;
}

.grid-item a {
  color: #000000;
}

.grid-item:focus img,
.grid-item:hover img {
  opacity: 0.85;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.grid-item:focus h4,
.grid-item:hover h4 {
  color: #e13d3d;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.grid-item:focus .excerpt,
.grid-item:hover .excerpt {
  -webkit-transform: translateY(180%);
  transform: translateY(180%);
  -webkit-transition: -webkit-transform 0.8s ease;
  transition: -webkit-transform 0.8s ease;
  transition: transform 0.8s ease;
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}

.mini-comments-link {
  padding-left: 16px;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.recommended {
  background: #f9f7f4;
  padding: 50px 0 0;
  text-align: center;
}

.recommended .mini-grid-item,
.recommended .mini-grid-item .caption p,
.recommended .related-placeholder .caption p {
  width: 17.44%;
  margin-bottom: 0;
}

.recommended .related-placeholder:hover .excerpt a {
  color: #e13d3d;
}

.photo-grid {
  display: grid;
  grid-template-columns: 300px;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
  margin: 2rem auto 0;
  max-width: 300px;
  overflow: hidden;
}

.photo-grid img {
  vertical-align: bottom;
}

@media screen and (min-width: 620px) {
  .photo-grid {
    max-width: 600px;
  }
}

@media screen and (min-width: 900px) {
  .photo-grid {
    max-width: 900px;
  }
}

.photo-grid > div {
  padding: 10px;
  max-width: 300px;
  width: 33%;
}

@supports (display: grid) {
  .photo-grid > div {
    padding: 0;
    width: auto;
  }
  @media screen and (min-width: 620px) {
    .photo-grid {
      grid-template-columns: 300px 300px;
      max-width: 620px;
    }
  }
  @media screen and (min-width: 940px) {
    .photo-grid {
      grid-template-columns: 300px 300px 300px;
      max-width: 940px;
    }
  }
}

.page-template-page-about {
  font-size: 15px;
}

.main-profile {
  padding-bottom: 68px;
  font-size: 17px;
  border-bottom: 1px solid #e13d3d;
}

.main-profile {
  margin: 40px auto;
}

.main-profile p {
  width: 95%;
  max-width: 680px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 700px) {
  .columns {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.team-member h3 {
  padding: 46px 0 0.25em;
}

.team-title {
  margin-bottom: 25px;
}

.praise-grid h2 + p {
  width: 71.875%;
  margin: 0 auto 40px;
}

.shop-title {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: none;
}

.comment-footer-meta,
.comment-meta,
.fn,
.nav-next-simple a,
.nav-previous-simple a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.shop-filter {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 2rem;
}

.shop-filter a {
  color: #000000;
  margin: 0 5px;
}

.shop-filter a.active,
.shop-filter a:hover {
  color: #e13d3d;
}

.products-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 101.851851852%;
  margin-left: -0.925925926%;
}

.product {
  /*width: 23.148148148%;*/
  /*margin: 0 0.925925926% 20px;*/
}

.product a {
  color: #000000;
}

.product:hover img {
  opacity: 0.8;
}

.product:hover a {
  color: #e13d3d;
}

.shop-divider {
  clear: both;
}

#content nav {
  clear: both;
  overflow: hidden;
}

#nav-below {
  width: 75.275%;
  clear: both;
  display: none;
}

.home #nav-below {
  clear: both;
  display: block;
  margin-top: 20px;
  width: 100%;
}

.btn:focus,
.btn:hover,
.nav-previous a:hover {
  background: #ec3a23;
  color: #f9f7f4 !important;
}

#nav-single {
  float: right;
  position: relative;
  top: -0.3em;
  text-align: right;
  z-index: 1;
}

#nav-single .nav-next,
#nav-single .nav-previous {
  float: none;
  width: auto;
}

#nav-single .nav-next {
  padding-left: 0.5em;
}

#infscr-loading {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-bottom: 30px !important;
  text-align: center;
  display: block;
}

#infscr-loading div img {
  display: none;
}

.nav-next-simple,
.nav-previous-simple {
  width: auto;
  padding: 35px 0 42px;
  display: inline-block;
  vertical-align: top;
}

.nav-previous-simple svg {
  margin-right: 10px;
}

.nav-next-simple svg {
  margin-left: 10px;
}

.nav-next-simple a,
.nav-previous-simple a {
  max-width: max-content;
  font-size: 12px;
  color: #003ab6;
  letter-spacing: 1.8px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav#comment-nav-below {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.nav-previous-simple {
  margin-right: 10px;
}

.nav-next-simple a {
  margin-left: auto;
}

.nav-next-simple a:hover,
.nav-previous-simple a:hover {
  color: #003ab6;
}

.nav-next-simple {
  float: right;
  text-align: right;
}

.popular .widget-title {
  text-transform: capitalize;
  margin: 0;
  padding: 35px 0 35px;
  font-size: 30px;
  color: #003ab6;
  letter-spacing: 0;
  text-align: center;
  line-height: 33px;
}

.widget p {
  margin: 0;
}

.widget.series-module,
.widget.widget_cup-of-jo-feature-widget {
  border-top: none;
}

.widget-title + .widget-title {
  padding-top: 0;
}

.series-module h3,
.series-module h4,
.widget_cup-of-jo-feature-widget h3,
.widget_cup-of-jo-feature-widget h4 {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.series-module h4,
.widget_cup-of-jo-feature-widget h4 {
  padding: 0;
  margin: 14px 100px 0;
  font-family: serif;
}

.home .series-module h4 {
  max-width: 276px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  letter-spacing: 0.02px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.series-module h4 + h3,
.widget_cup-of-jo-feature-widget h4 + h3 {
  font-size: 16px;
  margin-bottom: 4px;
  padding-bottom: 0;
}

.widget ul {
  margin: 0;
}

.widget ul ul {
  margin-left: 1.5em;
}

.widget_cup-of-jo-feature-widget {
  text-align: center;
}

.widget_cup-of-jo-feature-widget h4,
.widget_cup-of-jo-feature-widget h4 a {
  margin: 30px 0 0;
  color: #000000;
}

.widget_cup-of-jo-feature-widget h4 a + h3,
.widget_cup-of-jo-feature-widget h4 a + h3 a,
.widget_cup-of-jo-feature-widget h4 + h3,
.widget_cup-of-jo-feature-widget h4 + h3 a {
  font-size: 16px;
  padding-bottom: 0;
  color: #000000;
}

.widget_cup-of-jo-feature-widget h4 a + h3 a:focus,
.widget_cup-of-jo-feature-widget h4 a + h3 a:hover,
.widget_cup-of-jo-feature-widget h4 a + h3:focus,
.widget_cup-of-jo-feature-widget h4 a + h3:hover,
.widget_cup-of-jo-feature-widget h4 + h3 a:focus,
.widget_cup-of-jo-feature-widget h4 + h3 a:hover,
.widget_cup-of-jo-feature-widget h4 + h3:focus,
.widget_cup-of-jo-feature-widget h4 + h3:hover {
  color: #d03b39;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.widget_cup-of-jo-feature-widget h4 {
  margin: 19px 0 0;
}

.widget_cup-of-jo-feature-widget .horiz-divider {
  border-top: 1px solid #e13d3d;
  width: 25px;
  display: block;
  margin: 26px auto 31px;
}

.widget_cup-of-jo-feature-widget h3,
.widget_cup-of-jo-feature-widget h4,
.widget_cup-of-jo-feature-widget p {
  padding-left: 35px;
  padding-right: 35px;
}

.widget_cup-of-jo-feature-widget p {
  font-size: 14px;
  line-height: 18px;
}

.widget_cup-of-jo-feature-widget p + a {
  display: block;
  clear: both;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.no-border {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}

.about-widget h4 {
  margin: 14px 0 0;
}

.about-widget h3 {
  font-size: 16px;
  margin-bottom: 4px;
}

.widget_search form {
  margin: 0 0 10px;
}

.widget_search #s {
  width: 95%;
  display: inline-block;
}

.widget_cup-of-jo-about-widget {
  border-top: none;
  text-align: center;
}

.widget_cup-of-jo-about-widget a {
  color: #000000;
}

.widget_cup-of-jo-about-widget a:focus h4,
.widget_cup-of-jo-about-widget a:hover h4 {
  color: #d03b39;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.widget_sp_image,
.widget_text {
  border-top: 0;
  padding: 0;
  line-height: 0;
  background: 0 0;
  text-align: center;
}

.widget_cup-of-jo-social-widget {
  text-align: center;
  padding: 0 0 20px;
}

.widget_cup-of-jo-social-widget a {
  display: block;
  clear: both;
  font-size: 16px;
  margin-top: 20px;
}

.widget_cup-of-jo-social-widget a.social-link {
  clear: none;
}

.social-link:last-of-type {
  border-right: none;
}

.social-link.facebook:focus,
.social-link.facebook:hover {
  color: #5174a9;
}

.social-link.twitter:focus,
.social-link.twitter:hover {
  color: #6cc6de;
}

.social-link.pinterest:focus,
.social-link.pinterest:hover {
  color: #d94d50;
}

.social-link.instagram:focus,
.social-link.instagram:hover {
  color: #a1a18e;
}

.custom-mailchimp-form input[type="email"] {
}

.custom-mailchimp-form input[type="email"]:focus {
  outline: 0;
}

.custom-mailchimp-form input[type="submit"]:focus,
.custom-mailchimp-form input[type="submit"]:hover {
  color: #d03b39;
}

.widget #mc_embed_signup svg {
  margin-top: 25px;
  margin-bottom: -12px;
}

.widget .custom-mailchimp-form {
  text-align: center;
}

.widget .custom-mailchimp-form input[type="email"] {
  width: 86.6666666667%;
  text-align: center;
}

.widget .custom-mailchimp-form input[type="email"].mce_inline_error {
  border: 1px solid #e13d3d;
}

.mc_embed_signup.row .response {
  font-size: 12px;
}

div#mce-error-response,
div#mce-success-response {
  font-size: 14px;
  color: #e13d3d;
  padding-top: 15px;
}

#comments {
  background: #f9f7f3;
  padding: 26px 0 16px;
  font-size: 15px;
}

.comments-header {
  padding-bottom: 26px;
  border-bottom: 1px solid #d6d6d6;
}

#comments-title {
  padding: 0 0 2.6em;
}

.nocomments,
.nopassword {
  color: #000000;
  font-size: 24px;
  margin: 26px 0;
}

.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.commentlist > li.comment {
  position: relative;
}

.commentlist .pingback {
  margin: 0 0 10px;
  padding: 10px;
}

.commentlist .children {
  list-style: none;
  margin: 0 0 10px 20px;
  padding-left: 89px;
}

.commentlist .children .children {
  margin: 10px 0 10px 10px;
}

.commentlist .children li.comment {
  position: relative;
}

article.comment {
  padding: 0 0 20px;
  margin-top: 40px;
  word-wrap: break-word;
  border-bottom: 1px solid #d6d6d6;
}

.comment-footer-meta,
.comment-meta {
  font-size: 13px;
}

.comment-footer-meta {
  position: relative;
}

.fn {
  display: block;
  clear: left;
  color: #000000;
  font-weight: 700;
}

.most-commented-module h3 {
  color: #000000;
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
  margin-bottom: 25px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.most-commented-module h2 {
  border-left: 1px solid;
  color: #000000;
  /*     font-size: 20px; */
  letter-spacing: 0.24px;
  /*     line-height: 25px; */
  margin-bottom: 25px;
  padding: 0;
  text-align: center;
  min-height: 48px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 41px;
  /*     height: 78px; */
}

.most-commented-post:first-of-type h2 {
  border-left: unset;
}

.most-commented-post a {
  color: unset;
}
.fn a {
  color: #000000;
}

.fn a:focus,
.fn a:hover {
  color: #e13d3d;
}

.yarpp-related #food h2,
.yarpp-related #food .excerpt,
.yarpp-related #design h2,
.yarpp-related #design .excerpt,
.yarpp-related #style h2,
.yarpp-related #style .excerpt {
  color: #ffffff;
}

.yarpp-related #style path,
.yarpp-related #design path,
.yarpp-related #food path {
  fill: #ffffff !important;
}

.yarpp-related #relationships h2,
.yarpp-related #relationships .excerpt,
.yarpp-related #travel h2,
.yarpp-related #travel .excerpt,
.yarpp-related #Motherhood h2,
.yarpp-related #Motherhood .excerpt {
  color: #000000;
}

.yarpp-related #relationships path,
.yarpp-related #travel path,
.yarpp-related #Motherhood path {
  fill: #000000 !important;
}

.entry-header a,
h1,
h1 a,
h2,
h2 a {
  color: #000000;
}

.avatar {
  padding-right: 10px;
  vertical-align: bottom;
}

.comment-content {
  max-width: 622px;
  padding: 28px 0 28px;
  /*font-family: 'Adobe Garamond Pro';*/
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.comment-content p {
  margin-bottom: 1em;
}

.comment-content p:last-of-type {
  margin-bottom: 0;
}

.commentlist .children > li.bypostauthor,
.commentlist .children > li.byuser,
.commentlist > li.bypostauthor,
.commentlist > li.byuser {
  padding-bottom: 0;
}

.commentlist .children > li.bypostauthor article.comment,
.commentlist .children > li.byuser article.comment,
.commentlist > li.bypostauthor article.comment,
.commentlist > li.byuser article.comment {
  padding: 20px 0 20px;
}

.comment-author-joanna article {
  border-top: 1px solid#003AB6;
  border-bottom: 1px solid#003AB6;
}

.comment-author-joanna .fn {
  color: #003ab6;
}

h1.archive-title.category-title {
  text-transform: none;
}

/* .article-1 .entry-header h2 {
    margin: 30px 0;
} */

.entry-header h1,
.entry-header h2 {
  margin: 20px 0 25px;
  padding-bottom: 0;
}

.series-module .entry-header h1,
.series-module .entry-header h2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* .article-1 .entry-content {
    width: 50%;
    height: 100%;
}

.article-1 .entry-content>a {
    display: block;
    position: relative;
}

.article-1 .entry-content>a:before {
    content: "";
    display: block;
    padding-top: 100%;
} */

.entry-header a:focus,
.entry-header a:hover {
  color: #d03b39;
}

.entry-header .byline .fn {
  text-transform: none;
  display: inline;
  clear: none;
  font-weight: inherit;
  letter-spacing: inherit;
}

.page-template-default .entry-header h2 {
  margin-top: -2px;
}

.page-template-default article {
  margin-bottom: 70px;
}

.page-template-page-faq article a,
.page-template-default article a {
  color: #d03b39;
}

.page-template-default article .entry-content p {
  overflow-wrap: anywhere;
}

.blog .hentry.format-aside {
  background: #fff;
  height: 300px;
}

.blog .hentry.format-aside .aside-content,
.blog .hentry.format-aside .aside-image {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 870px) {
  .blog .hentry.format-aside {
    height: auto;
  }
  .blog .hentry.format-aside .aside-content,
  .blog .hentry.format-aside .aside-image {
    display: block;
    clear: both;
  }
}

.blog .hentry.format-aside .aside-image {
  width: 40%;
  height: 300px;
  background-position: center;
  background-size: cover;
}

@media (max-width: 870px) {
  .blog .hentry.format-aside .aside-image {
    width: 100%;
  }
}

.blog .hentry.format-aside .aside-content {
  width: 59%;
  text-align: center;
  padding: 32px 23px 0;
  font-size: 15px;
}

@media (max-width: 870px) {
  .blog .hentry.format-aside .aside-content {
    width: 100%;
  }
}

.blog .hentry.format-aside .aside-content h1,
.blog .hentry.format-aside .aside-content h2 {
  font-size: 30px;
}

.blog .hentry.format-aside .aside-meta {
  margin-top: 2.25em;
  padding-bottom: 2.25em;
  font-size: 13px;
  line-height: 15px;
}

.blog .hentry.format-aside .aside-meta {
  margin-right: 0;
  display: block;
  font-size: 13px;
  line-height: 20px;
}

.blog .hentry.format-aside .aside-meta .aside-sharing {
  font-size: 13px;
  line-height: 20px;
}

.blog .hentry.format-aside .aside-meta .aside-sharing a:first-of-type:before {
  content: none;
}

.share-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.08em;
}

.post-tags {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
}

@media (min-width: 1350px) {
  .post-tags {
    font-size: 16px;
    line-height: 26px;
  }
}

.post-tags span {
  font-size: 16px;
}

.post-tags a {
  color: #000000;
}

.post-tags a:focus,
.post-tags a:hover {
  color: #d03b39;
}

.share-link {
  text-align: center;
  text-transform: uppercase;
  margin-right: 4px;
}

.home .share-link:before {
  content: " / ";
  color: #000000;
  margin-right: 4px;
}

.single .share-link {
  margin: 0 17px;
  font-size: 20px;
}

.single .share-link:first-of-type {
  margin-left: 0;
}
.single .share-link:last-of-type {
  margin-right: 0;
}

@media (max-width: 480px) {
  .single .share-link {
    margin: 0 4px;
  }
}

.single .share-link.share-fb {
  color: #3255a4;
}

.single .share-link.share-fb:focus,
.single .share-link.share-fb:hover {
  color: #203769;
}

.single .share-link.share-twitter {
  color: #33b3e8;
}

.single .share-link.share-twitter:focus,
.single .share-link.share-twitter:hover {
  color: #1589ba;
}

.single .share-link.share-pin {
  color: #d62d2d;
}

.single .share-link.share-pin:focus,
.single .share-link.share-pin:hover {
  color: #991e1e;
}

.single .share-link.share-email {
  color: #000000;
}

.single .share-link.share-email:focus,
.single .share-link.share-email:hover {
  color: #0d0d0d;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto !important;
  padding: 0;
  max-width: 750px;
}

.bx-wrapper ul {
  margin: 0;
  list-style: none;
}

.bx-wrapper p {
  padding: 1em 0 30px;
  font-size: 13px;
  margin-bottom: 0;
  width: 100%;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto !important;
}

.bx-wrapper .bx-controls {
  position: absolute;
  top: 40%;
  width: 100%;
  z-index: 100;
}

.bx-wrapper .bx-caption {
  width: 100%;
}

.bx-slider {
  list-style: none;
}

.bx-next,
.bx-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  padding-top: 12px;
  font-size: 27px;
  color: #000000;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-align: center;
  text-transform: none;
  line-height: 1em;
  background: rgba(255, 255, 255, 0.8);
}

.bx-next:focus,
.bx-next:hover,
.bx-prev:focus,
.bx-prev:hover {
  color: #e13d3d;
}

.bx-prev {
  left: 0;
}

.bx-next {
  right: 0;
}

#respond {
  margin: 0 0 2px;
  padding: 30px 0 0;
  position: relative;
  width: 100%;
  background: #f9f7f3;
  clear: both;
}

#respond input[type="search"],
#respond input[type="email"],
#respond input[type="number"],
#respond input[type="password"],
#respond input[type="tel"],
#respond input[type="text"],
#respond input[type="url"],
#respond input[type="color"],
#respond input[type="date"],
#respond input[type="datetime"],
#respond input[type="datetime-local"],
#respond input[type="month"],
#respond input[type="time"],
#respond input[type="week"],
#respond textarea {
  position: relative;
  background: #f9f7f3;
  border-color: #979797;
}

#respond input[type="search"],
#respond input[type="email"],
#respond input[type="number"],
#respond input[type="password"],
#respond input[type="tel"],
#respond input[type="text"],
#respond input[type="url"],
#respond input[type="color"],
#respond input[type="date"],
#respond input[type="datetime"],
#respond input[type="datetime-local"],
#respond input[type="month"],
#respond input[type="time"],
#respond input[type="week"],
#respond input[type="submit"],
#respond textarea {
  border-radius: 0 !important;
  outline: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

#respond input[type="search"],
#respond input[type="email"],
#respond input[type="number"],
#respond input[type="password"],
#respond input[type="tel"],
#respond input[type="text"],
#respond input[type="url"],
#respond input[type="color"],
#respond input[type="date"],
#respond input[type="datetime"],
#respond input[type="datetime-local"],
#respond input[type="month"],
#respond input[type="time"],
#respond input[type="week"] {
  border-bottom: 1px solid #000000;
  border-left: unset;
  border-right: unset;
  border-top: unset;
}

#respond input[type="search"],
#respond input[type="email"],
#respond input[type="number"],
#respond input[type="password"],
#respond input[type="tel"],
#respond input[type="text"],
#respond input[type="url"],
#respond input[type="color"],
#respond input[type="date"],
#respond input[type="datetime"],
#respond input[type="datetime-local"],
#respond input[type="month"],
#respond input[type="time"],
#respond input[type="week"] {
  width: 100%;
}

#respond textarea {
  width: 100%;
  max-height: 125px;
  min-height: 125px;
  resize: vertical;
}

#respond .form-submit {
  margin: 1em 0 0;
  clear: both;
}

#respond input[type="submit"] {
  cursor: pointer;
  float: right;
  margin: 10px 0;
  padding: 8.5px 14.99px;
  clear: both;
  border: 1px solid #e13d3d;
  background: transparent;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.8px;
}

#respond input[type="submit"]:focus,
#respond input[type="submit"]:hover {
  background: #e13d3d;
  color: #fff;
}

#respond .logged-in-as a {
  color: #000000;
}

.reply-title {
  font-size: 26px;
}

a.comment-reply-link {
  color: #e13d3d;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

a.comment-reply-link:focus,
a.comment-reply-link:hover {
  color: #d03b39;
}

#cancel-comment-reply-link {
  color: #e13d3d;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Futura PT Book";
  font-size: 12px;
  letter-spacing: 1.8px;
  text-align: right;
  line-height: 16px;
  text-transform: uppercase;
}

.comment #respond .comment-form-author,
.comment #respond .comment-form-email {
  width: 100%;
  margin-right: 0;
}

.form-allowed-tags {
  display: none;
}

/* new styles ///////////////////////////////////////////////////////////////////////////////////////*/

.block-hidden {
  display: none !important;
}

.mobile-faq,
.mobile-privacy {
  display: none;
}

.middle-post article.post {
  display: none;
}

.recommended .mini-grid-item .caption strong {
  font-weight: 400;
}

.home .mini-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .home .most-popular-cat-post {
    padding: 70px 0 0;
} */

.home .recommended {
  background: #f9f7f4;
  padding: 30px 0 0;
  text-align: center;
}

.home .most-popular-cat-post .entry-header-content h4 {
  max-width: 276px;
  margin-left: auto;
  margin-right: auto;
}

.home .article-popular .entry-header {
  padding: 25px 0 30px;
}

a.prevent {
  pointer-events: none;
}

.search .article,
.category .article {
  margin-bottom: 70px;
}

.category .nav-previous a {
  margin-bottom: 70px;
}

div.mce_inline_error {
  color: #ec3a23;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}

.mce-error-response {
  color: #ec3a23;
}

.mc_embed_signup_scroll {
  display: flex;
  justify-content: space-between;
}

.custom-mailchimp-form .button {
  width: 13px;
  height: 15px;
  background: url(../svg/footer-arow-svg.svg);
  background-repeat: no-repeat;
  font-size: 15px;
  position: absolute;
  right: 0px;
  color: #ffffff;
}

input#mce-EMAIL {
  border-bottom: 1px solid;
  padding-bottom: 16px;
}

.comment-form input:-webkit-autofill,
.comment-form input:-webkit-autofill:hover,
.comment-form input:-webkit-autofill:focus,
.comment-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #f9f7f4 inset !important;
}

.mc_embed_signup_scroll input:-webkit-autofill,
.mc_embed_signup_scroll input:-webkit-autofill:hover,
.mc_embed_signup_scroll input:-webkit-autofill:focus,
.mc_embed_signup_scroll input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #003ab6 inset !important;
  -webkit-text-fill-color: #f9f7f4 !important;
  -webkit-text-fill-size: 10px;
  border-color: #f9f7f4 !important;
  letter-spacing: 1.36px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px white inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: unset !important;
  -webkit-text-fill-size: 22px;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-color: white !important;
  background-image: none !important;
  color: white !important;
}

.custom-mailchimp-form {
  position: relative;
  width: 100%;
}

.custom-mailchimp-form input {
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background: 0 0;
  color: white !important;
  font-size: 12px !important;
  line-height: 12px !important;
  width: 100%;
  background-color: transparent !important;
}

.mc_embed_signup.row input[type="email"]::placeholder {
  width: 100%;
  border: 0;
  color: #f9f7f4;
  font-size: 10px;
  letter-spacing: 1.36px;
  margin-block-end: 0;
  margin-block-start: 0;
  margin: 0;
  padding: 0;
  line-height: unset;
  font-family: "Futura PT Book";
  text-transform: uppercase;
}

.col.span_6 {
  flex: unset;
  flex-basis: unset;
  -webkit-box-flex: unset;
  -ms-flex-positive: 1;
  flex-grow: unset;
  max-width: unset;
  margin: 0;
  padding: unset;
}

.mc_embed_signup.row h2 {
  color: #f9f7f4;
  font-size: 20px;
  letter-spacing: 0.24px;
  line-height: 25px;
  margin-block-end: 0;
  margin-block-start: 0px;
  text-align: initial;
  padding-bottom: 45px;
}

.mc_embed_signup.row {
  width: 26.16%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: unset;
  margin: 0;
  text-align: initial;
}

#loading {
  width: 75.275%;
  clear: both;
  display: none;
  margin-bottom: 100px;
}

#nav-below .nav-previous a {
  color: #000000;
  display: block;
  width: 186px;
  padding: 8px 10px;
  text-align: center;
  border: 1px solid #ec3a23;
  font-size: 12px;
  margin: 0 auto;
  line-height: 17px;
  letter-spacing: 1.4px;
  margin-bottom: 100px;
}

.home #loading img,
#loading img {
  width: unset;
}

.home #loading {
  clear: both;
  display: block;
  margin-top: 20px;
  width: 100%;
}

button,
input {
  outline: 0 !important;
}
p {
  margin: 0;
}

.middle-post .popular .caption {
  display: none;
}

p {
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 26px;
}

.popular h2 a:hover {
  color: #000000;
}
.popular h2,
.popular h2 a {
  -webkit-transition: color 0.2s ease;
  color: #003ab6;
  font-size: 20px;
  letter-spacing: 0.24px;
  line-height: 25px;
  transition: color 0.2s ease;
}

.page-bottom p,
p.small {
  font-size: 17px;
  letter-spacing: 0;
  line-height: 22px;
}

p.disclosure {
  font-size: 12px;
  letter-spacing: 0.03px;
  line-height: 17px;
}
.footer-bottom-copyrgiht p,
p.copyright {
  font-size: 10px;
  letter-spacing: 1.36px;
  line-height: 17px;
}

.h2,
h2 {
  font-size: 30px;
  line-height: 33px;
}

h1 {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 46px;
}

.series-module:hover h3.caption {
  color: #000000;
}

#primary {
  padding: 96px 58px 0;
  margin: 0 auto;
  max-width: unset;
}

.ads-side-sec-mobile {
  display: none;
}

.article-mobile {
  display: none;
}

.copyright {
  margin: 0;
}

/* .article-1 .feature-image {
    height: 100%;
} */

.comment-reply-title h3 {
  position: relative;
}

.single h3#reply-title {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 40px;
}

h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.3px;
  line-height: 25px;
  position: relative;
}

.cat-sec h3 {
  margin: 35px 0 5px;
}

h3.caption {
  color: #000000;
  font-size: 12px;
  letter-spacing: 1.12px;
  line-height: 16px;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}

a:hover {
  color: unset;
  text-decoration: none;
}

.recommended .mini-grid-item a,
.recommended .mini-grid-item:hover strong,
.recommended .related-placeholder a,
.recommended .related-placeholder:hover strong {
  color: #000000;
}

.home-page-container {
  padding: 0 58px;
  margin: 0 auto;
  max-width: unset;
  width: 100%;
}

.entry-date {
  text-transform: uppercase;
  padding: 0 0 0 10px;
}

body,
html {
  background: #f9f7f4;
}

[class*=" icon-"]:before,
[class^="icon-"]:before {
  display: inline-block;
  font-family: cupofjo;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 0px;
}

a {
  cursor: pointer;
  text-decoration: none;
}

/* .article-1 {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.article-1 h3.caption span,
.article-1 h3.caption {
    color: unset;
} */

#content {
  width: 100%;
}

.popular h4 {
  padding: 0;
  text-transform: capitalize;
  margin: 30px 0 0;
}

.popular h3 {
  color: #003ab6;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.8px;
  margin-bottom: 22px;
}
.popular h2 {
  margin-bottom: 35px;
}

#access ul li.search-trigger:hover {
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.entry-header {
  width: 100%;
  height: auto;
  background: unset;
  text-align: center;
}

.post-articles .entry-header-content {
  padding: 0px 20px;
  margin: 28px 0 0;
}

.post-articles .module-2-up .entry-header-content {
  padding: 0px 109px;
}

.module-2-up.hidden,
.module-3-up.hidden {
  display: none;
}

.entry-header-content h4 {
  /*font-family: 'Adobe Garamond Pro';*/
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  letter-spacing: 0.02px;
  line-height: 22px;
  margin-bottom: 28px;
}

.article-1 h2 a {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 46px;
}

.entry-header-content > a span {
  color: #ec3a23;
  padding-right: 0;
}

.series-module {
  width: 100%;
  margin-bottom: 0;
}

.sub-cat-item {
  border-bottom: solid 1px #a09898;
  min-height: 500px;
  width: 100%;
}

.sub-cat-item-post {
  border-top: solid 1px #a09898;
  padding: 36px 0 40px;
}

.sub-cat-name h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

.sub-cat-post {
  padding: 0 150px;
}

.sub-cat-post .article {
  margin: 0;
}

.sub-cat-post h4 {
  font-size: 14px;
  margin-bottom: 13px;
}

.sub-cat-post span {
  color: #ec3a23;
}

.slide-header ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 6px 0 6px;
  font-size: 19px;
  margin-left: 0;
}

.sub-cat-post-image {
  width: 47.68%;
  position: relative;
}

.sub-cat-post-image .sub-cat-background {
  min-height: 500px;
  height: 100%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-header .nav-pills #pills-style-tab.nav-link.active,
.slide-header .nav-pills #pills-style-tab.nav-link:hover {
  color: #003ab6;
  background-color: unset;
}

.slide-header .nav-pills #pills-travel-tab.nav-link.active,
.slide-header .nav-pills #pills-travel-tab.nav-link:hover {
  color: #ebb338;
  background-color: unset;
}

.slide-header .nav-pills #pills-relationships-tab.nav-link.active,
.slide-header .nav-pills #pills-relationships-tab.nav-link:hover {
  color: #ffb18b;
  background-color: unset;
}

.slide-header .nav-pills #pills-motherhood-tab.nav-link.active,
.slide-header .nav-pills #pills-motherhood-tab.nav-link:hover {
  color: #cfddee;
  background-color: unset;
}

.slide-header .nav-pills #pills-food-tab.nav-link.active,
.slide-header .nav-pills #pills-food-tab.nav-link:hover {
  color: #c94426;
  background-color: unset;
}

.slide-header .nav-pills #pills-design-tab.nav-link.active,
.slide-header .nav-pills #pills-design-tab.nav-link:hover {
  color: #107c64;
  background-color: unset;
}

.slide-header .nav-pills .nav-link {
  color: #000000;
}

.slide-header .nav {
  flex-wrap: unset;
}

.sub-cat-container {
  width: 52.32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.slider-post.hidden {
  display: none;
}

.widget {
  width: 21.52%;
  border-bottom: solid 1px #003ab6;
  border-top: solid 1px #003ab6;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.popular-side-bar-mobile .widget,
.popular-side-bar .widget {
  margin-bottom: 28px;
}

.slider-content {
  display: flex;
}

.most-commented-module {
  background-color: #ebb338;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

.most-commented-module .posts {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  padding-bottom: 30px !important;
  overflow: hidden;
  align-items: center;
}

.most-commented-post .post-excerpt {
  width: 218px;
  height: 25px;
  overflow: hidden;
  margin: 0 auto;
  font-family: serif;
}

.most-commented-post {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 24%;
}

.categorise-module {
  background-color: #d0ddee;
  padding: 70px 0;
}

.categorise-module-img {
  margin: 0 auto;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.categorys {
  display: flex;
  margin-left: -24px;
  margin-right: -24px;
  flex-wrap: wrap;
  text-align: center;
}

.cat-sec img {
  border-radius: 100%;
  height: 218px;
  width: 218px;
}

.cat-sec h1 {
  margin-top: 18px;
}

.cat-sec {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  margin-bottom: 40px;
  align-items: center;
}

.categorise-module a {
  width: 218px;
  height: 218px;
}

.popular-posts {
  display: flex;
  flex-wrap: wrap;
}

.article.article-popular {
    display: flex;
    flex-direction: column;
    padding-left: 51px;
    padding-right: 51px;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 0;
    margin-top: 0;
}

.most-popular-cat-post .article-popular .feature-image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.most-popular-cat-post .entry-content > a {
  display: block;
  position: relative;
}

.most-popular-cat-post .entry-content > a:before {
  content: "";
  display: block;
  padding-top: 133.333333%;
}

.article-popular .feature-image {
  height: 450px;
}

.article-popular .entry-header {
  padding: 57px 0;
}

.article-popular .entry-header-content {
  padding: 0 0;
}

.most-popular-cat-post {
    padding: 70px 0 0;
}

.most-commented-module .top-title {
  border-bottom: 1px solid black;
  font-size: 30px;
  margin-bottom: 55px;
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}

.editors-picks {
  background-color: #ffb18a;
  padding: 70px 0;
  font-family: "Futura PT Book";
}

.editors-picks h4 {
  margin-bottom: 70px;
  font-family: inherit;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0.36px;
  text-align: center;
  line-height: 33px;
}

.recommended .mini-grid-item .caption {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.24px;
  line-height: 25px;
  padding-top: 30px;
}

.yarpp-related .post-grid {
  justify-content: center;
  flex-wrap: nowrap;
}

.post-grid {
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  justify-content: space-between;
  letter-spacing: 0.24px;
  line-height: 25px;
  text-align: center;
  overflow: hidden;
}

.byline {
  padding-right: 10px;
}

.entry-header .byline {
  display: block;
  font-size: 12px;
  letter-spacing: 1.12px;
  padding: 15px 0 12px;
  text-transform: uppercase;
  text-align: center;
}

.editors-picks img {
  max-width: 200px;
  border-radius: 100%;
}

.middle-post {
  display: flex;
  justify-content: space-between;
}

.ads-side-sec {
  width: 21.52%;
  background-color: #979797;
}

.mid-sec {
  width: 48.26%;
}

.mid-sec .entry-header {
  margin-top: 28px;
}

.entry-content {
  position: relative;
  width: 100%;
}

.search-no-results .entry-content,
.error404 .entry-content {
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 100px;
}

.article-sponsored {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.article-sponsored .entry-header-content > a span {
  color: #ec3a23;
  padding-right: 0;
}

.comments-link {
  padding: 0 10px 0px 0;
}

.article-1 .comments-link {
  float: right;
  color: #ffffff;
  position: relative;
  top: 2px;
  padding: 0;
}

.post-articles {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 100px;
}

.module-2-up,
.module-3-up {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.module-2-up .article,
.module-3-up .article {
  margin: 0;
}

.mid-sec .article {
  margin-bottom: 0;
}

.module-3-up .article {
  display: flex;
  flex-direction: column;
  padding-left: 51px;
  padding-right: 51px;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  margin-bottom: 40px;
}

.module-2-up .entry-content > a:before {
  content: "";
  display: block;
  padding-top: 60%;
}

.mid-sec .entry-content > a,
.post-articles .entry-content > a {
  position: relative;
  display: block;
}

.mid-sec .entry-content > a:before {
  display: block;
  content: "";
  padding-top: 60.1%;
}

.module-3-up .entry-content > a:before {
  padding-top: 133.333333%;
  content: "";
  display: block;
}

.article-1 .feature-image,
.post-articles .feature-image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.mid-sec .feature-image {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.feature-image {
  height: 357.6px;
}

.module-2-up .article {
  width: 43.6%;
}

.module-2-up {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.posts-module {
  margin-bottom: 80px;
}

.entry-content:hover .entry-meta {
  visibility: visible;
  opacity: 1;
}

.hidden-post-footer {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}

.article-1 .entry-date {
  padding: 0;
}

.article:first-of-type {
  margin-top: 0;
}

.article {
  margin-bottom: 100px;
  margin-top: 42px;
}

#site-footer a {
  color: #fff;
  color: #f9f7f4;
}
#site-footer a:hover {
  text-decoration-color: #ec3a23;
}

.footer-bottom-copyrgiht {
  display: none;
}
#site-footer {
  background: #003ab6;
  color: #ffffff;
  font-size: 11px;
}

.footer-container {
  max-width: unset;
  margin: 0 auto;
  padding: 0 58px 50px 58px;
}

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

.footer-top-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  padding: 70px 0 95px 0;
}

.footer-navigators svg {
  height: 16px;
  width: 16px;
}

.footer-top-headline {
  text-transform: none;
  font-family: "Futura PT Book";
  font-size: 30px;
  color: #f9f7f4;
  letter-spacing: 0.36px;
  text-align: center;
  line-height: 33px;
  font-weight: unset;
  margin-bottom: 27px;
}

.footer-top-description em {
  font-style: unset;
}

.footer-top-description {
  color: #f9f7f4;
  /*font-family: 'Adobe Garamond Pro';*/
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.02px;
  line-height: 22px;
  margin-top: 18px;
  max-width: 436px;
  text-align: center;
  margin-bottom: 0;
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

/* .article-1 .entry-header {
    align-items: center;
    bottom: 0;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    top: 0;
    width: 50%;
    position: absolute;
    right: 0;
} */

#style-menu:hover > a {
  color: #003ab6;
}
#Style-mobile-menu,
#style-menu ul {
  border-top: 1px solid #003ab6;
}

#design-menu:hover > a {
  color: #107c64;
}
#Design-mobile-menu,
#design-menu ul {
  border-top: 1px solid #107c64;
}

.about .sub-cat {
  border-top: 1px solid #000000;
}

#food-menu:hover > a {
  color: #c94426;
}
#Food-mobile-menu,
#food-menu ul {
  border-top: 1px solid #c94426;
}

#relationships-menu:hover > a {
  color: #ffb18b;
}

#Relationships-mobile-menu,
#relationships-menu ul {
  border-top: 1px solid #ffb18b;
}

#travel-menu:hover > a {
  color: #ebb338;
}

#Travel-mobile-menu,
#travel-menu ul {
  border-top: 1px solid #ebb338;
}

#motherhood-menu:hover > a {
  color: #cfddee;
}

#Motherhood-mobile-menu,
#motherhood-menu ul {
  border-top: 1px solid #cfddee;
}
#Style-mobile-menu ul li a,
#Motherhood-mobile-menu ul li a,
#Travel-mobile-menu ul li a,
#Relationships-mobile-menu ul li a,
#Food-mobile-menu ul li a,
#Design-mobile-menu ul li a {
  color: #000000;
}

#Style-mobile-menu ul li a:hover,
#Motherhood-mobile-menu ul li a:hover,
#Travel-mobile-menu ul li a:hover,
#Relationships-mobile-menu ul li a:hover,
#Food-mobile-menu ul li a:hover,
#Design-mobile-menu ul li a:hover {
  color: #ec3a23;
}

.mobile-header-list li ul li a:hover {
  color: #ec3a23;
}

#Style-mobile-menu a {
  color: #003ab6;
}

#Design-mobile-menu a {
  color: #107c64;
}

#Food-mobile-menu a {
  color: #c94426;
}

#Relationships-mobile-menu a {
  color: #ffb18b;
}

#Travel-mobile-menu a {
  color: #ebb338;
}

#Motherhood-mobile-menu a {
  color: #cfddee;
}

#style {
  background-color: #003ab6;
  color: #f9f7f4;
}
#design {
  border-color: #ffffff;
  background-color: #107c64;
  color: #ffffff;
}
#food {
  border-color: #ffffff;
  background-color: #c94426;
  color: #ffffff;
}
#relationships {
  border-color: #000000;
  background-color: #ffb18b;
  color: #000000;
}
#travel {
  border-color: #000000;
  background-color: #ebb338;
  color: #000000;
}
#motherhood {
  border-color: #000000;
  background-color: #cfddee;
  color: #000000;
}
#sponsored {
  border-color: #000000;
  background-color: #e3abc3;
  color: #000000;
}

#design a {
  color: #ffffff;
}
#style a {
  color: #ffffff;
}
#food a {
  color: #ffffff;
}
#relationships a {
  color: #000000;
}
#travel a {
  color: #000000;
}
#motherhood a {
  color: #000000;
}
#sponsored a {
  color: #000000;
}

/* .article-1 .entry-header h3 a {
    text-transform: uppercase;
} */

.entry-meta,
.article-entry-meta {
  height: 32px;
  align-items: center;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.8px;
}

/* .article-1 .entry-meta {
    background-color: unset;
    border-top: 1px solid;
    bottom: 17px;
    display: flex;
    justify-content: space-between;
    left: 27px;
    letter-spacing: 1.64px;
    padding-top: 17px;
    position: absolute;
    right: 27px;
    text-transform: uppercase;
    width: auto;
} */

.entry-header-content {
  padding: 0 109px;
}

.entry-header-content > h3 {
  margin-bottom: 0;
}

.footer-form-block h2 {
  color: #f9f7f4;
  font-size: 20px;
  letter-spacing: 0.24px;
  line-height: 25px;
  margin-block-end: 0;
  margin-block-start: 0px;
  text-align: initial;
  padding-bottom: 45px;
}

.footer-navigators {
  display: flex;
  justify-content: space-between;
  padding: 50px 0 65px 0;
  font-family: "Futura PT Book";
  border-top: 1px solid white;
}

.menu-footer-container {
  margin-bottom: 47px;
}

.footer-categories {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  justify-content: space-between;
  letter-spacing: 1.36px;
  line-height: 13px;
  text-align: center;
  width: 30.24%;
}

.menu-footer-container ul {
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0;
  padding-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.first-header-list li:first-of-type {
  padding-left: 0;
}

.sec-header-list li:last-of-type {
  padding-right: 0;
}

.footer-disclosure {
  width: 26.16%;
  font-size: 12px;
  letter-spacing: 0;
  text-align: initial;
  line-height: 17px;
}

.footer-disclosure p {
  line-height: 19px;
  margin: 0;
}

.footer-top-description a {
  border-bottom: 1px solid #ffffff;
}

.footer-top-description a:hover {
  border-bottom-color: #e13d3d;
}

.footer-form-block {
  width: 26.16%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-footer-container li {
  text-transform: uppercase;
  font-size: 10px;
  width: 33.33333333%;
  padding-bottom: 23px;
}

.social-link {
  display: inline-block;
  border-right: unset;
  width: 50px;
}

.footer-form- p {
  border: 0;
  color: #f9f7f4;
  font-size: 10px;
  letter-spacing: 1.36px;
  margin-block-end: 0;
  margin-block-start: 0;
  margin: 0;
  padding: 0;
  line-height: unset;
}

.footer-form- {
  border-bottom: #f9f7f4 solid 1px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}

.header-logo {
  width: 301px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.first-header-list,
.sec-header-list {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.sheader-logo img {
  width: 100%;
  height: auto;
}

.desktop-nav {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.first-header-list li,
.sec-header-list li {
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 40px 26.5px;
  position: relative;
  right: 0;
  width: 100%;
}

.first-header-list li:first-of-type ul {
  left: -55px;
}

.first-header-list li ul,
.sec-header-list li ul {
  background: #f9f7f4;
  display: none;
  left: -28px;
  padding: 10px 0;
  position: absolute;
  right: -28px;
  top: 65px;
}

.first-header-list #relationships-menu ul,
.sec-header-list .about ul {
  right: -7px;
  left: -7px;
}

.first-header-list li:hover ul,
.sec-header-list li:hover ul {
  display: block;
}

header#site-header {
  background: #f9f7f4;
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 999;
}

.first-header-list li ul li,
.sec-header-list li ul li {
  display: block;
  padding: 13.56px 6px;
}

.first-header-list li ul li:first-of-type,
.sec-header-list li ul li:first-of-type {
  padding: 20px 6px 13.56px;
}

.first-header-list li ul li a:hover,
.sec-header-list li ul li a:hover {
  color: #ec3a23;
}

ul.sub-cat {
  text-align: center;
}
ul.sub-cat li a {
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 1.4px;
  line-height: 12px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
}

.first-header-list li a,
.sec-header-list li a {
  color: #000000;
  display: block;
  font-size: 14px;
  letter-spacing: 0.74px;
  text-decoration: none;
  text-transform: capitalize;
}

.mobile-nav .nav-trigger {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.mobile-nav .nav-trigger:hover {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  cursor: pointer;
}
.mobile-nav {
  display: none;
  padding: 20px 0 0 0;
}

.overlay-nav {
  background: #f9f7f4;
  display: none;
  padding: 0 19px;
  position: absolute;
  top: 78px;
  width: 40%;
}

.overlay-nav ul {
  margin: 0;
  list-style: none;
  padding-inline-start: 0;
}

.overlay-nav ul li.current-menu-item a {
  color: #d03b39;
}

ul.mobile-sub-cat {
  display: flex;
  flex-wrap: wrap;
}
.mobile-header-list ul li a {
  margin: 0;
  text-transform: uppercase;
}

.mobile-header-list li a {
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 27px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  text-decoration: none;
}

.mobile-header-list li {
  padding-top: 20px;
  border-top: solid 1px;
  margin-bottom: 40px;
}

.mobile-sub-cat li {
  border: unset;
  margin: 0;
  padding-top: 0;
  white-space: pre-wrap;
  width: 42%;
}

.mobile-sub-cat li:nth-child(odd) {
  margin-right: 32px;
}

.mobile-sub-cat li a {
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
  padding: 40px 0 0 0;
}

.overlay-nav {
  display: none;
}

[class*=" icon-"]:before,
[class^="icon-"]:before {
  font-family: cupofjo;
  font-style: normal;
}

#access ul {
  align-items: center;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

#access ul {
  align-items: center;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

.mobile-header-nav {
  display: none;
}
/*/////////////////////////////////////////////////////*/
@media all and (max-width: 1180px) {
  embed iframe,
  img,
  object {
    width: 100%;
  }
  .sub-cat-post {
    padding: 0 81px;
  }
  .first-header-list li ul,
  .sec-header-list li ul {
    left: -20px;
    right: -20px;
  }
  .first-header-list li a,
  .sec-header-list li a {
    font-size: 11px;
  }

  .entry-header-content {
    padding: 0 46px;
  }

  .first-header-list li,
  .sec-header-list li {
    padding: 40px 20.5px;
  }

  .first-header-list li:first-of-type ul {
    left: -37px;
  }

  .post-articles .module-3-up .entry-header-content {
    padding: 0px 30px;
  }

  .post-articles .module-2-up .entry-header-content {
    padding: 0px 60px;
  }

  .slide-header ul {
    padding: 30px 0px;
  }
}
/*//////////////////////////////////////*/
@media all and (max-width: 1024px) {
  .clear.mce-responses {
    position: absolute;
    bottom: 41px;
  }

  .concat-faq-privacy {
    display: none;
  }

  .mobile-faq,
  .mobile-privacy {
    display: block;
  }

  .module-3-up .article {
    padding-left: 15px;
    padding-right: 15px;
  }

  #access ul {
    padding: 13px 0;
  }

  .home .most-popular-cat-post .entry-header-content h4 {
    max-width: 190px;
  }

  /* .article-1 .feature-image {
        height: 485px;
        position: static;
    } */

  /* .article-1 .entry-content>a:before {
        content: "";
        display: block;
        padding-top: unset;
    } */

  .most-commented-post .post-excerpt {
    width: auto;
  }

  .menu-footer-container li {
    width: 50%;
  }

  .post-articles .module-3-up .entry-header-content {
    padding: 0px 0;
  }

  .most-commented-module .posts {
    padding: 0 0 30px;
  }

  #primary {
    padding: 78px 19px 0px;
  }

  .sub-cat-post {
    padding: 0 41px;
  }

  .home-page-container {
    padding: 0 19px;
    overflow: hidden;
  }

  .mobile-header-nav {
    display: block;
  }
  .mobile-nav {
    padding: 0 0 0 0;
  }

  .icon-menu:before {
    content: "\e809";
  }

  .icon-close:before {
    content: "\e806";
  }

  .footer-container {
    padding: 0 19px;
  }

  .menu-footer-container li {
    margin-bottom: 20px;
    line-height: 20px;
  }

  .custom-mailchimp-form {
    position: absolute;
    bottom: 0;
  }

  .col.span_6 {
    height: 153px;
  }

  .col.span_6.pull-left {
    height: unset;
  }

  #access .desktop-nav {
    display: none;
  }

  .mobile-nav {
    display: block;
    display: flex;
    justify-content: space-between;
  }

  [class*=" icon-"]:before,
  [class^="icon-"]:before {
    font-size: 15px;
    width: 15px;
  }

  .mobile-header-list {
    height: calc(100vh - 130px);
    overflow-x: auto;
    padding-inline-start: 0;
    white-space: nowrap;
  }

  .slide-header ul {
    padding: 6px 0 6px 0;
  }

  .slide-header .nav-pills .nav-link {
    padding: 0;
  }

  .article.article-popular {
    padding-left: 15px;
    padding-right: 15px;
  }

  .social-link {
    width: 40px;
  }

  .most-commented-module h2 {
    min-height: 75px;
  }

  .byline {
    text-align: end;
  }
}
@media all and (max-width: 768px) {
  .module-3-up .article {
    padding-left: 10px;
    padding-right: 10px;
  }

  #access ul {
    padding: 6px 0;
  }

  #primary {
    padding: 64px 19px 0px;
  }

  .post-articles .module-2-up .entry-header-content {
    padding: 0;
  }

  .most-commented-module h2 {
    font-size: 18px;
  }

  .sub-cat-post {
    padding: 0;
  }

  .entry-header-content {
    padding: 0;
  }

  .most-commented-module .posts {
    padding: 0;
  }

  .home .most-commented-module .posts {
    padding: 0 0 30px;
  }

  .overlay-nav {
    width: 50%;
    top: 70px;
  }
  .social-link {
    width: 25px;
  }

  .footer-form- p {
    font-size: 9px;
  }

  .footer-disclosure p {
    height: 300px;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow-y: hidden;
  }

  .footer-categories {
    width: 46%;
  }

  .header-logo {
    width: 230.74px;
    padding: 20px 0;
  }

  .most-commented-post .post-excerpt {
    width: auto;
  }
  .module-2-up .article {
    width: 47.6%;
  }

  .module-3-up .article {
    width: 30.16%;
  }

  .article.article-popular {
    padding-left: 10px;
    padding-right: 10px;
  }

  #access .mobile-nav .nav-trigger {
    padding-top: 6px;
  }

  .cat-sec {
    padding-left: 19px;
    padding-right: 19px;
    flex: 0 0 49.333333%;
    max-width: 49.333333%;
    margin-bottom: 60px;
  }
}

/*/////////////////////////////////////////////////////*/
@media all and (max-width: 480px) {
  .clear.mce-responses {
    position: unset;
  }

  .categorise-module a {
    width: 136px;
    height: 136px;
  }

  .cat-sec h3 {
    margin: 20px 0 5px;
  }

  .home .most-commented-module .posts {
    padding: 0;
  }

  .middle-post article.post {
    display: unset;
  }

  .home .most-popular-cat-post .entry-header-content h4 {
    max-width: 232px;
  }

  .home #nav-below .nav-previous a {
    margin-bottom: 60px;
  }

  .home .article-popular .entry-header {
    padding: 57px 0 30px;
  }

  .custom-mailchimp-form {
    position: relative;
  }

  .col.span_6 {
    height: unset;
  }

  .sub-cat-item-post:first-of-type {
    border-top: unset;
  }

  .entry-meta {
    bottom: -32px;
  }

  .mc_embed_signup.row {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .mc_embed_signup.row h2 {
    font-size: 20px;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 25px;
    padding-bottom: 50px;
  }

  .nav-previous a {
    margin-bottom: 60px;
  }

  .series-module {
    margin-bottom: 0;
  }

  .recommended .mini-grid-item .caption {
    padding-top: 18px;
  }

  #wpadminbar {
    position: fixed;
  }

  p {
    font-size: 19px;
    letter-spacing: 0.03px;
    line-height: 26px;
  }

  h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 33px;
  }
  p.disclosure {
    font-size: 14px;
    letter-spacing: 0.03px;
    line-height: 19px;
  }

  .h2,
  h2 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 0;
  }

  .article-mobile {
    display: block;
  }
  .popular .most-pop-slider {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    justify-content: space-between;
    display: flex;
  }

  .most-commented-module {
    position: relative;
  }

  button.previous-most-commented {
    position: absolute;
    left: 0;
    bottom: 50%;
    border-style: unset;
    background-color: unset;
    border-color: unset;
  }

  button.previous-popular {
    position: absolute;
    left: 0px;
    bottom: 65%;
    border-style: unset;
    background-color: unset;
    border-color: unset;
  }

  .series-module button.next-most-commented,
  .series-module button.previous-most-commented {
    bottom: 16%;
  }

  .series-module .entry-header h1,
  .series-module .entry-header h2 {
    text-overflow: unset;
    overflow: unset;
    white-space: unset;
  }

  button.next-most-commented {
    position: absolute;
    right: 0;
    bottom: 50%;
    border-style: unset;
    background-color: unset;
    border-color: unset;
  }

  button.next-popular {
    position: absolute;
    right: 0px;
    bottom: 65%;
    border-style: unset;
    background-color: unset;
    border-color: unset;
  }
  button.next-most-commented,
  button.previous-most-commented,
  button.next-popular,
  button.previous-popular {
    outline: unset;
    z-index: 100;
  }

  .module-2-up,
  .module-3-up {
    flex-direction: column;
  }

  .module-2-up .article,
  .module-3-up .article {
    width: 100%;
  }

  .module-3-up .article {
    margin: 0 auto;
    max-width: 267px;
    padding-left: 0;
    padding-right: 0;
  }

  .module-2-up .feature-image {
    height: 100%;
  }

  .module-3-up .feature-image {
    height: 356px;
    position: unset;
  }

  .module-2-up .entry-content > a:before {
    content: "";
    display: block;
    padding-top: 59.99999999%;
  }

  .module-3-up .entry-content > a:before {
    padding-top: unset;
    content: unset;
    display: unset;
  }

  .widget {
    padding-top: 25px;
    width: 100%;
    position: relative;
    margin-bottom: 28px;
  }

  .slick-arrow {
    display: none;
  }

  .most-pop-slider .slick-slide {
    padding: 0 31px;
  }

  .popular .widget-title {
    padding: 18px 0 45px;
  }

  .middle-post {
    flex-direction: column;
  }

  .your-class {
    display: flex;
  }

  .post-articles .entry-header-content {
    padding: 0 20px;
    margin: 57px 0 60px;
  }

  .ads-side-sec-mobile {
    background-color: #979797;
    display: block;
    height: 225px;
    margin: 0 auto 50px;
    width: 267px;
  }

  .ads-side-sec-mobile h2 {
    padding-bottom: 0;
  }

  .post-articles {
    margin-top: 50px;
  }

  .popular h3 {
    margin-bottom: 25px;
  }

  .mid-sec {
    width: 100%;
  }

  .ads-side-sec {
    display: none;
  }

  .entry-header-content {
    padding: 57px 37px 50px;
  }

  .entry-header-content {
    padding-right: 0;
    padding-left: 0;
  }

  .entry-header h1,
  .entry-header h2 {
    margin: 18px 0 28px;
  }

  .search .post-grid .entry-header-content h4,
  .archive .post-grid .entry-header-content h4 {
    margin-bottom: 25px;
    max-width: 232px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .entry-header-content h4 {
    margin-bottom: 25px;
    max-width: 232px;
    margin-left: auto;
    margin-right: auto;
  }

  .hidden-post-footer {
    visibility: visible;
    opacity: unset;
    transition: visibility 0.3s linear, opacity 0.3s linear;
  }

  article.article.article-mobile {
    margin: 0;
  }

  .byline {
    padding: 5px 6px 5px 0;
  }

  .entry-date {
    padding: 5px 0px 5px 6px;
  }

  .home #nav-below {
    margin-top: 0px;
  }

  .most-commented-module h2 {
    min-height: 0;
  }

  .most-commented-module .top-title {
    margin-bottom: 40px;
    padding: 30px 0;
  }
  .most-commented-module h2,
  .most-commented-module h3 {
    margin-bottom: 18px;
  }

  .entry-meta,
  .article-entry-meta {
    font-size: 10px;
    letter-spacing: 1.4px;
    line-height: 17px;
  }

  .most-commented-post .post-excerpt {
    width: 200px;
    margin-bottom: 40px;
  }

  .posts-module {
    margin: 0px;
  }
  .home .hero-posts .module-2-up {
    margin-top: 25px;
  }
  .slider-content {
    flex-direction: column;
  }

  .sub-cat-post-image {
    width: 100%;
  }

  .sub-cat-post-image .sub-cat-background {
    min-height: unset;
    height: 211px;
  }

  .sub-cat-container {
    width: 100%;
    margin-top: 32px;
  }

  .slide-header {
    text-align: center;
    position: relative;
  }

  #primary {
    padding: 77px 19px 0px;
  }

  /* .article-1 {
        display: none;
    } */

  ul.mobile-header-list {
    padding: 0 0 45px;
  }

  .overlay-nav {
    width: 100%;
    height: calc(100vh - 100px);
    top: 76px;
  }

  .cat-sec img {
    height: 136px;
    width: 135px;
  }

  .footer-navigators {
    align-items: center;
    flex-direction: column;
    min-height: 500px;
    padding-bottom: 40px;
    padding-left: calc(100% - 600px);
    padding-right: calc(100% - 600px);
    padding: 30px 0 65px;
  }

  .footer-form-block {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .footer-top-section {
    padding: 50px 0;
  }

  .footer-top-description span {
    display: block;
    width: 100%;
  }

  .footer-top-description {
    margin-top: 16px;
    font-size: 17px;
    color: #f9f7f4;
    letter-spacing: 0.02px;
    text-align: center;
    line-height: 22px;
  }

  .footer-form- p {
    font-size: 11px;
  }

  .footer-social-icons {
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 0 30px;
    margin-top: 0;
  }

  .footer-disclosure,
  .footer-categories {
    width: 100%;
    margin-top: 69px;
  }

  .footer-disclosure {
    margin-left: 0;
    margin-bottom: 40px;
    margin-top: 7px;
  }

  .copyright {
    display: none;
  }
  .footer-bottom-copyrgiht {
    display: block;
  }
  .footer-disclosure p {
    height: auto;
    word-break: normal;
    text-overflow: unset;
    font-size: 15px;
    line-height: 1.6;
  }

  .menu-footer-container {
    margin-bottom: 0;
  }

  .footer-form-block h2 {
    font-size: 16px;
    letter-spacing: 0.7px;
    text-align: center;
  }

  .menu-footer-container li {
    font-size: 13px;
  }

  .popular-posts {
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    margin-left: 0;
    margin-right: 0;
  }

  .article.article-popular {
    padding-left: 0;
    padding-right: 0;
    flex: unset;
    margin: 0 auto;
    width: 100%;
    max-width: 267px;
    padding-top: 60px;
  }

  .article-popular .feature-image {
    height: 356px;
  }

  .recommended {
    padding: 0 0 0;
  }

  .most-popular-cat-post {
      padding: 0;
  }

  .cat-sec h1 {
    margin-bottom: 0;
  }

  .categorise-module {
    padding: 60px 0 20px;
  }

  .editors-picks {
    padding: 30px 0;
  }

  .editors-picks h4 {
    margin-bottom: 30px;
  }

  .editors-picks img {
    margin: 0 auto;
  }

  .footer-form-block h2 {
    padding-bottom: 50px;
  }
  .footer-top-headline {
    margin-bottom: 14px;
  }

  .popular h2 {
    margin-bottom: 28px;
  }

  #access .mobile-nav .nav-trigger {
    padding: 6px 0;
  }

  .sub-cat-post .entry-header h2 {
    margin: 18px 0 0;
  }

  .sub-cat-item-post {
    padding: 25px 0;
  }
}

@media all and (max-width: 319px) {
  .header-logo {
    width: 191.74px;
    padding: 20px 0;
  }
}

/*about page styles//////////////////////////////////////////////////////////*/
.about-top-sec {
  background-color: #003ab6;
  color: #ffffff;
  text-align: center;
  transform: translateY(95px);
}

.also-like {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 277px;
}

.also-like-post {
  position: relative;
}

.also-like-post .byline {
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  color: #000000;
  background: #f9f7f4;
}

.also-like-post .byline a {
  color: #000000 !important;
  font-size: 12px;
  text-transform: uppercase;
}

.also-like-post:hover .byline {
  opacity: 1;
  visibility: visible;
}

.about-top-sec h2,
.about-top-sec h3 {
  color: #ffffff;
}

.page .hentry {
  border-bottom: none;
}

.page-template-page-about h1,
.page-template-page-about h2 {
}

.our-story-boarder {
  border-bottom: 1px solid;
  padding: 35px 0;
}

.praise-section {
  margin: 0 auto;
  max-width: 596px;
  padding: 130px 0;
}

.page-template-page-about article {
  padding: 70px 0 0;
  text-align: center;
}

.team-title {
  margin-bottom: 70px;
}

.all-team-members {
  display: flex;
  flex-wrap: wrap;
  max-width: 1120px;
  margin: 0 auto;
}

.popular-cat-header {
  font-size: 30px;
  letter-spacing: 0.36px;
  text-align: center;
  line-height: 33px;
  padding-bottom: 70px;
  margin-bottom: 0;
}

.team-member {
  margin: 0 auto 100px;
  width: 436px;
  overflow-x: auto;
}

.member-bio {
  text-align: initial;
}

.member-bio a {
  color: #ec3a23;
  overflow-wrap: break-word;
}

.team-member img {
  width: 100%;
  height: 100%;
}

.team-member-pic {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 40px;
}

.team-back-image {
  width: 250px;
  height: 250px;
  background-position-y: inherit;
  background-position-x: right;
  background-size: cover;
  display: block;
  border-top-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-bottom-right-radius: 100px;
}

.team-member h2 {
  margin-bottom: 18px;
}

.member-title p {
  margin-bottom: 30px;
  font-size: 12px;
  color: #003ab6;
  letter-spacing: 1.8px;
  line-height: 16px;
  text-transform: uppercase;
}

.member-bio p {
  margin-bottom: 0;
}

.praise-grid {
  border-bottom: none;
  display: flex;
  overflow: hidden;
}

.praise-module-sec {
  background-color: #ebb338;
  text-align: center;
}

.praise-module-sec h2 {
  border-bottom: 1px solid;
  margin: 0;
  padding: 40px 0;
}

.press-item {
  margin: 55px 0;
  border-left: 1px solid;
  height: 142px;
}

.press-logo {
  max-height: 40px;
  margin-bottom: 55px;
}

.press-item img {
  margin: 0px auto 0;
}

.press-item p {
  padding: 0 30px;
  margin: 0;
}

.page-bottom {
  margin: 100px auto;
  text-align: center;
  width: 39.52%;
}

.page-bottom h3 {
  font-size: 30px;
  line-height: 33px;
  margin-bottom: 0;
  letter-spacing: 1.3px;
  text-transform: capitalize;
}
.page-bottom p {
  margin: 40px 0 55px;
}

.page-bottom a {
  color: #ec3a23;
}

@media all and (max-width: 1180px) {
  .press-item img {
    width: auto;
  }
}

@media all and (max-width: 1024px) {
  .about-top-sec {
    transform: translateY(73px);
  }

  .praise-section {
    padding: 90px 0;
  }
}

@media all and (max-width: 768px) {
  .page-bottom {
    width: 50.52%;
  }
}

@media all and (max-width: 480px) {
  .popular-cat-header {
    padding-bottom: 0px;
  }

  .praise-grid {
    margin: 0 19px;
  }

  .praise-grid button {
    padding: 0;
  }

  .press-item {
    border-left: none;
    margin: 40px 0;
  }
  .page-bottom h3 {
    font-size: 27px;
    line-height: 30px;
  }

  .page-bottom {
    width: 100%;
    margin: 80px auto;
  }

  .press-logo {
    margin-bottom: 40px;
  }

  .our-story-boarder {
    padding: 30px 0;
  }

  .praise-section {
    padding: 50px 0;
  }

  .page-template-page-about article {
    padding: 50px 0 0;
  }

  .team-member:last-of-type {
    padding-bottom: 58px;
  }

  .team-member {
    margin: 0 auto 50px;
  }

  .team-member-pic {
    width: 200px;
    height: 200px;
    margin: 0 auto 35px;
  }

  .team-back-image {
    width: 200px;
    height: 200px;
  }

  .team-member h2 {
    margin-bottom: 18px;
  }

  .member-title p {
    margin-bottom: 28px;
  }

  .praise-module-sec {
    margin-top: -60px;
  }

  .page-bottom p {
    margin: 25px 0 40px;
  }

  .praise-module-sec h2 {
    padding: 30px 0;
  }
}

/*///////////////////////////////////////////////////////////////////end about sec*/

/* search style sec //////////////////////////////////////////////////////////////////*/
.popular-side-bar .ads-side-sec {
  width: unset;
  position: sticky;
  top: 96px;
  height: 618px;
}

.search-dropdown {
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  width: 100%;
  display: none;
  height: 98px;
  background: #ffffff;
  top: 96px;
  z-index: 999;
}

.search-dropdown form {
  border: none;
  height: 98px;
  display: flex;
  justify-content: space-between;
  padding: 0;
  position: relative;
}

.search-dropdown button {
  background: 0 0;
  border: none;
  font-size: 18px;
  width: 32px;
  position: absolute;
  padding: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.icon-search-desktop:hover,
.icon-search:hover {
  color: #ec3a23;
}

.search-dropdown input#s::-webkit-input-placeholder {
  background-image: url("../svg/svg-place-holder.svg");
  background-repeat: no-repeat;
}

.search-dropdown input#s {
  font-size: 30px;
  text-align: center;
  line-height: 33px;
  border: none;
  width: 100%;
  margin: 0 90px;
  padding: 0;
}

.search-dropdown h2 {
  position: absolute;
  top: calc(50% - 16px);
  margin: 0;
}
.search-dropdown .home-page-container {
  position: relative;
}

.entry-header h1.archive-title {
  letter-spacing: 0.03em;
  text-transform: capitalize;
  padding: 35px 0;
  border-bottom: 1px solid;
  margin: 0;
}

.category .entry-header h1.archive-title {
  font-weight: 400;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 46px;
}

.popular-side-bar {
  width: 27.42%;
  max-width: 27.42%;
  margin-left: 21px;
  overflow-x: unset;
}

.all-content {
  display: flex;
  margin-top: 70px;
}

.all-content .post-grid {
  margin-right: 30px;
}

.post-grid .article {
  margin-top: 0;
  padding-left: 0px;
  padding-right: 15px;
  flex: 0 0 47.98%;
  max-width: 47.98%;
}

.post-grid .entry-content {
  height: 263px;
}

.post-grid .feature-image {
  height: 263px;
}

.post-grid .entry-header-content {
  padding: 0 54px;
}

.post-grid .entry-header-content h4 {
  padding: 0 36px;
}
.post-grid .entry-header h2 {
  margin: 28px 0 30px;
}

.popular-side-bar .widget {
  width: 100%;
}

.popular-side-bar .caption {
  margin-bottom: -5px;
  padding-top: 30px;
  color: #003ab6;
}
.popular-side-bar-mobile {
  display: none;
}

@media all and (max-width: 1024px) {
  .search-dropdown {
    top: 78px;
  }

  .search-dropdown button {
    text-align: end;
  }

  .post-grid .entry-header-content {
    padding: 0 0px;
  }

  .post-grid .article {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .popular-side-bar {
    width: 37.42%;
    margin-left: 0px;
  }
}

@media all and (max-width: 768px) {
  .search-dropdown {
    top: 64px;
  }
  .search-dropdown input#s,
  .search-dropdown form,
  .search-dropdown {
    height: 75px;
  }

  .popular-side-bar {
    width: 44.42%;
  }
}
@media all and (max-width: 480px) {
  .search #nav-below .nav-previous a {
    margin-bottom: 60px;
  }

  .category .entry-header h1.archive-title {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 33px;
  }

  .popular-side-bar-mobile {
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 28px;
  }
  .popular-side-bar-mobile .caption {
    margin-bottom: -5px;
    padding-top: 30px;
    color: #003ab6;
  }

  .popular-side-bar .widget {
    width: 100%;
  }
  .search-dropdown h2 {
    display: none;
  }

  .search-dropdown input#s {
    margin-left: 0;
    text-align: initial;
    margin-right: 25px;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 25px;
  }

  .entry-header h1.archive-title {
    padding: 30px 0;
  }

  .all-content {
    display: flex;
    margin-top: 30px;
  }

  .all-content .post-grid {
    margin-right: 0;
  }
  .popular-side-bar {
    display: none;
  }

  .post-grid .article {
    padding: 0;
    margin-bottom: 50px;
  }

  #nav-below {
    width: 100%;
  }
  #loading {
    width: 100%;
    margin-bottom: 50px;
  }
  .search .entry-meta {
    display: none;
  }
}

/*//////////////////////////////////////////////////////////////////*end search sec*/

/* Category */

.archive #content,
.search #content {
  width: 88.8%;
}

.search .post-grid .article,
.archive .post-grid .article {
  margin-top: 0;
  padding-left: 0px;
  padding-right: 9.8px;
  flex: 0 0 47.98%;
  max-width: unset;
}
.search .post-grid .entry-content,
.archive .post-grid .entry-content {
  height: unset;
}

.search .post-grid .entry-content > a,
.archive .post-grid .entry-content > a {
  display: block;
  position: relative;
}
.search .post-grid .entry-content > a:before,
.archive .post-grid .entry-content > a:before {
  content: "";
  display: block;
  padding-top: 60.32%;
}

.search .post-grid .feature-image,
.archive .post-grid .feature-image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.explore-series-image {
  width: 100%;
  height: 100%;
}

.category .child-category a:hover h3 {
  color: #ec3a23;
}

h1.category-title {
  margin: 0 !important;
}

.child-category {
  display: flex;
  justify-content: space-around;
  padding: 30px 0 0;
}

.child-category-title {
  margin: 0;
  padding: 0 6px;
}

.child-category:empty {
  padding-top: 0;
}

.category-container {
  display: flex;
  justify-content: space-between;
}

.category-aside {
  max-width: 269px;
  margin-left: 58px;
  width: 50%;
}

.category-aside-mobile {
  display: none;
}

.category-aside .widget {
  width: 100%;
}

.category .category-aside .most-pop-slider div:nth-child(n + 6) {
  display: none;
}

.category-aside .series-module {
  display: none;
}

.category-container img {
  width: 100%;
}

.category-aside h2 {
  margin-bottom: 35px;
}

.category-aside h3,
.category-aside h2,
.category-aside a {
  line-height: 1;
}

.popular .widget-cat-title {
  font-size: 12px;
  letter-spacing: 1.8px;
  text-align: center;
  line-height: 16px;
  padding: 35px 0 30px;
  text-transform: uppercase;
}

.category-aside .ads-side-sec-desktop {
  background-color: #979797;
  height: 525px;
  width: 267px;
  position: sticky;
  margin: 28px auto 50px;
  top: 96px;
}

.save-grid {
  width: 100%;
  max-width: 875px;
}

.grid-item {
  max-width: 436px;
  text-align: center;
  margin-bottom: 35px;
}

.grid-item .excerpt {
  margin-bottom: 28px;
}

.mini-comments-link span {
  color: #ec3a23;
}

.category-container .entry-header-content {
  padding: 0 20px;
}

.grid-item .secondary-caption {
  position: static;
}

.grid-item:hover .excerpt {
  transform: none;
}

.grid-content {
  margin-bottom: 28px;
  position: relative;
}

.grid-content:hover .hidden-post-footer {
  visibility: visible;
  opacity: 1;
}

.load-more-grid-btn,
.load-more-grid-btn ~ * {
  display: none;
}

.load-more-grid-btn:checked ~ * {
  display: block;
}

.explore-series {
  display: flex;
  justify-content: center;
}

.explore-series .entry-meta .byline {
  padding: 0;
}

.explore-series .entry-meta .entry-date {
  display: none;
}

.explore-series .entry-meta {
  justify-content: center;
}

.explore-series-item {
  margin-right: 55px;
  text-align: center;
  width: 25%;
}

.explore-series-item:last-child {
  margin-right: 0;
}

.explore-series-item img {
  width: 100%;
}

.archive .explore-series .grid-content > a {
  display: block;
  position: relative;
}

.archive .explore-series .grid-content > a:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.explore-series-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.explore-series-item .grid-content {
  margin-bottom: 30px;
  width: 100%;
}

.explore-series-title {
  padding: 70px 0;
  border-top: 1px solid #979797;
  text-align: center;
}

.sub-explore-series {
  color: #000000;
  display: block;
  margin: 30px 0 70px;
}

@media all and (max-width: 768px) {
  .save-grid {
    width: 100%;
  }

  .explore-series {
    flex-wrap: wrap;
  }

  .explore-series-item {
    margin-right: 0;
    width: 45%;
    max-width: 315px;
  }

  .explore-series-item:nth-child(odd) {
    margin-left: 0;
  }

  .explore-series-item {
    margin-left: 30px;
  }

  .explore-series-title {
    padding: 50px 0;
    margin-top: 60px;
  }
}

@media all and (max-width: 480px) {
  .archive #content,
  .search #content {
    width: unset;
  }

  .explore-series-item {
    width: 74%;
    margin: 0 auto;
  }

  .search .popular .widget-cat-title,
  .archive .popular .widget-cat-title {
    padding-top: 0;
    padding-bottom: 0;
  }

  .category .explore-series-title {
    padding: 50px 0;
    margin-top: 20px;
  }

  .category #nav-below .nav-previous a {
    margin-bottom: 50px;
  }

  .archive .entry-meta {
    display: none;
  }

  .save-grid {
    width: 100%;
  }

  .child-category {
    display: none;
  }

  .category-aside {
    display: none;
  }

  .category-aside-mobile {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }

  .category-aside .widget {
    margin-bottom: 50px;
  }

  .explore-series-item {
    max-width: 100%;
  }

  .explore-series-item:nth-child(odd) {
    margin-left: auto;
  }
  .explore-series-item:last-child {
    margin-right: auto;
  }
}

/* ARTICLES */

.team-member:first-of-type .team-back-image,
.team-member:last-of-type .team-back-image {
  background-position-y: center;
}

div[data-image-hide]:not(:first-child),
p[data-image-hide]:not(:first-child) {
  display: none;
}

.commentlist #respond {
  margin: 10px 0 0px 20px;
  padding-left: 89px;
  width: auto;
}

.comment #respond .comment-form-url {
  width: 47.2%;
}

.one-one-ratio {
  position: relative;
}

.one-one-ratio:before {
  content: "";
  padding-top: 100%;
  display: block;
}

.one-to-one-caption img {
  display: none;
}

.one-to-one-caption {
  margin-top: 28px;
}

.hero-retio {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
}

.single .mini-comments-link {
  padding-left: 0;
}

/* .comments-collapse {
    text-align: center;
    width: 57px;
    float: right;
} */

.article-headline ~ .mc_embed_signup {
  display: none;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.comments-container .caption {
  font-size: 40px;
  letter-spacing: 0.48px;
  line-height: 27px;
  text-transform: unset;
}

.comment-text {
  width: 100%;
}

.comment-text label {
  margin: 10px 0 45px;
}

.comment-form-url,
.comment-form-author {
  margin-right: 18px;
}

.comment-subscription-form .subscribe-label {
  display: inline !important;
  width: 91%;
  margin: 0 0px 0 15px !important;
  font-size: 10px;
  letter-spacing: 0.53px;
  line-height: 14px !important;
  font-weight: 400;
}

.comment-subscription-form {
  width: 48.2%;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: unset;
}

.comment-subscription-form {
  margin-bottom: 0 !important;
}

#respond .comment-form-author,
#respond .comment-form-comment,
#respond .comment-form-email,
#respond .comment-form-url {
  position: relative;
  display: block;
  clear: both;
  margin-top: 5px;
  margin-bottom: 20px;
  width: 48.2%;
  display: flex;
  flex-direction: column-reverse;
}

.depth-2 #respond .comment-form-author,
.depth-2 #respond .comment-form-comment,
.depth-2 #respond .comment-form-email,
.depth-2 #respond .comment-form-url {
  width: 47.2%;
}

#respond .comment-form-author label,
#respond .comment-form-comment label,
#respond .comment-form-email label,
#respond .comment-form-url label {
  text-transform: uppercase;
  display: block;
  clear: left;
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.8px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 0;
}

#primary.article-lp {
  padding-top: 116px;
}
.article-post .entry-meta .byline,
.article-post .entry-meta .entry-date {
  padding: 0;
}

.article-left-rail .caption {
  text-transform: unset;
  font-size: 20px;
  letter-spacing: 0.3px;
  line-height: 25px;
}

.article-lp {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 96px 0 100px;
}

.article-lp .entry-meta .byline a {
  color: #ec3a23 !important;
  letter-spacing: 1.8px;
}

.article-lp .entry-header-content > h4,
.article-lp .entry-header-content > a {
  display: none;
}

.article-left-rail,
.article-right-rail {
  margin-top: 35px;
}

.article-left-rail.hidden,
.article-right-rail.hidden {
  visibility: hidden;
}

.article-right-rail.category-aside {
  width: 45%;
  margin-left: 55px;
}

.article-left-rail.desktop-hidden1,
.article-right-rail.desktop-hidden1 {
  display: none;
}

.article-right-rail .ads-side-sec-desktop {
  width: 100%;
}

.article-left-rail .comments-header {
  padding: 28px 0 0;
  border-bottom: none;
  border-top: 1px solid #d6d6d6;
  position: sticky;
  top: 68px;
}

.comments-container .btn,
.article-lp .article-meta.aside-meta a.btn,
.article-left-rail .comments-header .btn,
#comments .comments-header .btn {
  align-items: center;
  border-color: #ec3a23;
  border-radius: 0;
  color: #000000;
  display: flex;
  font-size: 12px;
  height: 35px;
  justify-content: center;
  letter-spacing: 2px;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
  width: 158px;
}

.article-lp .article-meta.aside-meta a.btn {
  display: none;
}

.btn {
  background-color: transparent;
}

#respond input[type="submit"] {
  text-transform: uppercase;
  color: #000000;
  float: left;
  border-color: #ec3a23;
  font-style: normal;
}

#comments .comments-link {
  display: inline-block;
  font-size: 24px;
  float: left;
}

.comments-link .caption {
  text-align: left;
}

.comments-header {
  border-bottom: none;
}

.comments-container .comments-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
}

.comments-btn {
  float: right;
}

.horizontal-line-container {
  margin: 0 58px;
  position: relative;
}

.comments-divider {
  margin: 0 !important;
  position: absolute;
  width: 100%;
  left: 0;
}

.comments-link a {
  color: #000000;
}

.comments-link a span {
  color: #ec3a23;
}

.article-left-rail {
  max-width: 269px;
  margin-right: 55px;
  width: 45%;
}

.article-left-rail .btn {
  float: left;
}

.comment-content a {
  color: #ec3a23;
}

.article-name {
  text-align: center;
  padding: 0 11px;
}

.article-post .article-headline {
  text-align: center;
  position: relative;
  z-index: 29;
  padding: 12px 0 30px;
}

.article-post .article-headline a {
  color: black;
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
  text-transform: uppercase;
}

.article-post .entry-header {
  position: absolute;
  width: 100%;
  top: 0;
}

.article-post {
  width: 100%;
}

.article-body {
  max-width: 596px;
  margin: 0 auto;
}

.article-post .article-tag .post-tags {
  display: block;
  padding: 0 0 28px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  line-height: 17px;
}

.article-tag {
  display: block;
  border-bottom: 1px solid #979797;
}

.article-lp .article-meta.aside-meta a:not(.share-link, .btn) {
  color: black;
  font-size: 20px;
  display: flex;
  flex-direction: row-reverse;
  font-family: Helvetica;
  letter-spacing: 0.3px;
  line-height: 25px;
  align-items: center;
}

.article-lp .article-meta.aside-meta a span {
  color: #ec3a23;
  margin-right: 0;
}

.article-meta.aside-meta {
  margin: 28px auto 8px;
}

.article-social .share-link i {
  color: #ec3a23;
}

.article-post .entry-meta {
  background-color: transparent !important;
  border-top: 1px solid #979797 !important;
  bottom: auto;
  color: #000 !important;
  left: 58px;
  letter-spacing: 1.8px;
  opacity: 1;
  padding-top: 20px;
  position: absolute;
  top: 116px;
  visibility: visible;
  width: calc(100% - 116px);
}

.article-post .entry-meta a {
  color: #000 !important;
}

.article-post .post-tags {
  display: none;
}

.article-body .wp-caption .wp-caption-text {
  margin: 28px 0 0;
  padding: 0;
  text-transform: uppercase;
}

.article-body [data-article-p-1] {
  text-align: center;
  padding-bottom: 100px;
  width: 100% !important;
}

[data-article-p-1].wp-caption {
  margin-bottom: 0;
}

.article-body a {
  color: #ec3a23;
}

.article-left-rail .comments-link {
  padding-bottom: 28px;
}

.article-meta {
  display: flex;
  justify-content: space-between;
  max-width: 596px;
  margin: 0 auto;
}

.article-meta .caption {
  font-size: 20px;
  letter-spacing: 0.3px;
  line-height: 25px;
  font-family: "Futura PT Book";
  text-transform: unset;
}

.article-social a i::before {
  display: inline;
}

.yarpp-related .grid-item {
  background: transparent;
}

.yarpp-related .excerpt {
  background: transparent;
}

.yarpp-related .grid-item .caption {
  margin: 24px 0 0;
}

.related-post {
  margin: 0 auto;
  max-width: 959px;
  padding: 55px 16px 15px;
  text-align: center;
}

.yarpp-related .related-post {
  max-width: unset;
}

.related-post .grid-item {
  max-width: 277px;
}

.yarpp-related .related-post .grid-item {
  width: 277px;
  margin-right: 51px;
  margin-left: 51px;
}

.related-post h2 {
  margin: 0 0 40px;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33px;
}

.related-post .grid-item strong {
  display: none;
}

.related-post .grid-item .excerpt {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
}

.related-post .entry-date {
  display: none;
}

.related-post .mini-comments-link img {
  display: none;
}

.comments-container {
  margin: 0 auto;
  max-width: 665px;
  padding: 0;
}

.more-to-love {
  padding: 0 0 42px;
}

.more-to-love .popular-posts {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.more-to-love .article-popular {
  margin: 0 57px 0 0;
  max-width: 269px;
  text-align: center;
  width: 100%;
  padding: 0;
  flex: auto;
}

.more-to-love .article-popular .entry-header {
  padding: 28px 0;
}

.more-to-love .article-popular:last-child {
  margin-right: 0;
}

.more-to-love .article-popular img {
  width: 100%;
}

.more-to-love .post-tags,
.more-to-love .mc_embed_signup {
  display: none;
}

.more-to-love h2 {
  font-size: 24px;
  margin-bottom: 25px;
}

.more-to-love .entry-header-content > a {
  text-transform: uppercase;
  font-size: 12px;
}

.more-to-love .entry-content > a {
  display: block;
  position: relative;
}

.more-to-love .entry-content > a:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.more-to-love .article-popular .feature-image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.more-to-love .title {
  text-align: center;
  margin: 0;
  padding: 70px 0;
  border-top: 1px solid #d6d6d6;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33px;
}

.yarpp-related a img,
.yarpp-related a {
  width: 100%;
}

.yarpp-related a img {
  height: 277px;
}

.attachment-post-thumbnail {
  padding-bottom: 28px;
}
/*old
.hero-bleed {
  margin-left: calc(50% - 45vw);
  width: 90vw;
  max-width: 90vw;
  margin-top: 50px;
}*/

.hero-image.hero-image-main.hero-image-main3.hero-bleed.hero-full-custom {
    /*margin-left: calc(50% - 47vw);*/
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    /*max-width: calc(100vw - 116px);*/
}
.hero-image {
  margin-bottom: 76px;
  margin-top: 50px;
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
  text-align: center;
  text-transform: unset;
}

.hero-image img { 
	width: 100% !important;
	height: auto !important;
	max-height:unset !important;
	}
.hero-bleed {
  width: 100%;
  display: block;
  margin-left: 0px;
}
@media (min-width: 1025px) and (max-width: 1599px) {
  .hero-bleed {
    width: calc(100% + 300px);
    margin-left: -150px;
  }
}
@media (min-width: 1600px) {
  .hero-bleed {
    width: calc(100% + 800px);
    margin-left: -400px;
  }
}

/* .wide-hero {
  width: calc(100% + 300px);
  display: block;
  margin-left: -150px;
} */

.gallery.gallery-columns-2 {
  width: calc(100% + 180px);
  display: flex;
  justify-content: space-between;
  margin: 60px 0 60px -90px;
}

.gallery-columns-2 .gallery-item {
  width: 48%;
}

.article-body .gallery-item img {
  width: 100%;
}

.gallery-item figcaption {
  margin-top: 28px;
  font-size: 10px;
  line-height: 17px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.gallery.gallery-columns-3 {
  width: calc(100vw - 110px);
  max-width: 100vw;
  display: flex;
  margin: 60px 0 60px calc(50% - 50vw + 55px);
  justify-content: space-between;
}

.article-post .gallery-item {
  margin-bottom: 0;
}

.article-post .gallery .slick-slide {
  padding-right: 32px;
}

.gallery-columns-3 .gallery-item {
  width: 30%;
}

[data-article-image] {
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
  text-transform: uppercase;
}

a[data-article-image] img {
  margin-top: 60px;
}

.p1[data-article-image] img {
  margin-top: 28px;
  margin-bottom: 28px;
}

[data-article-image] a:nth-of-type(2) img {
  margin-top: 60px;
}

[data-article-image] br ~ img,
[data-article-image] br ~ a:nth-child(2) img,
[data-article-image] span img {
  margin-top: 28px;
}

[data-article-image] br ~ img,
[data-article-image] br ~ a:nth-child(2) img,
[data-article-image] span img {
  margin-bottom: 28px;
}

[data-article-image] a img {
  margin-bottom: 28px;
}

.wp-caption [data-article-image] img {
  margin-bottom: 0;
}

[data-article-image] em,
[data-article-image] {
  text-transform: unset;
  letter-spacing: 1.4px;
  line-height: 17px;
  font-style: unset;
}

a:not([href]):not([tabindex]) {
  color: #ec3a23;
}

.article-post [data-article-image] {
  font-family: "Futura PT Book";
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 16px;
}

.article-post p {
  /*font-family: 'Adobe Garamond Pro';*/
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.article-post p iframe {
  width: 100% !important;
}

.article-post .ezcol p {
  margin-bottom: 30px;
}

.ezcol a[data-article-image] img {
  margin-top: 0;
}

.article-post p strong {
  font-weight: 700;
}

p.PS {
  font-size: 15px;
  letter-spacing: 0.02px;
  line-height: 20px;
  padding-top: 28px;
  border-top: 1px solid #979797;
  margin-top: 60px;
}

.post-tags a,
.post-tags {
  font-size: 10px;
  letter-spacing: 1.4px;
  line-height: 17px;
}

p[data-offset],
div[data-offset] {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

div[data-offset] {
  width: 90% !important;
  text-transform: uppercase;
}

div[data-article-image]:not([data-offset]):not([data-bleed]) {
  width: 100% !important;
}

.article-body p:not([data-offset]):not([data-bleed]) img,
.article-body div:not([data-offset]):not([data-bleed]) img {
  width: 100%;
}

p[data-bleed],
div[data-bleed] {
  margin-left: calc(50% - 45vw - 6px);
  width: calc(90vw + 12px);
  max-width: 92vw;
  margin-top: 50px;
}

div[data-bleed] {
  width: 90vw !important;
}

[data-bleed] a,
[data-bleed] img,
[data-offset] a,
[data-offset] img {
  width: 100%;
}

h4.widget-title {
  text-transform: uppercase;
  font-size: 14px;
}

.article-name {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 46px;
}

h4.widget-title {
  text-transform: uppercase;
  font-size: 14px;
}

.article-name {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 46px;
  font-weight: normal;
}

.single .more-to-love .entry-meta .entry-date {
  display: none;
}

.single .article-body p em {
  font-weight: 400;
  font-style: italic;
}

.single .more-to-love .entry-meta {
  justify-content: center;
}

.single .more-to-love .entry-meta .byline {
  padding-right: 0;
}

.article-left-rail .comment-btn {
  height: 35px;
}

@media all and (min-width: 1366px) {
  p[data-bleed],
  /*.hero-bleed,*/
  .gallery.gallery-columns-3 {
    /*margin-left: calc(50% - 50vw + 58px);*/
    margin-left: calc(50% - 44vw);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
    margin-top: 50px;
  }
}

@media all and (max-width: 1440px) {
  p[data-bleed],
  /*.hero-bleed,*/
  .gallery.gallery-columns-3 {
    /*width: 1484px;*/
    /*max-width: 1484px;*/
    /*margin-left: calc(100% - 1040px);*/
    margin-left: calc(50% - 46vw);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
  }
}
@media all and (max-width: 1366px) {
  p[data-bleed],
  /*.hero-bleed,*/
  .gallery.gallery-columns-3 {
    /*width: 1484px;*/
    /*max-width: 1484px;*/
    /*margin-left: calc(100% - 1040px);*/
    margin-left: calc(50% - 43.7vw);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
  }
}
@media all and (min-width: 1536px) {
  p[data-bleed],
  /*.hero-bleed,*/
  .gallery.gallery-columns-3 {
    /*width: 1484px;*/
    /*max-width: 1484px;*/
    /*margin-left: calc(100% - 1040px);*/
    margin-left: calc(50% - 46vw);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
  }
}
@media all and (min-width: 1600px) {
  p[data-bleed],
  /*.hero-bleed,*/
  .gallery.gallery-columns-3 {
    /*width: 1484px;*/
    /*max-width: 1484px;*/
    /*margin-left: calc(100% - 1040px);*/
    margin-left: calc(50% - 46.5vw);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
  }
  /*.hero-image.hero-image-main.hero-image-main3.hero-bleed.hero-full-custom {
	    margin-left: calc(50% - 47vw);
	    width: calc(100vw - 116px);
	    max-width: calc(100vw - 116px);
	}*/
}
@media all and (max-width: 1680px) {
	/*.hero-image.hero-image-main.hero-image-main3.hero-bleed.hero-full-custom {
	    margin-left: calc(50% - 46.5vw);
	    width: calc(100vw - 116px);
	    max-width: calc(100vw - 116px);
	}*/
}
@media all and (max-width: 1440px) {
	/*.hero-image.hero-image-main.hero-image-main3.hero-bleed.hero-full-custom {
	    margin-left: calc(50% - 46vw);
	    width: calc(100vw - 116px);
	    max-width: calc(100vw - 116px);
	}*/
}
@media all and (max-width: 1366px) {
	/*.hero-image.hero-image-main.hero-image-main3.hero-bleed.hero-full-custom {
	    margin-left: calc(50% - 45.8vw);
	    width: calc(100vw - 116px);
	    max-width: calc(100vw - 116px);
	}*/
}
@media all and (max-width: 1024px) {
  .comment-form-url,
  .comment-form-author {
    margin-right: 12px;
  }

  .yarpp-related .related-post .grid-item {
    margin-right: 26.5px;
    margin-left: 26.5px;
  }

  .horizontal-line-container {
    margin: 0 19px;
  }

  /* blockquote {
            width: unset;
            margin-left: 0;
    } */
  .article-lp {
    padding: 80px 19px 100px;
  }

  .article-post .entry-meta {
    left: 19px;
    width: calc(100% - 39px);
  }

  .gallery.gallery-columns-2 {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    margin: 50px 0 0;
  }

  .gallery.gallery-columns-2 > * {
    width: 100%;
    max-width: 100%;
  }

  .gallery.gallery-columns-2 .gallery-item {
    margin-bottom: 45px;
  }

  [data-article-image] a:nth-of-type(2) img {
    margin-top: 50px;
  }

  [data-article-image] br ~ a:nth-child(2) img {
    margin-top: 18px;
  }

  .gallery-item figcaption {
    margin-top: 18px;
  }

  .attachment-post-thumbnail {
    padding-bottom: 18px;
  }

  p[data-bleed] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-bleed {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .gallery.gallery-columns-3 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

@media all and (max-width: 995px) {
  .article-left-rail,
  .article-right-rail {
    display: none;
  }

  .article-left-rail.desktop-hidden1 {
    display: block;
  }

  .article-left-rail.desktop-hidden1 .comments-header {
    width: 100%;
    padding: 25px 0 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .article-left-rail {
    max-width: 100%;
    margin-right: unset;
    width: 100%;
  }

  .article-left-rail.desktop-hidden1 {
    margin-top: 0 !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 52px;
  }

  .article-left-rail .comments-link {
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .comment #respond .comment-form-url {
    width: 100%;
  }

  .yarpp-related .related-post .grid-item {
    margin-right: auto;
    margin-left: auto;
  }

  .yarpp-related .post-grid {
    flex-direction: column;
  }

  .depth-2 #respond .comment-form-author,
  .depth-2 #respond .comment-form-comment,
  .depth-2 #respond .comment-form-email,
  .depth-2 #respond .comment-form-url {
    width: 100%;
  }

  .search .post-grid,
  .archive .post-grid {
    display: unset;
  }

  .article-post .article-headline {
    padding: 20px 0 30px;
  }

  figure blockquote {
    width: 100%;
    margin-left: 0;
  }

  #comments {
    padding: 26px 0 16px;
  }
  .comment-form {
    flex-direction: column;
    align-items: initial;
  }

  label {
    margin: 6px 0 5px;
  }

  .comment-subscription-form {
    width: 100%;
  }

  .article-body {
    max-width: 100%;
  }

  .article-post .entry-meta {
    top: 84px;
    width: calc(100% - 39px);
  }

  .article-left-rail,
  .article-right-rail {
    display: none;
  }

  #primary.article-lp {
    padding-top: 76px;
  }

  .more-to-love .popular-posts {
    flex-wrap: wrap;
  }

  .more-to-love .article-popular {
    margin-right: 0;
    width: 45%;
    max-width: 315px;
  }

  .more-to-love .article-popular:nth-child(odd) {
    margin-right: 30px;
  }

  .gallery.gallery-columns-3 {
    width: 100%;
    max-width: 100%;
    margin: 50px 0;
  }

  .hero-image {
    margin-bottom: 45px;
  }

  #respond .comment-form-author,
  #respond .comment-form-comment,
  #respond .comment-form-email,
  #respond .comment-form-url {
    width: 100%;
  }

  .comment-form-url,
  .comment-form-author {
    margin-right: 0;
  }
}

@media all and (max-width: 480px) {
  figure blockquote p {
    letter-spacing: 0.2px;
    font-size: 26px;
  }

  .single .more-to-love .entry-meta {
    display: none;
  }

  .commentlist #respond {
    margin: 0;
    padding-left: 0;
    width: auto;
  }

  .nav-next-simple,
  .nav-previous-simple {
    padding: 30px 0 20px;
  }

  .comments-container .comments-header {
    flex-direction: column;
  }

  .comments-link {
    padding: 0 0px 30px;
  }

  .comment-author-joanna article {
    max-width: 248px;
    margin-left: auto;
  }

  .single .more-to-love {
    padding: 0 0 0px;
  }

  figure blockquote {
    padding-left: 35px;
  }

  .search .post-grid .article,
  .archive .post-grid .article {
    padding: 0;
    margin-bottom: 50px;
    flex: unset;
  }

  .commentlist .children {
    padding-left: 0;
    margin-left: auto;
    margin-right: 0;
    max-width: 302px;
    right: 0;
  }

  .more-to-love .title {
    font-size: 27px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 50px 0;
  }

  .related-placeholder {
    display: none;
  }

  .single .more-to-love .article-popular .entry-header {
    padding: 25px 0 59px 0;
  }

  .single-post .popular .widget-cat-title {
    padding: 0 0 0;
  }

  .article-lp .article-meta.aside-meta a.btn {
    display: flex;
  }

  .article-name {
    padding: 66px 0 0;
    font-size: 30px;
    line-height: 33px;
  }

  .article-lp {
    padding: 73px 19px 60px;
  }

  .article-post .entry-meta {
    top: 73px;
  }

  .article-post .article-headline {
    display: none;
  }

  [data-article-image] {
    margin: 50px 0;
  }

  .article-body .wp-caption .wp-caption-text {
    margin: 18px 0 0;
    text-transform: uppercase;
  }

  .article-left-rail,
  .article-right-rail {
    display: none;
  }

  .article-right-rail.category-aside {
    width: 100%;
    margin: 50px 0 0px !important;
  }

  .article-left-rail.desktop-hidden1 {
    display: block;
  }

  .article-left-rail.desktop-hidden1 {
    margin-top: 0 !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 52px;
  }

  .article-left-rail.desktop-hidden1 .comments-header {
    width: 100%;
    padding: 25px 0 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .article-left-rail .comments-link {
    float: left;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .article-left-rail.desktop-hidden1 .comments-link {
    padding-top: 0;
  }

  .article-left-rail .comment-btn {
    float: right;
    height: unset;
  }

  .article-right-rail .ads-side-sec-desktop {
    height: 225px;
    margin: 0 auto 50px;
  }

  .comments-header .caption,
  .article-meta.aside-meta .caption {
    font-size: 18px;
  }

  .comments-container .comments-header .caption {
    font-size: 27px;
  }

  .more-to-love .article-popular {
    margin-right: auto;
    margin-left: auto;
    width: 248px;
    max-width: 268px;
  }

  .more-to-love .article-popular:last-child {
    margin-right: auto;
  }

  .more-to-love .article-popular .feature-image {
    height: 248px;
    width: 248px;
  }

  .more-to-love .article-popular:nth-child(odd) {
    margin-right: auto;
  }

  .article-meta.aside-meta {
    margin: 25px 0 0;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 32px;
  }

  .article-social {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 35px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .article-social i::before {
    font-size: 20px;
  }

  .more-to-love .entry-content {
    margin: 0 auto;
  }

  #comments {
    padding: 26px 0px 16px;
  }

  .commentlist {
    padding-left: 0;
  }

  #comments .comments-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #comments .comments-link {
    padding-left: 0;
  }

  #comments .comments-link .caption {
    font-size: 24px;
    line-height: 1;
  }
}

.article-right-rail #secondary {
  width: 100%;
  padding: 0;
  top: 98px;
  position: static;
  overflow-x: hidden;
}

/*. ADs */

#primary .adthrive-stuck.adthrive-sticky.adthrive-header,
#primary .adthrive-stuck.adthrive-sticky.adthrive-sidebar {
  z-index: 1;
  position: static;
}

#secondary {
  width: 100%;
  padding: 0;
  top: 98px;
  position: sticky;
  overflow-x: hidden;
}

#secondary [align="center"] {
  position: absolute;
}

.home #secondary .adthrive-ad {
  margin-top: 0;
}

.home .ads-side-sec {
  background: transparent;
  overflow-x: hidden;
}

.home #secondary {
  position: static;
}

.ads-side-sec-mobile {
  background: none;
}

/* .comments-collapse .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin: 15px 0 0 0px;
} */

/* .comments-collapse .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  } */

/* .comments-collapse .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #403939;
} */

/* .comments-collapse .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #403939;
} */

/* .comments-collapse input:checked + .slider {
    background-color: #403939;
}
  
.comments-collapse input:focus + .slider {
    box-shadow: 0 0 1px #403939;
}
  
.comments-collapse input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.comments-collapse .slider.round {
    border-radius: 34px;
}
  
.comments-collapse .slider.round:before {
    border-radius: 50%;
} */

/* UPDATE 23/07/2021 */

/* .team-profiles .all-team-members .team-member:nth-child(1) {
    display: block;
    width: 100%;
    text-align: center;
    align-content: space-around;
}
.team-profiles .all-team-members .team-member:nth-child(1) * :not(.team-member-pic, .team-back-image) {
    width: 100%;
    margin: 0 auto;
    max-width: 436px;
}
.team-profiles .all-team-members .team-member:nth-child(1) .member-title p {
    margin-bottom: 30px;
} */
.most-commented-module .posts {
  align-items: flex-start;
}
.single.single-post .entry-content.article-body p[data-bleed] {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}
.single.single-post .entry-content.article-post [data-article-image] {
  width: 100%;
}

.single p[data-offset],
.single div[data-offset] {
  width: 100%;
}

.first-header-list li a,
.sec-header-list li a {
  font-size: 17px;
  letter-spacing: 0.9px;
}

/* .single.single-post .hero-image {
    width: 10;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 76px;
    margin-top: 50px;
} */

.most-commented-module h2 {
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.24px;
}

.most-commented-post p {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02px;
	display: none !important;
}

ul.sub-cat li a {
  font-size: 13px;
  line-height: 20px;
}

.hero-image.hero-image-main.hero-bleed.hero-full-custom img {
  height: 596px;
  /*object-fit: cover;*/
  object-fit: contain;
}
.hero-image.hero-full-custom ._horizontal._rationgreater_1_5 {
	height: 596px;
/* 	object-fit: cover !important; */
}

.hero-image ._vertical._rationLess_1_5, .hero-image ._horizontal._rationLess_1_5 {
    height: 596px;
}
.hero-image.hero-image-main3 ._vertical._rationLess_1_5, .hero-image.hero-image-main3 ._horizontal._rationLess_1_5 {
    height: auto;
}
.hero-image img {
    width: 100%;
}
.hero-image.hero-image-main.hero-full-custom .one-one-ratio .hero-retio {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  height: 596px;
}
._horizontal._rationLess_1_5 {
    height: 596px;
  
}
.article-post p iframe {
  height: 350px;
}

img.alignnone.size-full._horizontal._rationgreater_1_5 {
    height: 596px;
    object-fit: cover;
    object-position: center;
}
.postid-280576 img.alignnone.size-full._horizontal._rationgreater_1_5 {
    object-fit: contain;
}


/*.hero-image img {
    width: 1192px !important;
}*/

/*p[data-bleed], .hero-bleed, .gallery.gallery-columns-3 {
    margin-left: calc(41% - 41vw + 98px);
    width: calc(100vw - 116px);
    max-width: calc(82vw - 116px);
    margin-top: 50px;
}*/

/*UPDATE*/

.hero-image.hero-image-main.hero-full-custom .hero-retio {
  height: auto !important;
  /* height: 100% !important; */
  position: relative;
}

.hero-image.hero-image-main.hero-full-custom .one-one-ratio::before {
  padding-top: 0;
}

.hero-image.hero-image-main > .one-one-ratio::before {
  padding-top: 0;
}

.hero-image.hero-image-main > .one-one-ratio .hero-retio {
  position: relative;
}
/**/

.comment-content p.PS {
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 26px;
}

blockquote * {
  font-style: italic !important;
}

/*@media screen and (max-width: 1350px) {
  .hero-image.hero-image-main.hero-bleed {
    margin-left: calc(50% - 50vw + 63px);
    width: calc(100vw - 90px);
    max-width: calc(100vw - 90px);
    margin-top: 50px;
  }
}
*/
@media screen and (max-width: 1280px) {
/*  .hero-image.hero-image-main.hero-bleed {
    margin-left: calc(50% - 50vw + 95px);
    width: calc(100vw - 50px);
    max-width: calc(100vw - 50px);
  }
  body.single.single-post .hero-image.hero-image-main.hero-bleed {
    margin-left: 0;
    width: unset;
    max-width: unset;
  }*/
  body.single.single-post .hero-image.hero-image-main.hero-bleed.hero-full-custom img{
    height: 400px;
  }
  #primary {
    padding: 96px 35px 0;
  }
  .article-left-rail {
	    margin-right: 35px;
  }
  
}

@media screen and (max-width: 1199px) {
 /* .hero-image.hero-image-main.hero-bleed {
    width: 90vw;
    max-width: 90vw;
     margin: 0 auto; 
    margin-bottom: 76px;
    margin-top: 50px;
    margin-left: calc(100% - 65vw);
}*/
  /*.hero-image.hero-image-main.hero-bleed.hero-full-custom img {
    height: auto;
    object-fit: contain;
  }*/
}

@media screen and (max-width: 1099px) {
  .first-header-list li a,
  .sec-header-list li a {
    font-size: 13px;
    letter-spacing: 0.74px;
  }
}

@media screen and (max-width: 998px) {
  .most-commented-module h2 {
    padding: 0 25px;
  }
}
/*
@media screen and (max-width: 995px) {
	.hero-image.hero-image-main.hero-bleed {
	    width: 90vw;
	    max-width: 90vw;
	    margin-bottom: 76px;
	    margin-top: 50px;
	    margin-left: calc(100% - 75vw);
	}
}

@media screen and (max-width: 840px) {
	.hero-image.hero-image-main.hero-bleed {
	    width: 90vw;
	    max-width: 90vw;
	    margin-bottom: 76px;
	    margin-top: 50px;
	    margin-left: calc(100% - 80.5vw);
	}
}*/

@media screen and (max-width: 768px) {
  .home .most-commented-module .posts {
    flex-wrap: wrap;
  }
  .most-commented-post {
    width: 50%;
  }
  .most-commented-module h2 {
    font-size: 30px;
  }
  .most-commented-module h2 {
    padding: 0 15px;
  }
  .most-commented-module h2 {
    font-size: 25px;
  }
  .hero-image.hero-image-main.hero-bleed.hero-full-custom img {
    height: auto;
  }
  .hero-image.hero-image-main.hero-bleed {
    margin-bottom: 50px;
    display: contents;
  }
}

@media screen and (max-width: 600px) {
  .article-post p iframe {
    height: 230px;
  }
}

@media screen and (max-width: 480px) {
  p {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 26px;
  }
}

/*UPDATE 10092021 Change the spacing between elements on the article page as in this zeplin*/

.article-post .entry-meta {
  padding-top: 23px;
}

.article-post .article-headline {
  padding: 15px 0 30px;
}

.article-post .article-headline {
  margin-bottom: 0;
  padding-bottom: 0;
}

h2.article-name {
  margin-top: 50px;
  margin-bottom: 50px;
}

.hero-image {
  margin-bottom: 35px;
}

.article-post p {
  margin-bottom: 35px;
}

[data-article-image] {
  margin-top: 0;
}

[data-article-image] br ~ img,
[data-article-image] br ~ a:nth-child(2) img,
[data-article-image] span img {
  margin-top: 23px;
  margin-bottom: 23px;
}

.article-post [data-article-image] {
  margin-bottom: 0;
}

.article-post p.PS {
  padding-top: 23px;
  margin-bottom: 60px;
}

.article-post .article-tag .post-tags {
  padding-bottom: 23px;
}

.article-meta.aside-meta {
  margin: 23px auto 23px;
}

.single .yarpp.yarpp-related {
  margin-top: 0;
}

.single .related-post {
  padding: 50px 16px 30px;
}

.single .related-post h2 {
  margin-bottom: 35px;
}

.single .yarpp-related .grid-item .caption {
  margin: 23px 0 0;
}

.single .mini-comments-link {
  line-height: 0;
}

.single .related-post .secondary-caption {
  line-height: 0;
}

.single .share-link {
  margin: 0 15px;
}

.single .comments-container .comments-header {
  padding-top: 0;
  padding-bottom: 50px;
}

.single .yarpp.yarpp-related {
  margin-bottom: 35px;
}

.single article.comment {
  margin-top: 35px;
}

.single .comment-content {
  padding: 23px 0 23px;
}

.single ol.commentlist {
  padding-top: 15px;
}

.commentlist .children {
  margin-bottom: 0;
}

#respond {
  padding: 50px 0 0;
}

.single h3#reply-title {
  margin-bottom: 50px;
}

#respond .comment-form-author,
#respond .comment-form-comment,
#respond .comment-form-email,
#respond .comment-form-url {
  margin-top: 0;
}

.single .comment-text label {
  margin: 10px 0 25px;
}

.single #respond .form-submit {
  margin-top: 20px;
}

.single .comment-form {
  margin-bottom: 60px;
}

.single .more-to-love .title {
  padding: 60px 0;
}

.single .more-to-love .article-popular .entry-header {
  padding-bottom: 0;
}

.single .more-to-love {
  padding-bottom: 70px;
}

#respond input[type="submit"] {
  margin-bottom: 0;
  margin-top: 0 !important;
}

.single #respond .form-submit {
  margin-top: 0;
}

.single.single-post .entry-content.article-body p[data-bleed] {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 998px) {
  .article-post p {
    margin-bottom: 35px !important;
  }
  .article-post [data-article-image] {
    margin-bottom: 0 !important;
  }
}
/* END UPDATE 10092021 Change the spacing between elements on the article page as in this zeplin*/

/*UPDATE menu styky */

header#site-header {
  transition: transform 0.4s;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.trigger-menu-wrapper {
  transition: transform 0.4s;
}

.scroll-down .trigger-menu-wrapper {
  transform: translate3d(0, -100%, 0);
}

.scroll-down .lottie-wrapper {
  background: var(--darkgray);
}

.scroll-up .trigger-menu-wrapper {
  transform: none;
}

.scroll-up:not(.menu-open) .trigger-menu-wrapper {
  background: var(--lightpurple);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.35);
}

.scroll-down header#site-header {
  background: transparent;
}

/* END UPDATE menu styky */

/*p[data-article-image] img {
    margin-top: 60px;
    margin-bottom: 28px;
}*/

p[data-article-image-position="1"] img {
  margin-top: 0;
}

p[data-article-image-continuo] img {
  margin-top: 28px;
  margin-bottom: 28px;
}

.article-post p.PS {
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 26px;
}
.article-post p {
  font-size: 19px !important;
  letter-spacing: 0px !important;
  line-height: 26px !important;
}
.article-post .article-tag .post-tags {
  font-size: 15px !important;
  letter-spacing: 0px !important;
  line-height: 26px !important;
  text-transform: capitalize;
}
.post-tags span {
  font-size: 16px;
  font-size: 15px !important;
}
.post-tags span > a {
  font-size: 15px !important;
}
p[data-article-image] img {
  margin-bottom: 28px;
}

/*UPDATE Add the functionality at the end of a post to goto the next article without having to return to the homepage. */

.next-article {
  position: absolute;
  bottom: 25px;
  right: 0;
}

.next-article a {
  font-family: "Futura PT Book";
  color: #000000;
  line-height: 17px;
  letter-spacing: 1.96px;
  font-size: 14px;
}

.next-article a > img {
  margin-left: 5px;
  margin-top: -4px;
}

.previous-article {
  position: absolute;
  bottom: 25px;
  left: 0;
}

.previous-article a {
  font-family: "Futura PT Book";
  color: #000000;
  line-height: 17px;
  letter-spacing: 1.96px;
  font-size: 14px;
}

.previous-article a > img {
  margin-right: 5px;
  margin-top: -4px;
}

.article-left-rail {
  position: relative;
}

.article-tag {
  border: 0;
  margin-bottom: 50px;
}

.single section#primary::after {
  content: "";
  display: block;
  background: #979797;
  position: absolute;
  width: 93%;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 76px;
  margin: 0 auto;
}

.article-right-rail.category-aside {
  width: 45%;
  position: relative;
}

.wrapper-next-preview-mobile {
  display: none;
}

@media screen and (max-width: 1180px) {
  .next-article a > img {
    width: 11px !important;
  }
  .previous-article a > img {
    width: 11px !important;
  }
}

@media screen and (max-width: 998px) {
  .wrapper-next-preview-mobile {
    display: block;
  }
  .previous-article {
    position: relative;
    bottom: 0;
    left: 0;
    float: left;
  }
  .next-article {
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
  }
  .wrapper-next-preview-mobile {
    float: left;
    width: 100%;
  }
  .article-post {
    margin-bottom: 50px;
  }
  section#primary::after {
    width: 100%;
    bottom: 25px;
    max-width: 596px;
  }
}

@media screen and (max-width: 465px) {
  .article-meta.aside-meta {
    margin-bottom: 0;
  }
  section#primary::after {
    width: 100%;
    bottom: 30px;
    max-width: 430px;
  }
  .next-article a,
  .previous-article a {
    font-family: "Futura PT Book";
    color: #000000;
    line-height: 16px;
    letter-spacing: 1.8px;
    font-size: 12px;
  }
  .next-article a > img,
  .previous-article a > img {
    margin-top: -2px;
  }
}

/*END UPDATE Add the functionality at the end of a post to goto the next article without having to return to the homepage. */

/*UPDATE: Article Page - Updated width for Images, Body copy, and comments to 654 pixels wide on desktop*/
@media screen and (min-width: 1366px){
.article-body {
  min-width: 654px;
}
}
/*UPDATE: Article Page - Updated width for Images, Body copy, and comments to 654 pixels wide on desktop*/

.one-to-one-caption {
  text-transform: uppercase;
}

/* Article Page - Add functionality to go full width on selected images */

/*.hero-image img {
    width: 1192px !important;
}*/

/*p[data-bleed], .hero-bleed, .gallery.gallery-columns-3 {
    margin-left: calc(41% - 41vw + 98px);
    width: calc(100vw - 116px);
    max-width: calc(82vw - 116px);
    margin-top: 50px;
}*/

img.full-image-custom,
.size-full-image-post3,
.size-fullwidth {
  /*margin-left: calc(50% - 50vw + 58px) !important;
    width: calc(100vw - 116px) !important;
    width: 910px !important;
    max-width: calc(100vw - 116px);
    max-width: 910px !important;
    /* margin-top: 50px !important; */
  /*margin-left: calc(100% - 780px) !important;*/
  width: 1272px !important;
  max-width: 1272px !important;
  margin-left: calc(100% - 146%) !important;
  margin-bottom: 28px;
  /*height: 705px;*/
  height: auto;
  object-fit: cover;
  z-index: 1;
  position: relative;
}

.entry-content.article-body
  > .article-left-rail.desktop-hidden1
  .previous-article {
  display: none;
}

@media screen and (max-width: 1800px) {
  img.full-image-custom,
  .size-full-image-post3,
  .size-fullwidth {
    margin-left: calc(100% - 148%) !important;
  }
}

@media screen and (max-width: 1700px) {
  img.full-image-custom,
  .size-full-image-post3,
  .size-fullwidth {
    margin-left: calc(100% - 147%) !important;
  }
}

@media screen and (max-width: 1400px) {
  img.full-image-custom,
  .size-full-image-post3,
  .size-fullwidth {
    width: 890px !important;
    max-width: 890px !important;
    margin-left: calc(100% - 115%) !important;
    margin-bottom: 28px;
    object-fit: cover;
  }
}

@media screen and (max-width: 1300px) {
  /*img.full-image-custom {
        margin-left: calc(100% - 113%) !important;
        height: 600px;
    }*/

  img.full-image-custom,
  .size-full-image-post3,
  .size-fullwidth {
    width: 100% !important;
    margin: 0 auto !important;
    height: auto;
    margin-bottom: 28px !important;
  }
}

/*END  Article Page - Add functionality to go full width on selected images */

/* INTEGRATION wpDiscuz */

#wpdcom .wpd-blog-guest .wpd-comment-author {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.wpd-thread-list .wpd-comment-text p {
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 26px !important;
  color: #212529;
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.wpd-follow-link.wpd-follow {
  display: none;
}

#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-date {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #212529;
}

.wpd-comment-date > i {
  display: none;
}

#wpdcom.wpdiscuz_no_avatar .wpd-comment .wpd-comment-right {
  position: relative;
}

.wpd-comment-date {
  position: absolute;
  bottom: 0;
}

.wpd-comment-footer {
  position: absolute;
  right: 0;
}

.wpd-thread-list > div.wpd-comment {
  /*border-bottom: 1px solid #d6d6d6;*/
  padding: 0 0 20px;
  margin-top: 35px;
  word-wrap: break-word;
}

#wpdcom .wpd-comment-text {
  padding: 23px 0 23px;
  margin: 0 !important;
}

.wpd-comment-footer .wpd-tools {
  display: none;
}

#comments #wpdcom .wpd-comment-footer .wpd-reply-button span {
  color: #e13d3d;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-family: "Futura PT Book" !important;
  font-size: 13px;
}

.wpd-reply-button > svg {
  display: none !important;
}

.wpd-comment-author::after {
  content: "SAYS...";
  position: relative;
  left: 0;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-guest {
  background-color: transparent;
  border: 0;
  margin-top: 35px;
  padding: 0 0 20px;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply {
  padding-left: 89px;
  margin-left: 0;
}

.wpd-reply-to {
  display: none;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-header
  .wpd-comment-date {
  padding-left: 0;
}

#wpdcom .wpd-comment .wpd-comment-wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap.wpd-blog-guest {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-post_author {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-post_author {
  border: 0;
  background-color: transparent;
  margin-top: 35px;
  border-top: 1px solid#003AB6;
  border-bottom: 1px solid#003AB6 !important;
  padding-left: 0;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-post_author
  .wpd-comment-author
  > a {
  font-weight: 700;
  color: #003ab6;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator {
  border: 0;
  background-color: transparent;
  margin-top: 35px;
  border-top: 1px solid#003AB6;
  border-bottom: 1px solid#003AB6 !important;
  padding-left: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator
  .wpd-comment-author
  > a {
  font-weight: 700;
  color: #003ab6;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator
  .wpd-uinfo-top
  .wpd-comment-label {
  display: none;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-post_author
  .wpd-uinfo-top,
#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator
  .wpd-uinfo-top {
  margin-bottom: 0 !important;
}

#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-post_author
  .wpd-comment-header,
#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator
  .wpd-comment-header {
  padding-bottom: 0;
}

#wpdcom .wpd-comment-header .wpd-comment-author span.wpd-user-nicename {
  display: none !important;
}

.wpd-comment-wrap.wpd-blog-user.wpd-blog-post_author
  .wpd-uinfo-top
  .wpd-comment-label {
  display: none !important;
}

#wpdcom .wpd-blog-post_author .wpd-comment-author,
#wpdcom.wpd-layout-2
  .wpd-comment.wpd-reply
  .wpd-comment-wrap.wpd-blog-user.wpd-blog-administrator
  .wpd-comment-author {
  color: #003ab6;
}

#wpdcom .wpd-blog-post_author .wpd-comment-author::after {
  left: -2px;
}

.wpd-comment-share {
  display: none !important;
}

.wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
  display: none;
}

.wpd-secondary-form-wrapper {
  margin: 10px 0 0px 0px;
  padding-left: 89px;
}

.wpd-secondary-form-wrapper textarea {
  width: 100%;
  max-height: 125px;
  min-height: 125px;
  resize: vertical;
  height: 125px !important;
}

.wpd-secondary-form-wrapper textarea {
  width: 100%;
  max-height: 125px;
  min-height: 125px;
  resize: vertical;
  height: 125px !important;
  background: transparent;
  background: #f9f7f3;
  border-color: #000000;
  border-radius: 0 !important;
  box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%) !important;
  border: 1px solid #979797 !important;
  color: #212529 !important;
  font-size: 16px !important;
}

.wpd-secondary-form-wrapper .wpd-editor-buttons-right {
  display: none !important;
}

.wpd-secondary-form-wrapper .wpd-textarea-wrap {
  flex-basis: calc(100%) !important;
}

#wpdcom .wpd-secondary-form-wrapper .wpd-prim-button {
  background-color: #07b290;
  color: #ffffff;
  border-color: #ec3a23;
  font-style: normal;
  cursor: pointer;
  float: right;
  margin: 10px 0;
  padding: 8.5px 14.99px;
  clear: both;
  border: 1px solid #e13d3d;
  background: transparent;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.8px;
  color: #ec3a23;
  text-transform: uppercase;
  font-style: inherit;
  margin-top: 0 !important;
  border-radius: 0;
}

.wpd-secondary-form-wrapper textarea::-webkit-input-placeholder {
  /* Edge */
  color: #212529 !important;
  font-size: 16px !important;
}

.wpd-secondary-form-wrapper textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #212529 !important;
  font-size: 16px !important;
}

.wpd-secondary-form-wrapper textarea::placeholder {
  color: #212529 !important;
  font-size: 16px !important;
}

.wpd-secondary-form-wrapper .wpd-form-foot label.wpd_label {
  margin-top: 0 !important;
}

.wpd-secondary-form-wrapper .wpd-form-foot .wpd_label__check i.wpdicon {
  height: 36px;
}

.wpd-secondary-form-wrapper .wpd-form-foot .wpd_label__check i.wpdicon::before {
  line-height: 26px;
}

#wpdcom .wpd-form.wpd-secondary-form-wrapper .wpd-form-foot .wpd-form-col-left {
  width: 100%;
}

#wpdcom
  .wpd-form.wpd-secondary-form-wrapper
  .wpd-form-foot
  .wpd-form-col-left
  input {
  border-bottom: 1px solid #000000;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  box-shadow: 0px 0px 0px #555;
  background: #f9f7f3;
  padding: 4px 0px;
  border-radius: 0;
  height: 34px;
}

#wpdcom
  .wpd-form.wpd-secondary-form-wrapper
  .wpd-form-foot
  .wpd-form-col-left
  .wpd-field-icon {
  display: none;
}

#wpdcom .wpdlb {
  clip: auto;
  clip-path: none;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  position: relative;
  display: block;
  height: auto;
  width: auto;
  color: red;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.8px;
  line-height: 16px;
  margin-top: 10px;
}

#wpdcom form.wpd_comm_form.wpd-secondary-form-wrapper {
  margin: 10px 0 0px 20px;
  padding-left: 70px;
  width: auto;
  padding-top: 50px;
}

form.wpd_comm_form.wpd-secondary-form-wrapper
  .wpd-field-comment
  .wpd-textarea-wrap
  label {
  display: block !important;
  position: absolute;
  bottom: -30px;
  letter-spacing: 1.8px;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap {
  padding-bottom: 40px;
}

.replay-content-form-name h3 {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33px;
  color: #000000;
  margin-bottom: 50px;
}

small.cancel-comment-reply-link {
  color: #e13d3d;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Futura PT Book";
  font-size: 12px;
  letter-spacing: 1.8px;
  text-align: right;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

div#wpdcom {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
}

div#wpdcom .wpd-form-wrap {
  order: 2;
  flex: 1 0 100%;
}

div#wpdcom div#wpd-threads {
  order: 1;
  flex: 1 0 100%;
}

div#wpdcom > .wpd-form-wrap > .wpd-form-head {
  display: none;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper .wpd-editor-buttons-right {
  display: none !important;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper .wpd-textarea-wrap {
  flex-basis: calc(100%) !important;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper textarea {
  width: 100%;
  max-height: 125px;
  min-height: 125px;
  resize: vertical;
  height: 125px !important;
  background: transparent;
  background: #f9f7f3;
  border-color: #000000;
  border-radius: 0 !important;
  box-shadow: inset 0px 0px 0px rgb(0 0 0 / 0%) !important;
  border: 1px solid #979797 !important;
  color: #212529 !important;
  font-size: 16px !important;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper .wpd-form-col-left input {
  border-bottom: 1px solid #000000;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  box-shadow: 0px 0px 0px #555;
  background: #f9f7f3;
  padding: 4px 0px;
  border-radius: 0;
  height: 34px;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper .wpd-form-col-left {
  width: 100%;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-left
  .wpd-field-icon {
  display: none;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-left
  .wpdiscuz-item.wc_name-wrapper {
  width: 48.5%;
  float: left;
  margin-right: 1.5%;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-left
  .wpdiscuz-item.wc_email-wrapper {
  width: 48.5%;
  float: left;
  clear: none;
  margin-left: 1.5%;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-left
  .wpdiscuz-item.wc_website-wrapper {
  margin-top: 20px;
  float: left;
}

div#wpdcom > .wpd-form-wrap .wpd-main-form-wrapper .wpd-form-col-right {
  float: left;
  text-align: left;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-right
  .wc-field-submit {
  text-align: left;
  justify-content: left;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-right
  .wc-field-submit
  .wpd-prim-button {
  background-color: #07b290;
  color: #ffffff;
  border-color: #ec3a23;
  font-style: normal;
  cursor: pointer;
  float: right;
  margin: 10px 0;
  padding: 8.5px 14.99px;
  clear: both;
  border: 1px solid #e13d3d;
  background: transparent;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1.8px;
  color: #ec3a23;
  text-transform: uppercase;
  font-style: inherit;
  margin-top: 0 !important;
  border-radius: 0;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-foot
  .wpd_label__check
  i.wpdicon {
  height: 36px;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-foot
  .wpd_label__check
  i.wpdicon::before {
  line-height: 26px;
}

div#wpdcom
  > .wpd-form-wrap
  .wpd-main-form-wrapper
  .wpd-form-col-right
  .wc-field-submit
  label.wpd_label {
  margin-top: 0px !important;
  margin-right: 5px !important;
}

.replay-content-form-name-primary > h3 {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 50px;
}

div#wpd-threads .wpd-thread-head {
  position: absolute;
  left: 0;
  top: -30px;
  right: 0;
  display: block;
  border-bottom: 1px solid #cccccc;
}

div#wpd-threads .wpd-thread-head .wpd-thread-info {
  max-width: 650px;
  width: 100%;
  margin: 0 auto !important;
  display: block;
  border: 0;
  padding-bottom: 40px;
}

div#wpd-threads .wpd-thread-head .wpd-thread-info {
  font-size: 40px;
  letter-spacing: 0.48px;
  line-height: 27px;
  color: #000000;
  font-family: inherit;
  text-transform: uppercase;
  font-weight: 400;
}

div#wpd-threads .wpd-thread-head .wpd-thread-info span.wpdtc {
  color: #ec3a23;
}

div#wpd-threads .wpd-thread-head .wpd-thread-info .comments-btn {
  margin-top: 7px;
}

.wpd-toggle.wpd-hidden {
  display: none;
}

.wpd-comment-wrap.wpd-blog-guest .wpd-comment-author > a {
  color: #000000 !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#wpdcom .wpd-load-more-submit-wrap > button.wpd-prim-button {
  align-items: center;
  border-color: #ec3a23 !important;
  border-radius: 0;
  color: #000000;
  display: flex;
  font-size: 12px;
  height: 35px;
  justify-content: center;
  letter-spacing: 2px;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  background-color: transparent;
  border: 1px solid #ec3a23;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Futura PT Book";
}

#wpdcom .wpd-load-more-submit-wrap > button.wpd-prim-button:hover {
  background: #ec3a23;
  color: #f9f7f4 !important;
}

#wpdcom .wpdiscuz-comment-pagination a.prev.page-numbers {
  border: 0;
  background: transparent;
  font-size: 12px;
  color: #003ab6;
  letter-spacing: 1.8px;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

#wpdcom .wpdiscuz-comment-pagination a.prev.page-numbers > svg {
  margin-right: 10px;
  top: 0px;
  position: relative;
  float: left;
  margin-top: 3px;
}

#wpdcom .wpdiscuz-comment-pagination a.next.page-numbers {
  border: 0;
  background: transparent;
  font-size: 12px;
  color: #003ab6;
  letter-spacing: 1.8px;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  float: right;
  margin-top: 3px;
}

#wpdcom .wpdiscuz-comment-pagination a.next.page-numbers > svg {
  float: right;
  margin-left: 7px;
}

.wpdiscuz-comment-pagination span.page-numbers.current {
  display: none !important;
}

.wpdiscuz-comment-pagination a.page-numbers {
  display: none;
}

.wpdiscuz-comment-pagination a.prev.page-numbers {
  display: inline;
}

.wpdiscuz-comment-pagination a.next.page-numbers {
  display: inline;
}

.wpd-thread-head .wpdiscuz-user-settings.wpd-info {
  display: none;
}

#wpdcom .wpd_label__check i.wpdicon-on {
  color: #003ab6 !important;
  border: 1px solid #003ab6 !important;
}

#wpdcom .wpd-blog-administrator .wpd-comment-label {
  color: #ffffff;
  background-color: #003ab6;
  border: none;
}

#wpdcom .wpd-comment-status .wpd-sticky {
  color: #003ab6;
}

#wpdcom .wpd-blog-administrator .wpd-comment-author,
#wpdcom .wpd-blog-administrator .wpd-comment-author a {
  color: #003ab6;
}

#wpdcom .wpd-blog-administrator .wpd-comment-author,
#wpdcom .wpd-blog-administrator .wpd-comment-author a {
  font-weight: 700;
  color: #003ab6;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-label {
  display: none;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a {
  margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
  #wpdcom form.wpd_comm_form.wpd-secondary-form-wrapper {
    margin: 10px 0 0px 0px;
    padding-left: 0;
    width: auto;
    padding-top: 50px;
  }

  .wpd-secondary-form-wrapper {
    padding-left: 100px;
  }

  #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
    margin-left: 0;
  }
}

@media screen and (max-width: 500px) {
  .wpd-comment-date {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .wpd-secondary-form-wrapper {
    padding-left: 0;
  }

  #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
    margin-top: 10px;
  }

  div#wpd-threads .wpd-thread-head .wpd-thread-info {
    font-size: 27px;
    text-align: center;
    padding-bottom: 60px;
  }

  div#wpd-threads .wpd-thread-head .wpd-thread-info .comments-btn {
    float: none;
    width: 100%;
  }

  div#wpd-threads .wpd-thread-head .wpd-thread-info .comments-btn {
    margin-top: 7px;
    float: none;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    text-align: center;
  }

  div#wpd-threads .wpd-thread-head .wpd-thread-info .comments-btn > a {
    float: none;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

/* END INTEGRATION wpDiscuz */

/*****************gt start******************/
body.single-post #wpdiscuz-loading-bar {
  top: 48vh !important;
  bottom: 48vh;
  left: 39% !important;
  right: 39% !important;
  width: 22%;
  text-align: center;
  background-image: unset !important;
  margin: auto;
  background: #000;
  color: #fff;
  padding: 5px 20px;
  height: fit-content;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
body.single-post #wpdiscuz-loading-bar:after {
  content: "Loading more comments...";
  font-size: 23px !important;
}

#coj_load_last_comment {
  border: 1px solid #dbd6cf;
  padding: 20px 10px;
}

.coj_post_comments_section .coj_sidebar {
  margin-top: 60px !important;
}
.coj_post_comments_section .coj_sidebar .coj_inner_section {
  padding: 28px 0 0;
  border-bottom: none;
  border-top: 1px solid #d6d6d6;
  position: sticky;
  top: 135px;
  text-align: center;
  align-items: center;
}
body.single-post #comments {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.single-post #comments #wpd-threads {
  margin-top: 0 !important;
}
body.single-post #comments #wpd-threads .wpd-thread-list {
  padding-top: 0 !important;
}
.coj_sidebar.desktop-hidden1 {
  display: none !important;
}
.coj_post_comments_section .coj_sidebar .coj_inner_section > * {
  margin: 0 auto;
}
/*.about-section .info {
  padding: 15px 12px 22px 12px !important;
}*/
@media screen and (min-width: 2025px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 35% !important;
    right: 35% !important;
    width: 20%;
  }
}
@media screen and (max-width: 2024px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 35% !important;
    right: 35% !important;
    width: 28%;
  }
}
@media screen and (max-width: 768px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 30% !important;
    right: 30% !important;
    width: 38%;
  }
  .coj_post_comments_section,
  .coj_post_comments_section .coj_sidebar {
    /*display: block !important;*/
  }
  .coj_post_comments_section .coj_sidebar {
    margin-top: 20px !important;
    padding-bottom: 25px !important;
    width: 100% !important;
  }
  .coj_post_comments_section .coj_sidebar .coj_inner_section {
    border-bottom: 1px solid #d6d6d6;
    border-top: none !important;
    padding: 0 0 28px 0;
  }
  .home .article-popular .entry-header {
      padding: 50px 0 0;
  }
  .home .recommended {
      padding: 0 0 0;
  }
}
@media screen and (max-width: 540px) {
	.hero-image.hero-image-main.hero-bleed.hero-full-custom img {
	    height: auto !important;
	    object-fit: contain;
	}
}
@media screen and (max-width: 475px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 15% !important;
    right: 15% !important;
    width: 54%;
  }
  body.single-post #wpdiscuz-loading-bar:after {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 375px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 15% !important;
    right: 15% !important;
    width: 60%;
  }
}
@media screen and (max-width: 320px) {
  body.single-post #wpdiscuz-loading-bar {
    left: 15% !important;
    right: 15% !important;
    width: 70%;
  }
}

/*Newsletter on post start*/
.cupOfJoNewsletter {
  background-color: #cfddee;
  height: auto;
  padding: 10px 75px 0 150px;
}
.cupOfJoNewsletterLeft {
  margin-top: 50px;
  /* line-height: 35px; */
}
.cupOfJoNewsletterTitle {
  font-family: "Futura PT Book";
  font-size: 30px;
}
.cupOfJoNewsletterText {
  font-family: "adobe-garamond-pro";
  font-size: 19px;
  margin-top: 15px;
}
form.cupOfJoNewsletterForm,
form#mc4wp-form-1 {
  margin-top: 35px;
}
.cupOfJoNewsletterForm input[type="email"],
form#mc4wp-form-1 input[type="email"] {
  width: 100%;
  font-family: "Futura PT Book";
  font-size: 12px;
  border: none;
  border-bottom: 1px solid;
  background-color: transparent;
  padding: 10px 15px;
}
.cupOfJoNewsletterForm input[type="email"]::placeholder,
form#mc4wp-form-1 input[type="email"]::placeholder {
  font-family: "Futura PT Book";
  font-size: 12px;
  text-transform: uppercase;
}
.cupOfJoNewsletterForm input[type="email"]:focus,
form#mc4wp-form-1 input[type="email"]:focus {
  background-color: transparent;
}
.cupOfJoNewsletterForm input:-webkit-autofill,
.cupOfJoNewsletterForm input:-webkit-autofill:hover,
.cupOfJoNewsletterForm input:-webkit-autofill:focus,
.cupOfJoNewsletterForm input:-webkit-autofill:active,
form#mc4wp-form-1 input:-webkit-autofill,
form#mc4wp-form-1 input:-webkit-autofill:hover,
form#mc4wp-form-1 input:-webkit-autofill:focus,
form#mc4wp-form-1 input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #cfddee inset !important;
}
.cupOfJoNewsletterForm input[type="submit"],
form#mc4wp-form-1 input[type="submit"] {
  width: 100%;
  font-family: "Futura PT Book";
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #000000;
  padding: 10px 0;
  margin-top: 25px;
  background-color: transparent;
}
.cupOfJoNewsletterForm input[type="submit"]:focus,
.cupOfJoNewsletterForm input[type="submit"]:hover,
form#mc4wp-form-1 input[type="submit"]:focus,
form#mc4wp-form-1 input[type="submit"]:hover {
  background: #ec3a23;
  border: 1px solid #ec3a23;
  color: #f9f7f4 !important;
}
.mc4wp-response {
  margin-top: 20px;
}
.mc4wp-response p {
  font-family: "Futura PT Book";
  font-size: 15px;
}
.cupOfJoNewsletterRight {
  text-align: center;
  overflow: hidden;
}
.cupOfJoNewsletterRight img {
  max-width: 400px;
  width: 100%;
  transform: translateY(35px);
}
/*sidebar social icons*/
.cupOfJoSocialIcon {
  margin-top: 10px;
  /* display: flex; */
  /* justify-content: space-around; */
  /* width: 35%; */
  /* margin: 0 auto; */
  /* padding-bottom: 5px; */
  /* padding-top: 10px; */
}
.cupOfJoSocialIcon a {
  margin-right: 8px;
}
.cupOfJoSocialIcon a {
  display: inline-block;
}
.cupOfJoSocialIcon a:last-child() {
  margin-right: 0px;
}
.cupOfJoSocialIcon span {
  color: #ebb338;
  background-color: #000000;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.cupOfJoSocialIcon span svg {
  height: 15px;
  margin: 5px auto;
}
/*Remove heading tags start*/
h1.article-name {
    margin-top: 50px;
    margin-bottom: 50px;
}
.popular .h3srno {
    color: #003AB6;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1.8px;
    margin-bottom: 22px;
}
.popular .h2a {
    margin-bottom: 35px;
}
.popular .h2a a{
    color: #003AB6;
    font-size: 20px;
    letter-spacing: 0.24px;
    line-height: 25px;
    transition: color .2s ease;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
}
.search-dropdown .h2search {
    position: absolute;
    top: calc(50% - 16px);
    margin: 0;
    font-size: 30px;
    line-height: 33px;
    color: #000000;
    font-family: inherit;
    font-weight: 500;
}
.single .related-post .h2MayWeSuggest {
     color: #fff; 
     margin-bottom: 35px; 
     /*margin: 0 0 40px; */
     font-size: 30px; 
     letter-spacing: 0; 
     line-height: 33px;
}
.single .more-to-love .title {
    text-align: center;
    margin: 0;
    padding: 60px 0;
    border-top: 1px solid #d6d6d6;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 33px;
    font-family: inherit;
    font-weight: 500;
    color: #000000;
}
.h3caption {
    color: #000000;
    font-size: 12px;
    letter-spacing: 1.12px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 500;
}
#content .caption.h3caption {
    margin-bottom: 5px;
}
.more-to-love .h2moretolove {
    font-size: 24px;
    margin: 20px 0 25px;
    padding-bottom: 0;
    line-height: 33px;
    color: #000000;
    font-family: inherit;
    font-weight: 500;
}
.entry-header-content .h4excerpt {
    /* font-family: 'Adobe Garamond Pro'; */
    font-family: adobe-garamond-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0.02px;
    line-height: 22px;
    margin-bottom: 28px;
}
.h2signup {
    color: #F9F7F4;
    font-size: 20px;
    letter-spacing: 0.24px;
    line-height: 25px;
    margin-block-end: 0;
    margin-block-start: 0px;
    text-align: initial;
    padding-bottom: 10px;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
}

.footer-second-row {
    padding: 50px 0 65px 0;
    border-top: 1px solid white;
}

.footer-social-media {
    text-align: left;
}

/*Remove heading tags end*/
@media screen and (max-width: 1024px) {
  .cupOfJoNewsletter {
    /*padding: 0;*/
  }
  /*    .cupOfJoSocialIcon {
        width: 15%;
    }*/
  .cupOfJoNewsletterTitle {
    font-size: 35px;
  }
  .cupOfJoNewsletterText {
    font-size: 20px;
  }
  .cupOfJoNewsletterRight {
    padding-top: 10px;
  }
  form.cupOfJoNewsletterForm {
    margin-top: 20px;
  }
  .cupOfJoNewsletterLeft {
    margin-top: 50px;
  }
  .article-right-rail.category-aside {
      margin-left: 35px;
  }
}
@media screen and (max-width: 992px) {
  .cupOfJoNewsletterLeft {
    margin-top: 30px;
  }
  form.cupOfJoNewsletterForm,
  form#mc4wp-form-1 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .cupOfJoNewsletter {
    padding: 0;
  }
  .cupOfJoNewsletterLeft {
    margin-top: 75px;
    line-height: 25px;
  }
  .cupOfJoNewsletterTitle {
    font-size: 30px;
  }
  .cupOfJoNewsletterText {
    font-size: 18px;
    line-height: 25px;
  }
  .cupOfJoNewsletterRight {
    padding-top: 10px;
  }
  form.cupOfJoNewsletterForm {
    margin-top: 20px;
  }
}
@media screen and (max-width: 540px) {
  .cupOfJoNewsletterLeft {
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 20px;
  }
  #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply {
	    padding-left: 25px;
	    margin-left: 0;
	}
	
}

@media screen and (max-width: 768px) {
    .footer-column {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  .cupOfJoNewsletterRight img {
    height: 100%;
  }

  .cupOfJoNewsletter .mc4wp-success {
    margin-bottom: 12px;
  }
  .cupOfJoNewsletterTitle {
    font-size: 28px;
  }
  .cupOfJoNewsletterText {
    font-size: 16px;
  }
}
/*****************gt end******************/
div#shop-cat-description .shop .products .product {}
.cojBookTitle {
    /*width: 290px;*/
    /*height: 76px;*/
    margin: 22px 0 !important;
    /*font-family: FuturaPT;*/
    font-size: 30px;
    font-size: 2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.cojBookAuthor {
    /*width: 106px;*/
    /*height: 16px;*/
    margin: 0 0 22px 0;
    /*font-family: FuturaPT;*/
    font-size: 12px;
    font-size: 1.25vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.hero-image.hero-image-main.hero-image-main_1.hero-bleed.hero-full-custom,
.hero-image.hero-image-main.hero-image-main2_2.hero-bleed.hero-full-custom {
/*     background-color: #ccc; */
}

@media screen and (max-width: 425px) {
    .cojBookTitle {
      margin: 15px 0 !important;
      font-size: 4vw;
  }
    .cojBookAuthor {
      margin: 0 0 18px 0;
      font-size: 2.75vw;
  }
}