/**
 *  Theme Name: Leigh Anne Wilkes
 *  Theme URI: https://www.oncecoupled.com
 *
 *  Description: Custom Genesis child theme. Made with love!
 *  Tags: custom-made, genesis, child-theme
 *
 *  Author: Once Coupled
 *  Author URI: https://www.oncecoupled.com
 *
 *  Version: 1.0.0
 *  Template: genesis
 *  Template Version: 3.0.2
 *
 *  Text Domain: once-coupled-leigh-anne-wilkes
 *  License: All rights reserved.
 *
 *  Notes: primarily color, font, & layout changes to
 *  elements common to *most* of our themes. #4
 */


/* ================================
[ Common ]
================================ */

/* ---------- [ Table of Contents ] ---------- */

/**
 * Notes
 * - TOC (you are here)
 *
 * Navigation
 * - Nav: Footer
 * - Nav: Primary
 *
 * Containers
 *
 * Sections
 * - Header
 * - Before Header
 * - Site Footer
 *
 * Content
 * - Entry Header
 * - Breadcrumbs
 * - Titles
 * - Descriptions
 * - Entries
 */

 /* ================================
[ Navigation ]
================================ */

/* ---------- [ Nav: Footer ] ---------- */

@media screen and (min-width: 1024px) {
	.nav-footer {
	    border-left: 1px solid #e2e2e2;
	    border-right: 1px solid #e2e2e2;
	    padding: 0 0 0 20px;
	}
}

.nav-footer .menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.nav-footer .menu > .menu-item {
    display: flex;
    flex-basis: calc(50% - 4px);
    flex-direction: column;
}

.nav-footer .menu-item a {
    font-family: 'Lora', sans-serif;
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: normal;
    color: #000;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

@media screen and (min-width: 1024px) {
	 .nav-footer .menu-item a {
        text-align: left;
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 0;
    }

    .nav-footer .menu-item a:hover {
        text-decoration: underline;
    }
}

/* ---------- [ Nav: Primary ] ---------- */

.nav-primary {
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px); /* height of sticky header */
	display: none;
	overflow-y: scroll;
	background: #f8f6f2;
	z-index: 9;
}

.admin-bar .nav-primary { /* height of admin bar (46px) + sticky header */
	top: 135px;
	height: calc(100vh - 125px); /* height of sticky header */
}


@media screen and (min-width: 1024px) {
	.admin-bar .nav-primary {
		top: 50px;
		height: auto;
	}

	.nav-primary {
        position: absolute;
		left: auto;
		display: block;
		overflow: visible;
		background: transparent;
		min-height: 54px;
		top: 50px;
        height: auto;
        pointer-events: none;
        z-index: 9;
	}
}

@media screen and (max-width: 1023px) {
	.nav-primary .wrap {
		max-width: 100%;
	}
}

.nav-primary > .wrap,
.nav-primary .menu {
	height: 100%;
}

.nav-primary .menu {
	display: flex;
	flex-direction: column;
	position: relative;
	pointer-events: all;
}

@media screen and (min-width: 1024px) {
	.nav-primary .menu {
		position: relative;
		display: flex;
		flex-direction: row;
		padding: 12px 0 11px;
		justify-content: space-between;
		height: auto;
		clear: none;
	}
}

@media screen and (min-width: 1024px) {
	.nav-primary > .wrap {
		padding-left: 320px;
        padding-right: 194px;
	}
}

@media screen and (min-width: 1024px) {
	.sticky-nav {
		margin-top: 146px;
	}

	.sticky-nav .nav-primary {
		position: fixed;
		top: 8px;
		left: calc(50% + 50px);
		transform: translate(-50%, -71px);
		transition: none;
		background: transparent;
		z-index: 999;
		min-height: 71px;
		margin: 0;
		padding: 8px 0 0;
		width: 500px;
		display: block;
		overflow: visible;
		display: flex;
		justify-content: center;
		align-items: center;
		animation: navSlide 400ms ease forwards;
	}

	.admin-bar .sticky-nav .nav-primary {
		top: 40px;
	}

	.sticky-nav .nav-primary .wrap {
		padding: 0;
		width: 100%;
	}

	.sticky-nav .site-header {
		position: fixed;
		top: -50px;
		left: 50%;
		width: 100%;
		z-index: 98;
		background: #fff;
		padding: 12px 12px 0;
		transform: translate(-50%, -71px);
		animation: navSlide 400ms ease forwards;
    }

    .home .sticky-nav .site-header,
	.single .sticky-nav .site-header {
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    }

	.admin-bar .sticky-nav .site-header {
		top: -15px;
	}

}

@keyframes navSlide {
	0% {
		transform: translate(-50%, -71px);
	}
	100% {
		transform: translate(-50%, 0px);
	}
}

/* [ Primary Nav - Menu Items ] */

.nav-primary .menu-item {
	display: block;
	border-bottom: 1px solid #C9C7C4;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
}

.nav-primary .menu-item.hide-on-mobile {
	display: none;
}

.nav-primary .menu-item.mobile-nav-container,
.nav-primary .menu-item.social-container,
.nav-primary .menu-item.button-container {
    border:none;
}

@media screen and (min-width: 1024px) {
	.nav-primary .menu-item {
		display: inline-block;
		border: 0;
		flex: 1 1 auto;
		text-align: center;
	}

	.nav-primary .menu-item.hide-on-mobile {
		display: inline-block;
	}

    .nav-primary .menu-item.mobile-nav-container,
	.nav-primary .menu-item.visible-on-mobile {
		display: none;
	}
}

.nav-primary .social-container {
	padding: 15px 30px 15px;
}

@media screen and (min-width: 1024px) {
	.nav-primary .social-container,
	.nav-primary .mobile-secondary-container {
		display: none;
	}
}

.nav-primary .menu-item.emphasis + .social-container {
	border-top: 0;
	padding-top: 0;
}

.nav-primary .menu-item a {
    text-transform: uppercase;
    color: #000;
    display: block;
    padding: 11px 48px 12px 24px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
	.nav-primary .menu-item a {
        position: relative;
        display: inline-block;
        font-size: 18px;
        min-height: auto;
        text-transform: capitalize;
        color: #000;
        letter-spacing: 0;
        padding: 6px 12px;
    }

    .nav-primary .menu-item a::after,
    .nav-primary .menu-item a::before {
        content: "";
		position: absolute;
    }

    .nav-primary .menu > .menu-item > a::after {
        background-color: #000;

        width: 4px;
        height: 4px;

        border-radius: 100%;
        top: 15px;
        right: -15px;
    }

    .nav-primary .menu-item:nth-last-child(4) a::after {
        display: none;
    }

	.nav-primary .menu-item a::before {
		top: 0;
		left: 10px;
		width: calc(100% - 20px);
		height: 2px;
		background-color: #546881;
		transform: scaleX(0);
		transition: all 250ms ease;
	}

	.nav-primary .menu-item a:hover {
		opacity: 1;
	}

	.nav-primary .menu-item a:hover::before {
		transform: scaleX(1);
	}
}

.menu-item.button-container .mobile-buttons .more-link {
    background-color: #49596F;
    font-family: 'Lora', sans-serif;
    font-style: italic;
    color: #fff;
    text-transform: lowercase;
    padding: 11px 15px;
    text-align: center;
    letter-spacing: 0;
}

.menu-item.button-container .mobile-buttons .more-link .icon-font {
    margin-right: 5px;
}

.menu-item.button-container .mobile-buttons .more-link .icon-font::before {
    top: 3px;
}

@media screen and (min-width: 1024px) {
	.sticky-nav .nav-primary .search-form {
		display: block;
		max-width: 200px;
   		margin-left: 9px;
	}
}

/* [ Primary Nav - Sub-menu ] */

.nav-primary .sub-menu-toggle {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 11px;
	right: 16px;
	padding: 0;
	background: transparent;
	color: #000;
}

@media screen and (min-width: 1024px) {
	.nav-primary .sub-menu-toggle {
   		display: none;
	}
}

.nav-primary .sub-menu-toggle .icon-chevron {
    font-size: 18px;
}

.nav-primary .sub-menu-toggle .icon-chevron::before {
	margin: 0;
}

.nav-primary .sub-menu .sub-menu-toggle {
	height: 21px;
}

.nav-primary .sub-menu {
	display: none;
	background: #ebe7df;
}

@media screen and (min-width: 1024px) {
	.nav-primary .sub-menu {
		background: #49596f;
	}
}

.nav-primary .sub-menu .menu-item {
	border-color: #f8f6f2;
	font-weight: 400;
	margin: 0;
}

.nav-primary .sub-menu .menu-item:last-of-type {
	border: 0;
}

.nav-primary .sub-menu a {
	padding-left: 40px;
	letter-spacing: normal;
    height: auto;
    line-height: 1.3;
	font-size: 18px;
	text-transform: capitalize;
}

.nav-primary .sub-menu a::before {
	content: none;
}

@media screen and (min-width: 1024px) {
	.nav-primary .sub-menu a {
		font-size: 16px;
		min-height: auto;
	}

	.nav-primary .menu .sub-menu a {
		padding: 9px 12px 8px;
		display: block;
		color: #fff;
        background: #49596F;
        border-bottom: 2px solid transparent;
    }

	.nav-primary .menu .sub-menu .menu-item:hover a {
        border-bottom-color: #fff;
    }

    .nav-primary .menu .sub-menu .menu-item:last-child a {
        border-bottom-color: transparent;
    }

    .nav-primary .menu .sub-menu .menu-item:hover a {
        background: #2b3c53;
    }

    .menu-primary > .menu-item > .sub-menu > li:first-of-type::before,
	.menu-primary > .menu-item > .sub-menu > li:first-of-type::after {
	    position: absolute;
	    z-index: 9;
	    top: 0;
	    left: 0;
	    width: 50%;
	    content: "";
	    -webkit-transition: 400ms;
	    transition: 400ms;
	    border-top: 8px solid #fff;
	}

	.menu-primary > .menu-item > .sub-menu > li:first-of-type::before {
	    border-right: 8px solid transparent;
	}

	.menu-primary > .menu-item > .sub-menu > li:first-of-type::after {
	    right: 0;
	    left: auto;
	    border-left: 8px solid transparent;
    }

    .nav-primary .menu > .menu-item > .sub-menu > .menu-item:first-of-type > a {
        padding-top: 18px;
    }

    .nav-primary .sub-menu .sub-menu a {
        background-color: #2B3C53;
        border-bottom: 2px solid transparent;
    }

    .nav-primary .sub-menu .sub-menu .menu-item:hover a {
        background-color: #14243B;
        border-bottom-color: #fff;
    }

    .nav-primary .sub-menu .sub-menu .menu-item:last-child a {
        border-bottom-color: transparent;
    }

}

/* [ Nav Primary Extras ] */

@media screen and (min-width: 1024px) {
	.nav-primary .button-container,
	.nav-primary .social-container {
		display: none;
	}
}

.nav-primary .primary-extras {
    display: flex;
    align-items: center;
    margin: 15px 24px 0;
    flex-wrap: wrap;
}

.nav-primary .primary-extras > * {
    margin: 0 0	 1em; /* add vertical space when items flex wrap to multi rows */
}

.nav-primary .primary-extras .cta-button {
	background: #49596f;
	padding: 10px 12px;
	display: inline-block;
	border-radius: 3px;
	font-family: 'Lora', serif;
	font-size: 15px;
	font-style: italic;
	color: white;
	text-transform: lowercase;
	white-space: nowrap;
}

.nav-primary .primary-extras .social {
	margin-right: 10px;
}

.nav-primary .primary-extras .social .social-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	margin: 0;
	color: #000;
}

@media screen and (min-width: 414px) {
	.nav-primary .primary-extras .social .social-icon {
		font-size: 28px;
		width: 39px;
		height: 38px;
		line-height: 38px;
	}

	.nav-primary .primary-extras .cta-button {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.nav-primary .primary-extras .cta-button {
		font-size: 18px;
	}
	.nav-primary .primary-extras {
		display: none;
	}
}


/* ================================
[ Containers ]
================================ */

body,
body.admin-bar {
    margin-top: 89px;
}

@media (min-width: 1024px) {
    body,
    body.admin-bar {
        margin-top: 0;
    }
}

.site-container {
    position: relative;
}

/* ================================
[ Sections ]
================================ */

/* ---------- [ Header ] ---------- */

.site-header {
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding-top: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

.page-template-page_custom .site-header {
    box-shadow: none;
}

.nav-visible .site-header {
    box-shadow: none;
}

.admin-bar .site-header {
    top: 75px;
}

@media screen and (min-width: 1024px) {
	.site-header {
		position: relative;
		height: auto !important; /* to overwrite inline styles added by js, if the user resizes their browser */
		overflow: visible;
		top: -6px;
		z-index: 9;
		padding: 0;
		box-shadow: none;
	}

	.admin-bar .site-header {
        top: -6px;
    }
}

/* [ Logo ] */

.title-area {
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
}

.title-area .site-title {
    display: inline-block;
    width: 172px;
    margin: 0;
}

@media screen and (min-width: 1024px) {
	.title-area {
        display: block;

		width: 260px;
        height: 70px;

        position: relative;
        top: -10px;

		float: left;
    }

    .sticky-nav .title-area {
        width: 220px;
        height: 60px;

        top: -13px;
    }

	.title-area .site-title {
		position: relative;
        z-index: 1;

        width: 100%;
        height: 100%;
	}
}

.title-area .site-title a {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 60px;
    background: url(https://www.yourhomebasedmom.com/wp-content/themes/once-coupled-leigh-anne-wilkes/assets/images/logo.svg) no-repeat center;
    background-size: 100%;
    text-indent: -9999px;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

@media screen and (min-width: 1024px) {
	.title-area .site-title a {
        display: block;

        background: url(https://www.yourhomebasedmom.com/wp-content/themes/once-coupled-leigh-anne-wilkes/assets/images/logo.svg) no-repeat center;

		width: 100%;
		max-width: 100%;
        height: 100%;

		background-size: contain;
		margin-top: 0;
	}

}

/* [ Search ] */

#header-search {
    border: 2px solid #000;
    border-radius: 25px;

    margin: 10px 0;
}

#header-search .search-form,
#header-search .search-form-input {
    height: 38px;
}

@media screen and (min-width: 1024px) {
    #header-search {
        display: block;
        float: right;

        width: 194px;

        margin:0;

        position: relative;
        z-index: 9999;
    }

    .sticky-nav #header-search {
        top: -4px;
    }

    #header-search .search-form-input {
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 14px;
    }
}

/* [ Toggles ] */

.site-header .generic-toggle {
	width: 13%;
	height: 50px;
	position: absolute;
	top: 3px;
	z-index: 999;
}

.site-header .menu-toggle {
    left: 0;
}

.site-header .search-toggle {
    right: 0;
}

/* ---------- [ Before Header ] ---------- */

/* [ Mobile ] */

.before-header-mobile {
    background-color: #dde1e4;
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-bar .before-header-mobile {
    top: 4px;
}

/* [ Desktop ] */

.before-header {
	display: none;
}

@media screen and (min-width: 1024px) {
	.before-header {
        display: block;

        margin-bottom: 22px;
    }

    .sticky-nav .before-header {
        border-bottom: 8px solid #546881;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-top: -2px;
        margin-bottom: 24px;
    }

    .admin-bar .sticky-nav .before-header {
        margin-top: -5px;
    }

    .before-header > .wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 40px;
    }

    .sticky-nav .before-header > .wrap {
        max-width: 1020px;
        margin-right: auto;
        margin-left: auto;
    }




    .before-header > .wrap::before,
    .before-header > .wrap::after {
        display: none;
    }

    .before-header-left .header-text,
    .before-header-left .header-social,
    .before-header-right .nav-header,
    .before-header-right .featured-content {
        float:left;
    }

    .before-header-left .header-text .section-description p,
    .before-header-right .menu .menu-item a {
        font-family: 'Lora', sans-serif;
        font-size: 14px;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: 0;
        color: #000;
        text-decoration: none;

        margin-top: 10px;
        margin-bottom: 0;
    }

    .before-header-left .header-social {
        padding-left: 8px;
    }

    .before-header-left .header-social .link-item {
        color: #000;
    }

    .before-header-left .header-social .link-item:hover {
        color: #666;

        -webkit-transform: scale(1.25);
                transform: scale(1.25)
    }

    .before-header-left .header-social .icon-font {
        font-size: 60%;
    }

    .sticky-nav .before-header-right {
        display: none;
    }

    .before-header-right .nav-header {
        padding-top: 2px;
    }

    .before-header-right .menu .menu-item {
        position: relative;

        float: left;
    }

    .before-header-right .menu .menu-item:after {
        content:'';

        position: absolute;

        background-color: #000;

        width: 1px;
        height: 14px;

        top: 12px;
        right: 0;

        transform:skewX(-6deg);

    }

    .before-header-right .menu .menu-item:last-child:after {
        display: none;
    }

    .before-header-right .menu .menu-item a {
        padding: 0 12px;
    }

    .before-header-right .menu .menu-item a:hover {
        text-decoration: underline;
    }

    .before-header-right .featured-content.secondary-button .more-link-container {
        position: relative;
        top: 0;
        right: -4px;
        z-index: 1;
    }

    .before-header-right .featured-content.secondary-button .more-link {
        background-color: #546881;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        padding: 10px 15px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .before-header-right .featured-content.secondary-button .more-link .icon-font {
        margin-left: 2px;
    }

    .before-header-right .featured-content.secondary-button .more-link strong {
        font-weight: 700;
    }

    .before-header-right .featured-content.secondary-button .more-link:hover {
        background-color: #49596f;

        text-decoration: underline;

        transform: scale(1);
    }

}

/* ---------- [ Site Footer ] ---------- */

.site-footer .footer-columns {
    position: relative;
    overflow: hidden;
}

.site-footer .footer-columns > .wrap > .flexbox {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-columns {
        padding: 50px 0;
        box-shadow: 0 -1px 0 0 #000,
                    0 -2px 0 3px #fff,
                    0 -3px 0 3px #000;
    }

    .site-footer .footer-columns > .wrap > .flexbox {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        margin-top: 0;
    }

    .site-footer .footer-columns .flexbox .lg-col-3 {
        width: initial;
        flex: 0 1 100%;
    }

    .site-footer .footer-columns .flexbox .footer-logo-social {
        flex: 1 0 auto;
    }
}

.site-footer .footer-columns .cta {
    max-width: 380px;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-columns .cta {
        margin: 0 32px;
        flex: 1 1 auto !important;
    }
}

.site-footer .footer-columns > .wrap {
    border-top: 1px solid #e2e2e2;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-columns > .wrap {
        border-top: none;
    }
}

.site-footer .footer-nav {
    background-color: #49596F;
    padding: 25px 15px 5px;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-nav {
        background: transparent;
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
}

.site-footer .footer-nav .menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-nav .menu {
        display: inline-block;
    }
}

.site-footer .footer-nav .menu .menu-item {
    flex-basis: calc(50% - 8px);
    justify-content: center;
    flex-direction: column;
    margin: 0 16px 16px 0;
    letter-spacing: 0;
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-nav .menu .menu-item {
        margin: 0;
    }
}

.site-footer .footer-nav .menu .menu-item:nth-child(2n) {
    margin-right: 0;
}

.site-footer .footer-nav .menu .menu-item a {
    background-color: #39475c;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    padding: 16px 16px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    .site-footer .footer-nav .menu .menu-item a {
        padding: 16px 9px;
        letter-spacing: 0;
    }
}

@media screen and (min-width: 1024px) {
    .site-footer .footer-nav .menu .menu-item a {
        background-color: transparent;
        color: #000;
        font-size: 16px;
        padding: 0 8px;
        letter-spacing: 0;
    }

    .site-footer .footer-nav .menu .menu-item a:hover {
        text-decoration: underline;
    }

    .site-footer .footer-bottom {
        background-color: #E1E5E8;
    }
}

.footer-text {
    background-color: #323e4e;

    display: inline-block;
    width: 100%;
    padding: 10px 15px;
}

@media screen and (max-width: 320px) {
    .footer-text {
       text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .footer-text {
        width: auto;
        background: transparent;
        float: right;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;

        position: relative;
        right: -25px;
    }
}

.footer-text .footer-credits {
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: 'Lora', sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 414px) {
    .footer-text .footer-credits {
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) {
    .footer-text .footer-credits {
        color: #000;
        font-size: 16px;
    }
}

.footer-text .site-credits-container {
    padding: 0;
    margin: 0 0 0 24px;
}

@media screen and (min-width: 1024px) {
    .footer-text .site-credits-container {
        margin-left: 20px;
    }
}

.footer-text .footer-credits .credits-text {
}


/* ================================
[ Content ]
================================ */

/* ---------- [ Entry Header ] ---------- */

@media (max-width: 1023px) {
	.single .entry-header,
	.single .breadcrumb {
		background: #F8F6F2;
		margin-right: -10px;
		padding: 10px 16px 0;
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-top: -12px;
	}

	.single .entry-header {
		margin-bottom: 15px;
		padding-top: 0;
		padding-bottom: 20px;
	}
}

@media (max-width: 599px) {
	.single .entry-header {
		padding-bottom: 5px;
	}
}

/* ---------- [ Breadcrumbs ] ---------- */

.breadcrumb,
.breadcrumb .breadcrumb-link,
.breadcrumb a {
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	color: #000;
}

@media screen and (min-width: 1024px) {
	.breadcrumb,
	.breadcrumb .breadcrumb-link,
	.breadcrumb a,
	.breadcrumb .breadcrumb-link-text-wrap {
		font-size: 16px;

	}

	.breadcrumb a:hover {
		text-decoration: underline;
	}
}

.breadcrumb .breadcrumb-link-wrap:first-child .breadcrumb-link-text-wrap {
    text-transform: capitalize;
}

.breadcrumb .breadcrumb-separator {
    margin: 0 5px;
}

.breadcrumb .breadcrumb-separator:after {
    content: '/';

    display: block;
}

.single .breadcrumb {
    margin-bottom: 6px;
}

@media screen and (min-width: 1024px) {
	.single .breadcrumb {
		margin-bottom: 0;
	}
}


/* ---------- [ Titles ] ---------- */

.entry-title {
    font-size: 20px;
    font-family: 'Lora', serif;
    font-weight: 400;
    text-transform: unset;
    color: #000;
    text-align: center;
    line-height: 1.22;
}

@media (min-width: 1024px) {
    .entry-title {
    	font-size: 18px;
    }
}

.entry-title-link {
    text-decoration: none;
    color: #000;
}

@media (min-width: 1024px) {
    .entry-title-link:hover {
        text-decoration: underline;
    }
}

.archive-title,
.archive-nav .entry-title {
    font-size: 30px;
    font-family: 'Lora', serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #343434;
    line-height: 1.106;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 1024px) {
    .archive-title,
    .archive-nav .entry-title {
        font-size: 32px;
        color: #000;

    }
}

.index-title,
.category-title {
    flex-basis: calc(100% - 20px);
    max-width: 1020px;
    margin: auto;
}

.articles-container .entry {
    display: flex;
    flex-direction: column;
}

.articles-container .entry-title {
    margin: 0;
    padding: 8px 10px;
    letter-spacing: 0;
}


@media (min-width: 1024px) {
    .articles-container .entry-title {
        line-height: 1.1;
        padding: 10px;
    }
}

@media (min-width: 1024px) {
    .articles-container .entry-title {
        padding: 15px 10px;
    }

    .archive-shop .articles-container .entry-title {
        padding: 15px 10px 8px;
    }
}

.articles-container .entry-title-link {
    letter-spacing: 0;
}

@media (min-width: 768px) {
    .articles-container .entry-title-link {
        letter-spacing: 0;
    }
}

@media (min-width: 1024px) {
    .articles-container .entry-title-link:hover {
       text-decoration: underline;
    }
}

.section-title {
    font-size: 30px;
    text-transform: unset;
    line-height: 1.143;
}

@media (min-width: 1024px) {
	.section-title {
		font-size: 28px;
	}
}

/* ---------- [ Descriptions ] ---------- */

.section-description {
    font-size: 20px;
    line-height: 1.33;
}

@media (min-width: 1024px) {
	.section-description {
        font-size: 18px;
        line-height: 1.6;
	}
}

/* ---------- [ Entries ] ---------- */

.flexbox .entry {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    margin-bottom: 16px;
}

.post .entry-title {
    margin: 0;
    padding: 8px 10px;
}

.post .entry-title .entry-title-link {
    text-transform: none;
}