@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.svg") format("svg"); }
@font-face {
    font-family: 'Futura PT Book';
    src: url('FuturaPT-Book.eot');
    src: url('FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
    url('FuturaPT-Book.woff') format('woff'),
    url('FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url("./assets/fonts/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(assets/fonts/bodonclarom-webfont.eot);
    src: url(assets/fonts/bodonclarom-webfont.eot?#iefix) format("embedded-opentype"), url(assets/fonts/bodonclarom-webfont.woff2) format("woff2"), url(assets/fonts/bodonclarom-webfont.woff) format("woff"), url(assets/fonts/bodonclarom-webfont.ttf) format("truetype"), url(assets/fonts/bodonclarom-webfont.svg#bodoniclassic-romanregular) format("svg");
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: cupofjo;
    src: url(assets/fonts/cupofjo.eot?58163909);
    src: url(assets/fonts/cupofjo.eot?58163909#iefix) format("embedded-opentype"), url(assets/fonts/cupofjo.woff?58163909) format("woff"), url(assets/fonts/cupofjo.ttf?58163909) format("truetype"), url(assets/fonts/cupofjo.svg?58163909#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: .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: .08em;
    width: 15px;
}



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


.menu-footer-menu-container ul li a {
    font-size: 13px;
    letter-spacing: .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: .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: .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: .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: .5ex
}

.text-centered {
    text-align: center
}

.text-sm {
    font-size: .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: .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: .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: .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: .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 .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 .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 .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .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 .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.yarpp-related h2 {
    font-size: 26px;
    margin-bottom: .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: .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 .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .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 .6s ease;
    transition: color .6s ease
}

.grid-item a {
    color: #000000
}

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

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



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

.mini-comments-link {
    padding-left: 16px;
    font-size: 12px;
    letter-spacing: .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 .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: .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: .1em
}

.shop-filter {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .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: -.925925926%
}

.product {
    width: 23.148148148%;
    margin: 0 .925925926% 20px
}

.product a {
    color: #000000
}

.product:hover img {
    opacity: .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: -.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: .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 .2s ease;
    transition: color .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 .2s ease;
    transition: color .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 .2s ease;
    transition: color .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: .08em
}

.post-tags {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -.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, .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(./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 .2s ease;
    color: #003AB6;
    font-size: 20px;
    letter-spacing: 0.24px;
    line-height: 25px;
    transition: color .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: .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 .2s ease;
    transition: color .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 55px;
    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: 40px;
    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;
}

.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;
}

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 {
    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;
}

.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;
}

.footer-social-icons {
    padding-top: 50px;
    text-align: initial;
}

.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: .08em
}

.mobile-nav .nav-trigger:hover {
    -webkit-transition: color .2s ease;
    transition: color .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 55px;
    }

    #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 55px;
    }

    .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: .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 {
        font-size: 10px;
        letter-spacing: 1.4px;
        line-height: 17px;
    }

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

    .posts-module {
        margin: 0px;
    }
    .module-2-up {
        margin-top: 0px;
    }

    .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;
		padding: 0 30px;
        margin-top: 50px;
	}

	.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 0 60px;
    }
    
    .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-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: .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: flex-end;
    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: 50px;
}

.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;
}

.hero-bleed {
    margin-left: calc(50% - 45vw);
    width: 90vw;
    max-width: 90vw;
    margin-top: 50px;
}

.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%;
}

.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;
}

.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);
    width: calc(100vw - 116px);
    max-width: calc(100vw - 116px);
    margin-top: 50px;
    }

}

@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);
	}
}

@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.90px;
}

/* .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;
}

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: contain;
}

.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;
}

.article-post p iframe {
    height: 350px;
}

/*.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 + 85px);
        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);
    }
}

@media screen and (max-width: 1199px) {
    .hero-image.hero-image-main.hero-bleed {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 76px;
        margin-top: 50px;
    }
    .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: 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;
    }
}

@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: 50px;
}

.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;
}