/*

Theme Name: X – Child Theme
Theme URI: https://theme.co/x/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.6
Template: x

*/

b, strong {
    font-weight: normal;
    /* font-family: 'ITC Garamond W01 Book'; */ /* 2024 new */
    font-weight: 500; /* 2024 new */
}

i, em {
    /* font-family: 'ITC Garamond W01 Light Italic'; */ /* 2024 new */
    /* font-style: normal; */ /* 2024 new */
    letter-spacing: .03em;
    font-weight: 400; /* 2024 new */
    font-style: italic; /* 2024 new */
}

body {
    line-height: 1.65; /* 2024 new */
}

body .x-main h1 {
	font-size: 260%;
}

body .x-main h2 {
	font-size: 225%;
}

body .x-main h3 {
	font-size: 190%;
}

body .x-main h4 {
	font-size: 155%;
}

body .x-main h5 {
	font-size: 120%;
}

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

.max-width-750 {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 479.98px) {
	body .x-main h1 {
		font-size: 215%;
	}
	
	body .x-main h2 {
		font-size: 195%;
	}
	
	body .x-main h3 {
		font-size: 175%;
	}	
}


/* logo and navbar */

.x-logobar, .x-navbar {
    border-bottom: none;
    text-align: left;
}

a.x-brand:hover {
    color: #2361a1;
}

.site-tagline {
    font-size: 1.25em;
    color: #555555;
}

.x-social-global a {
    color: #333333;
}

.x-social-global a:hover {
    color: #2361a1;
}

.x-navbar-wrap {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #eeeeee;
    display: table;
    width: 100%;
}

.home .x-navbar-wrap {
    border-bottom: 0;
    padding-bottom: 0;
}

.x-navbar.x-navbar-fixed-top { /* sticky */
    padding-top: .35em;
    padding-bottom: .5em;
    border-bottom: 1px solid rgba(0,0,0,.075);
    background-color: #fbfbfb;
    -webkit-box-shadow: 0px 1px 6px rgb(204 204 204 / 30%);
    -moz-box-shadow: 0px 1px 6px rgb(204 204 204 / 30%);
    box-shadow: 0px 1px 6px rgb(204 204 204 / 30%);
}

@media (max-width: 978.98px) {
	.x-navbar.x-navbar-fixed-top {
	    position: fixed !important;
	}
}

@media (max-width: 766.98px) {
	.x-brand {
	    font-size: 48px !important;
	}
	.x-navbar.x-navbar-fixed-top {
	    /* position: relative !important; */
	}
}
@media (max-width: 479.98px) {
	.x-brand {
	    font-size: 40px !important;
	}
	.site-tagline {
	    font-size: 1em !important;
	}
}

/* menu items */

.masthead-stacked .desktop .x-nav {
    width: 100%;
}

.x-navbar .desktop .x-nav > li > a, 
.x-navbar .desktop .sub-menu li > a, 
.x-navbar .mobile .x-nav li a {
    /* color: #333333;	
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .12em; */
}

/*
.desktop .sub-menu a {
    text-align: left;
}
*/

.x-navbar .desktop .x-nav > li > a {
    padding: 10px 0;
}

.x-navbar .desktop .x-nav > li > a > span {
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    padding-top: .15em;
    padding-bottom: .15em;
    padding-left: 1em;
    padding-right: 1em !important;
}

/* .desktop .menu-item.current-menu-parent > a > span, */
.desktop .current-menu-item > a > span,
.desktop .menu-item:hover > a > span {
    color: #2361a1;
    border-left: 1px solid rgba(36, 99, 161, 0.8) !important;
}

/*
.desktop .sub-menu .menu-item > a > span,
.desktop .sub-menu .menu-item:hover > a > span {
	border-left: none !important;
}
*/


.x-navbar .desktop .x-nav > li:nth-child(7):hover > a > span { /* instagram */
	border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.x-navbar .desktop .x-nav > li:nth-child(7) > a,
.x-navbar .desktop .x-nav > li:nth-child(8) > a { /* twitter */
    font-size: 16px;
    padding: 9px 0;
}


.x-navbar .desktop .x-nav > li:nth-child(8) > a > span, 
.x-navbar .desktop .x-nav > li:last-child > a > span { /* search */
    padding-left: .25em;
    border-left: 0;
}

.x-navbar .desktop .x-nav > li:nth-child(8):hover > a > span, 
.x-navbar .desktop .x-nav > li:last-child:hover > a > span {
    border-left: 0 !important;
}


nav.x-nav-wrap.desktop ul > li:first-child span,
nav.x-nav-wrap.desktop ul > li:first-child:hover span {
    padding-left: 0 ;
    border-left: 0 !important;
}



@media (max-width: 978.98px) {
	.x-navbar .desktop .x-nav > li > a, 
	/* .x-navbar .desktop .sub-menu li > a, */
	.x-navbar .mobile .x-nav li a {
	    font-size: 13px !important;
	}
}

@media (max-width: 766.98px) {
	.x-navbar .desktop .x-nav > li > a, 
	/* .x-navbar .desktop .sub-menu li > a, */
	.x-navbar .mobile .x-nav li a {
	   /* font-size: 12px !important; */
	}
}


/* mobile */

.sfm-navicon-button, 
.sfm-pos-right #sfm-sidebar,
#sfm-overlay-wrapper {
    display: none;
}



#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li a:hover {
    background: rgb(35 97 161 / 80%);
}

@media (max-width: 978.98px) {
	.masthead-stacked .x-btn-navbar {
	    display: none;
	}

	.x-nav-wrap.desktop {
	    display: block;
	}
}

@media (max-width: 766.98px) {
	.sfm-navicon-button,
	.sfm-pos-right #sfm-sidebar,
	#sfm-overlay-wrapper {
	    display: block;
	}
	body.x-navbar-fixed-top-active .x-navbar-wrap .x-navbar {
	    display: none;
	}

}




/* footer */

footer.x-colophon.bottom {
    padding: 1.5% 0;
}

footer .x-colophon-content div {
    text-transform: none;
    font-size: 12px;
    letter-spacing: 1px;
    padding-bottom: .5em;
}


/* search form */

.x-searchform-overlay .form-search .search-query {
    font-size: 7em;
    text-transform: none;
}


/* content */

/* page homepage */

.home .entry-wrap {
    padding: 35px 0 60px;
}

/* page contact */

.page-contact h1,
.page-contact h2 {
	margin-top: 0;
}

.page-contact #mc_embed_signup input#mce-EMAIL {
    font-size: 21px;
    margin-bottom: 0;
    min-width: 50%;
}

.page-contact #mc_embed_signup input#mc-embedded-subscribe {
    font-size: 21px;
    padding: 0.5em 1.5em;
    text-shadow: none;
}

@media (max-width: 766.98px) {
    .page-contact .x-col.contact-column {
        border-right: none;
        border-bottom: 1px solid #dddddd;
        padding-right: 0;
    }
    .page-contact #mc_embed_signup input#mce-EMAIL {
        font-size: 18px;
    }
    .page-contact #mc_embed_signup input#mc-embedded-subscribe {
        font-size: 18px;
    }
}


/* sidebar on pages */ /* page about */

.page-sidebar-line {
    display: none;
}

@media (max-width: 766.98px) {
	.page-sidebar-line {
	    display: block;
	}
	.page-sidebar-space {
		display: none;
	}
}

/* page about */

.page.page-about .entry-content {
    margin-top: .5%;
}

.page.page-about h1 {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
}


/* page articles */

.page.page-articles .entry-content {
    margin-top: 1.5%;
}

.articles-container {
	display: flex;
	flex-wrap: wrap;
}

.articles-container .article-box {
    width: 48.5%;
    float: left;
    padding: 25px 30px 10px;
    margin-bottom: 3%;
    border: 1px solid #ddd;
}

.articles-container .article-box:nth-child(odd) {
    margin-right: 3%;
}

@media (max-width: 978.98px) {
	.articles-container .article-box,
	.articles-container .article-box:nth-child(odd) {
		width: 100%;
		margin-right: 0;
	}
}

.article-box img {
    float: left;
    width: 30%;
    min-width: 110px;
    max-width: 180px;
    height: auto;
    margin: 8px 20px 10px 0;
}

.article-content > div {
    overflow: hidden;
}

@media (max-width: 579.98px) {
	.article-content > div {
	    overflow: inherit;
	}
}

.x-main .article-box h3 {
    font-size: 160%;
    margin-top: 0;
    margin-bottom: 0;
}

.article-box > em { /* date */
    font-size: .8em;
    padding-bottom: .5em;
    display: block;
}

.article-box p {
    font-size: .95em;
    line-height: 1.6; /* 2024 new */
}

	/* single article featured image */
	
	.single .post-content img.featured-img-article {
	    float: left;
	    width: 35%;
	    max-width: 230px;
	    min-width: 100px;
	    height: auto;
	    margin: .5em 1.5em .75em 0;
	}

.articles-container .post-edit-link {
	font-size: .7em;
	float: right;
	background: #eeeeee;
	padding: 2px 8px;
}

/* page books */

.book-posts-container {
    /* margin-top: 35px; */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.book-posts-container .book-post-link {
    border: 1px solid #ddd;
    width: 48.5%;
    float: left;
    padding: 1.25em 1.5em .5em;
    margin-bottom: 3%;  
}

.book-posts-container .book-post-link a {
    display: table;
}


.book-posts-container .book-post-link:nth-child(odd) {
    margin-right: 3%;
}

@media (max-width: 878.98px) {
	.book-posts-container .book-post-link {
	    width: 100%;
	}
	.book-posts-container .book-post-link:nth-child(odd) {
	    margin-right: 0;
	}
}

.book-posts-container .book-post-link .book-cover-img {
    float: left;
    width: 33%;
    height: auto;
    margin: .35em 1em 1em 0;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.book-posts-container .book-post-link:hover .book-cover-img {
    opacity: .85;
}

@media (max-width: 878.98px) {
	.book-posts-container .book-post-link .book-cover-img {
		max-width: 135px;
	}
}

.book-posts-container .book-post-link a > div {
    overflow: hidden;
}

@media (max-width: 479.98px) {
	.book-posts-container .book-post-link a > div {
	    overflow: inherit;
	}	
}

.book-posts-container .book-post-link h3 {
    font-size: 135%;
    margin-top: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.book-posts-container .book-post-link:hover h3 {
    color: #2361a1;
}

.book-posts-container .book-post-link p {
    /* font-size: .9em; */ /* 2024 new */
    /* line-height: 1.65; */ /* 2024 new */
    color: #333;
    font-size: .95em; /* 2024 new */
    line-height: 1.6; /* 2024 new */
}

.book-posts-container .readmore-text {
    white-space: nowrap;
    padding: 0 .5em;
}


/* single book posts */

.single .category-books h2 {
    font-size: 200%;
    margin-top: 0;
}

.single .category-books h4 {
    margin-top: 0;
}

.single .category-books .tg-grid-slider,
.single .category-photos .tg-grid-slider,
.page-photos .tg-grid-slider {
    left: -5px;
}


/*
.book-post-outer {
    display: table;
}

.single .book-post-body h1 {
    font-size: 210%;
    margin-top: 0;
}

.single.no-featured-img .book-post-feature-img {
	display: none;
}

.book-post-body {
    width: 70%;
    margin-right: 5%;
    float: left;
}

.book-post-col-left {
    width: 25%;
    margin-right: 5%;
    margin-top: 1em;
    float: left;
}

.book-post-col-left img.book-post-img {
    width: 100%;
    height: auto;
    margin-bottom: 1.5em;
    border: 1px solid #eee;
}

.book-post-col-right {
    width: 70%;
    float: left;
    margin-top: .5em;
}

.book-w-quote .book-post-quote {
    width: 25%;
    float: left;
    font-size: .8em;
    margin-top: 15em;
}

@media (max-width: 766.98px) {
	.book-post-body {
	    width: 100%;
	}

	.book-w-quote .book-post-quote {
	    width: 100%;
	    margin-top: 2em;
	    border-top: 1px solid #eeeeee;
	    padding-top: 3em;
	}
}

@media (max-width: 579.98px) {
	.book-post-col-left {
	    width: 35%;
    }
	.book-post-col-right {
	    width: 100%;
	    float: none;
	    margin-top: 1em;
	}
}
*/


	/* book thumbs nav */
	
/*
	.book-thumbs-container {
	    display: table;
	    margin: 0 auto;
	    position: relative;
	    clear: both;
	    padding-top: 20px;
	}
	
	.books-prev-next > span {
	    position: absolute;
	    top: 25%;
	    font-size: 1.8em;
	    opacity: .5;
	    transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	}
	.books-prev-next span:hover {
	    opacity: .75;
	}
	
	.books-page-prev {
	    float: left;
	}
	
	.books-page-next {
	    float: right;
	    right: 0;
	}
	
	.book-thumbs-row {
	    padding: 0 30px 10px;
	    display: table;
	}
	
	.book-thumbs-row a {
	    display: block;
	    float: left;
	    margin: 0 5px;
	}
	
	.book-thumbs-row a img {
	    height: 135px;
	    width: auto;
	}
	
	.books-pagination {
	    clear: both;
	}
	
	@media (max-width: 766.98px) {
		.book-thumbs-row a img {
		    height: 120px;
		}		
	}
	
	@media (max-width: 579.98px) {
		.book-thumbs-row a img {
		    height: 100px;
		}
		.book-thumbs-row {
		    padding: 0 0 10px;
		}
		.books-prev-next {
		    display: none;
		}
	}
	@media (max-width: 479.98px) {
		.book-thumbs-row a img {
		    height: 70px;
		}
	}
*/


/* page search results */

body.search-results .x-iso-container {
    max-width: 1120px;
    margin: 0 auto;
}

body.search .site > .x-main .x-container {
    margin-top: 35px;
}

body.search .x-iso-container-posts .entry-title {
    font-size: 135%;
    text-align: left;
    padding: 0 10%;
    margin: 0;
    line-height: 1.2;
    width: 100%;
}

body.search .x-iso-container > article.post .x-container {
    margin: 0;
    width: 100%;
}

body.search .x-iso-container > article.post .p-meta {
    text-align: left;
    margin: 1% 8.25% 0;
    font-size: .85em;
}

body.search .x-iso-container > article.post .p-meta time {
    /* font-family: 'ITC Garamond W01 Light Italic'; */ /* 2024 new */
    font-style: italic; /* 2024 new */
}

body.search .x-iso-container > article.post .entry-featured {
    padding: 0;
    margin: 5% 10%;
}

body.search-results .entry-content.excerpt {
    font-size: .95em;
    line-height: 1.6; /* 2024 new */
    padding: 0 10%; /* 2024 new */
}


/* page blog */

.tg-item, .tg-item * { /* no hyphen for masonry grid */
     hyphens: none !important;
     -webkit-hyphens: none !important;
	-ms-hyphens: none !important;
}

.page-id-1073 h2.tg-item-title { /* 2024 new */
    letter-spacing: normal;
}

.page-id-1073 p.tg-item-excerpt { /* 2024 new */
    line-height: 1.6;
    font-size: .95em;
}


/* single post - blog, news, articles */

.single .entry-header, 
.single .entry-featured {
    display: none;
}

.single .entry-content {
    margin-top: 0;
    padding: 0;
}

.single .post-content {
    width: 65%;
    float: left;
}

.single .post-content h1 {
    /* font-size: 210%; */ /* 2024 new */
    margin-top: 0;
    font-size: 215%; /* 2024 new */
}

/*
.single .post-content img {
    margin-bottom: .2em;
}
*/

.single-post .category-blog .post-body-text img.size-full {
	margin: 0 1.313em .2em 0;
	max-width: 715px;
	width: 100%;
}

.single-post .category-blog .post-body-text img.size-full.alignleft {
    width: initial;
    margin-top: .5em;
}

/*
.single .post-content img.alignleft {
margin-top: .5em;
}
*/


.post-body-text .blog-image-caption { /* caption added by cred */
    /* font-family: 'ITC Garamond W01 Light Italic'; */ /* 2024 new */
    letter-spacing: .03em;
    display: block;
    font-style: italic; /* 2024 new */
}


.single .post-sidebar {
    width: 30%;
    float: left;
    margin-left: 5%;
    padding-left: 5%;
    border-left: 1px solid #dddddd;
}

.single .post-sidebar h4 {
    margin: 0 0 1em;
    border-bottom: 1px solid #dddddd;
    font-size: 150%;
    padding-bottom: .1em;
}

@media (max-width: 766.98px) {
	.single .post-content {
	    width: 100%;
	    margin-bottom: 2em;
	}
	.single .post-sidebar {
	    margin-left: 0;
	    padding-left: 0;
	    border-left: 0;
	    width: 100%;
	}	
}

/* sidebar loop items */

.sidebar-post-box {
    margin-bottom: 1.5em;
}

.sidebar-post-box a {
    display: block;
}

.sidebar-post-box img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border: 1px solid #eeeeee;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.sidebar-post-box h6 {
    margin: .5em 0 .25em;
    color: #2361a1;
    font-size: .9em; /* 2024 new */
    font-weight: 500; /* 2024 new */
}

.sidebar-post-box a:hover h6 {
    color: #2e7ed1;
}
.sidebar-post-box a:hover img {
    opacity: .8;
}

.sidebar-post-box p {
    font-size: .85em;
    /* line-height: 1.5; */ /* 2024 new */
    color: #333333;
    line-height: 1.39; /* 2024 new */
}

@media (max-width: 978.98px) {
	.sidebar-post-box img {
	    height: 160px;
	}
}

@media (max-width: 766.98px) {
	.sidebar-post-box {
	    width: 47.5%;
	    float: left;
	    margin-bottom: 1em;
	}
	.post-sidebar div > .sidebar-post-box:nth-child(odd) {
	    margin-right: 5%;
	}
}

@media (max-width: 479.98px) {
	.sidebar-post-box {
	    width: 100%;
	}
	.post-sidebar div > .sidebar-post-box:nth-child(odd) {
	    margin-right: 0;
	}
	
}

.link-to-more-posts a {
    display: table;
    padding: .1em 1em;
    text-transform: uppercase;
    float: left;
    clear: both;
    margin-top: .5em;
}

.read-more-brackets-blue {
	background-image: url(/wp-content/uploads/2021/02/bracket-blue-left.png),url(/wp-content/uploads/2021/02/bracket-blue-right.png);
    background-position: left top,right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border-radius: 1px;
    color: #2361a1;
}

.read-more-brackets-blue:hover {
    background-color: #2361a1;
    color: #fff;
}

/* single post - photos */

/* soliloquy slideshow */

.category-photos .soliloquy-container .soliloquy-image,
.page.page-photos .soliloquy-container .soliloquy-image {
    width: 100%;
}

.category-photos .soliloquy-outer-container .soliloquy-wrapper,
.page.page-photos .soliloquy-outer-container .soliloquy-wrapper {
    overflow: hidden !important;
}

.category-photos .soliloquy-outer-container .soliloquy-viewport,
.page.page-photos .soliloquy-outer-container .soliloquy-viewport {
    overflow: visible !important;
}

.category-photos .soliloquy-outer-container .soliloquy-caption,
.page.page-photos .soliloquy-outer-container .soliloquy-caption {
    position: relative !important;
}

.category-photos .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page.page-photos .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
    background: transparent;
    text-shadow: none;
    color: #555555;
    text-align: left;
    padding: 10px 0 35px;
    /* font-family: 'ITC Garamond W01 Light Italic'; */ /* 2024 new */
    font-style: italic; /* 2024 new */
}

.category-photos .soliloquy-container .soliloquy-pager,
.page.page-photos .soliloquy-container .soliloquy-pager {
    text-align: left;
    margin-left: -5px;
}

.category-photos .soliloquy-container .soliloquy-pager-item,
.page.page-photos .soliloquy-container .soliloquy-pager-item {
    border: 1px solid #cccccc !important;
    border-radius: 50% !important;
}

.category-photos .soliloquy-container .soliloquy-pager-link,
.page.page-photos .soliloquy-container .soliloquy-pager-link {
    background-image: none !important;
    width: 10px !important;
    height: 10px !important;
}

.category-photos .soliloquy-container .soliloquy-pager-link:hover, 
.category-photos .soliloquy-container .soliloquy-pager-link.active,
.page.page-photos .soliloquy-container .soliloquy-pager-link:hover, 
.page.page-photos .soliloquy-container .soliloquy-pager-link.active {
    background-image: none !important;
    background-color: #cccccc !important;
    border-radius: 50% !important;
}

.category-photos .soliloquy-container .soliloquy-controls-auto-item,
.page.page-photos .soliloquy-container .soliloquy-controls-auto-item {
    bottom: 12px;
    right: 0;
    width: 30px;
    height: 30px;
}

.category-photos .soliloquy-container .soliloquy-controls-auto-item a,
.page.page-photos .soliloquy-container .soliloquy-controls-auto-item a {
    background-size: 12px;
    width: 30px;
    height: 30px;
    background-color: rgb(0 0 0 / 15%);
    display: block;
}

.category-photos .soliloquy-container .soliloquy-controls-auto-item a:hover,
.page.page-photos .soliloquy-container .soliloquy-controls-auto-item a:hover {
    background-color: rgb(0 0 0 / 35%);
}

@media (max-width: 600px) {
	.soliloquy-container .soliloquy-caption, 
	.soliloquy-container .soliloquy-controls-auto, 
	.soliloquy-container .soliloquy-pager {
	     display: block !important; 
	}
}


/* cred form */


.create-post-form {
	max-width: 700px;
}

.create-post-form label {
	font-size: 1.35em;
	/* font-family: 'ITC Garamond W01 Book'; */ /* 2024 new */
	line-height: 1.5;
    font-weight: 500; /* 2024 new */
}

.create-post-form .wpt-credfile-preview-item { /* image thumbnail */
	width: 150px;
	height: 150px;
	display: block;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.create-post-form .wpt-credfile-action { /* caption field */
	float: left;
}

.create-post-form .img-caption-field {
	width: 100%;
	clear: both;
	margin-top: 15px;
	display: inline-block;
}

.create-post-form input[type=submit] {
	float: left;
	clear: both;
	margin-top: 30px;
	font-size: 1.15em;
	padding: 12px 23px 8px;
}

.create-post-form input[type=text],
.create-post-form textarea {
	font-size: 16px;
	font-family: Georgia, "Times New Roman",  Times, serif;
}


/* recipe main page */

.recipe-box {
    display: inline-block;
    clear: both;
    float: left;
    margin-bottom: 3.5%;
    border: 1px solid #eaeaea;
    width: 100%;
}

.recipe-box .recipe-thumbnail, 
.recipe-box .recipe-intro {
    width: 50%;
    float: left;
}

.recipe-box .recipe-thumbnail {
    min-height: 350px;
    background-size: cover;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

@media (max-width: 989px) {
	.recipe-box .recipe-thumbnail {
		min-height: 300px;
	}
}
@media (max-width: 699px) {
	.recipe-box {
		margin-bottom: 5%;
	}
	.recipe-box .recipe-thumbnail, 
	.recipe-box .recipe-intro {
	    width: 100%;
	}
}

@media (max-width: 499px) {
	.recipe-box .recipe-thumbnail {
		min-height: 250px;
	}	
}

.recipe-box:hover .recipe-thumbnail {
    opacity: .85;
}

.recipe-box .recipe-intro {
    padding: 2% 2.5%;
}

.recipe-box .recipe-intro h2 {
    font-size: 190%;
    margin: 0;
}
.recipe-box:hover .recipe-intro h2 {
    color: #2361a1;
}

.recipe-box .recipe-intro h5 {
    margin: 0.3em 0 ;
}

.recipe-box .recipe-intro p {
    line-height: 1.6;
    font-size: .95rem;
    color: #555555;
    margin-bottom: 0;
}

.recipe-box .recipe-intro .readmore-text {
    white-space: nowrap;
    padding: 0 0.5em;
}

@media (max-width: 989px) {
	.recipe-box .recipe-intro h2 {
	    font-size: 170%;
	}
	.recipe-box .recipe-intro h5 {
	    font-size: 105%;
	}
	.recipe-box .recipe-intro p {
    font-size: .85rem;
	}

}


/* recipe ind. post */

.recipe-top-section .recipe-img,
.recipe-instructions .recipe-ingredients {
    width: 46%;
    margin-right: 4%;
    float: left;
    margin-bottom: 23px;
}

.recipe-top-section .recipe-img {
	margin-top: 10px;

}

.recipe-top-section .recipe-title,
.recipe-top-section .recipe-description,
.recipe-instructions .recipe-method {
    width: 50%;
    float: right;
}

@media (max-width: 899px) {
	.recipe-top-section .recipe-img,
	.recipe-instructions .recipe-ingredients,
	.recipe-top-section .recipe-title,
	.recipe-top-section .recipe-description,
	.recipe-instructions .recipe-method {
		width: 100%;
		margin-right: 0;
	}
}


.recipe-top-section div h1 {
    font-size: 235%;
    margin-top: 0;
}

.recipe-top-section div h5 {
    font-size: 135%;
    margin: 0.5em 0;
}

.recipe-summary {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 2% 0 4%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0;
    font-size: 110%;
}

.recipe-summary > div {
    display: inline;
}

.recipe-summary > div:last-child span.recipe-dot {
    display: none;
}

.recipe-instructions {
    width: 100%;
    float: left;
}

.recipe-instructions > div h5 {
    margin-top: 0;
    font-size: 180%;
}

.recipe-ingredients {
    border-right: 1px solid #eeeeee;
    padding-right: 3%;
}

.recipe-ingredients img {
    max-width: 300px;
    margin-bottom: 0;
}

@media (max-width: 899px) {
	.recipe-ingredients {
	    border-right: none;
	    border-bottom: 1px solid #eeeeee;
	    padding-right: 0;
	}
}

/* recipe list style */

.recipe-method ol {
    list-style: none;
    counter-reset: li;
    margin-left: 1em;
}

.recipe-method li {
    padding-bottom: 0.5em;
}

.recipe-method li::before {
    content: counter(li);
    color: #2361a1;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    counter-increment: li;
    /* font-family: 'ITC Garamond W01 Book'; */ /* 2024 new */
    font-weight: 500; /* 2024 new */
}


/* more recipes */

.recipes-more-section {
    float: left;
    width: 100%;
    border-top: 2px solid #eaeaea;
    text-align: center;
    margin-top: 2%;
}

.recipe-content .recipes-more-section h5 {
    font-size: 180%;
    margin: 0;
    padding: 35px 0 20px;
}

.recipes-more-section .recipes-more-outer {
    display: table;
    margin: 0 auto;
}

.recipes-more-section .recipes-more-outer .more-recipes-box {
    width: 23.5%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    width: 35%; /* temp style */
}

.recipes-more-section .recipes-more-outer > div:last-child {
    margin-right: 0;
}

.recipes-more-outer .more-recipes-box h6 {
    text-transform: none;
    font-size: 115%;
    margin: 0.5em 0 0.25em;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.recipes-more-outer .more-recipes-box:hover h6 {
	color: #2361a1;
}

.recipes-more-outer .more-recipes-box .more-recipe-subtitle {
    font-size: .8rem;
    line-height: 1.5;
    color: #555555;
}

.recipes-more-outer .more-recipes-box img {
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.recipes-more-outer .more-recipes-box:hover img {
    opacity: .8;
}

@media (max-width: 799px) {
	.recipes-more-section .recipes-more-outer .more-recipes-box {
	    width: 49%;
	    padding-bottom: 6%;
	}
	.recipes-more-section .recipes-more-outer > div:nth-child(even) {
	    margin-right: 0;
	}
}
@media (max-width: 499px) {
	.recipes-more-section .recipes-more-outer .more-recipes-box {
	    width: 100%;
	    margin-right: 0;
	}
}


/* cookie message */

.cli-bar-btn_container .cli-plugin-button.wt-cli-accept-all-btn {
    margin-left: 0;
}

@media (max-width: 799px) {
	.cli-bar-container .cli-bar-message {
	    font-size: 10pt;
	}	
}





/* page font test */ /* 2024 new */

.postid-4801 h1, .postid-4801 h6, .postid-4801 * {
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
}

.postid-4801 .x-brand, .postid-4801 b, .postid-4801 strong {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-style: normal;
}

.postid-4801 em {
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: italic;
}

.postid-4801 .post-content h1 {
    font-size: 215%;
}

.postid-4801 .post-content p {
    font-size: 21px;
}

.postid-4801 .sidebar-post-box p {
    font-size: .95em;
}