/*
 Theme Name:       Cooking for Health
 Theme URI:        https://github.com/uweb/uw_wp_theme_child
 GitHub Theme URI: https://github.com/uweb/uw_wp_theme_child
 Primary Branch:   main
 Author:           UW Web Team
 Author URI:       https://github.com/uweb
 Description:      A child theme based on the UW WordPress Theme
 Template:         uw_wp_theme
 Version:          1.1
 License:          GNU General Public License v2 or later
 License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 Tags:             two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:      cooking_for_health
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.uw-hero-image, .no-uw-hero-image {
    height: 350px;
    background-position: center center;
    }
    
.uw-hero-image:hover, .no-uw-hero-image:hover{
	cursor: pointer;
	}

.uw-hero-image  .container-fluid, .no-uw-hero-image .container-fluid{
	margin-left: 20%;
	}

.uw-hero-image:before, 
.no-uw-hero-image:before,
.uw-hero-image:after, 
.no-uw-hero-image:after {
	background: none;
	}
	
footer.site-footer {
	background: url(assets/images/wagon-footer.png) center bottom;
	background-size: cover;
	padding: 0 0 30px 0;
	background-color: none;
	border-top: 7px solid #d1d1d1;
	text-align: center;
	position: relative;
	}

footer.site-footer ul.footer-links{
	padding: 15px;
	background-color: #4B2E83;
	}

.footer-logos .footer-logos-links{
	margin: 35px 0 35px 0;
	padding: 0;
	}
	
.footer-logos .footer-logos-links li{
	list-style-type: none;
	display: inline-block;
	width: 25%;
	}

.footer-logos .footer-logos-links li a{
	display: block;
	width: 100%;
	padding: 20px;
	}

.footer-logos .footer-logos-links li a img{
	width: 100%;
	height: auto;
	}

.footer-logos .footer-logos-links li.study-logo{
	width: 15%;
	}

.footer-logos .footer-logos-links li.crst{
	width: 22%;
	}

.footer-logos .footer-logos-links li.mbiri{
 	width: 24%;
	}

.footer-logos .footer-logos-links li.uw{
	width: 12%;
	}

footer.site-footer ul.footer-social li a.facebook, 
footer.site-footer ul.footer-social li a.facebook {
    background-position: 0px -225px !important;
    }

footer.site-footer ul.footer-social li a.twitter, 
footer.site-footer ul.footer-social li a.twitter {
    background-position: -46px -225px !important;
}

footer.site-footer ul.footer-social li a.instagram, 
footer.site-footer ul.footer-social li a.instagram {
    background-position: -322px -225px !important;
}

footer.site-footer ul.footer-social li a.youtube,
footer.site-footer ul.footer-social li a.youtube {
    background-position: -138px -225px !important;
}

footer.site-footer ul.footer-social li a.linkedin,
footer.site-footer ul.footer-social li a.linkedin {
    background-position: -184px -225px !important;
}

footer.site-footer ul.footer-social li a.pinterest,
footer.site-footer ul.footer-social li a.pinterest {
    background-position: -92px -225px !important;
}

body.post-type-archive-recipe article header h1.entry-title,
body.post-type-archive-recipe article header h2.entry-title{
	position: absolute;
	text-indent: -9999px;
	}

body.post-type-archive-recipe article .entry-content{
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	}

body.post-type-archive-recipe article .entry-content h3{
	margin-top: 0;
	font-size: 28px;
	}

body.post-type-archive-recipe form input,
body.home form input{
	margin-top: 10px;
	}

body.post-type-archive-recipe article .entry-content a.more-link{
	padding: 5px 10px;
	}

body.post-type-archive-recipe .cat-select p{
	font-size: .8em;
	}

body.post-type-archive-recipe .cat-select span.tax-term,
body.home .cat-select span.tax-term{
	display: inline-block;
	margin: 10px 10px 0 0;
	background-color: #efefef;
	color: #000;
	padding: 3px 6px;
	font-size: 13px;
	border: 1px solid #ccc;
	}

body.post-type-archive-recipe .cat-select span.tax-term:hover,
body.home .cat-select span.tax-term:hover{
	cursor: pointer;
	}

body.post-type-archive-recipe .cat-select span.tax-term.active,
body.home .cat-select span.tax-term.active{
	background-color: #4B2E83;
	color: #fff;
	border: 0;
	}

body.post-type-archive-recipe article .entry-content .recipe-image a,
body.home article .entry-content .recipe-image a{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	}

body.post-type-archive-recipe article .entry-content img.default-recipe-img{
	width: 175px;
	height: 175px;
	margin-left: auto;
	margin-right: auto;
	}

body.post-type-archive-recipe article .recipe-cats{
	margin: 10px 0;
	}
body.post-type-archive-recipe article .recipe-cats a{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: .8em;
	color: #666;
	padding: 2px 4px;
	border: 1px solid #666;
	text-decoration: none;
	}

body.post-type-archive-recipe article .recipe-cats a:hover{
	background-color: #efefef;
	}

a.btn.btn-secondary.reset{
	background-color: #666;
	color: #fff;
	margin-top: 10px;
	}

body.single-recipe .recipe-subhead{
	color: #333;
	text-transform: uppercase;
	font-family: "Encode Sans Compressed", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	}

body.single-recipe aside{
	background-color: #efefef;
	border-radius: 10px;
	padding: 35px;
	border: 1px solid #ccc;
	}

body.single-recipe aside h3{
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	}

body.single-recipe aside a.term-link,
body.home aside a.term-link{
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
	font-size: .85em;
	padding: 3px 6px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration:none;
	}

body.single-recipe aside a.term-link:hover,
body.home aside a.term-link:hover{
	background-color: #000;
	}

body.single-recipe aside .recipe-image,
body.single-recipe aside .recipe-nutrition,
body.single-recipe aside .recipe-tags,
body.single-recipe aside .recipe-download{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	}

body.single-recipe h2.related{
	margin-top: 40px;
	padding: 10px 20px;
	background-color: #4b2e83;
	color: #fff;
	}

body.single-recipe div.video-item{
	margin-top: 40px;
	}

body.single-recipe div.video-item iframe{
	border: 2px solid #666;
	}
	
aside ul.lesson-links{
	margin: 0;
	padding: 0;
	}

aside ul.lesson-links li{
	list-style-type: none;
	}
	
aside ul.lesson-links li a{
	display: block;
	margin-right: 6px;
	margin-top: 6px;
	font-size: 12px;
	padding: 10px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration: none;
	line-height: 1.3em;
	}

aside ul.lesson-links li a:hover{
	background-color: #000;
	}

body.single-lesson h2.related{
	margin-top: 40px;
	padding: 10px 20px;
	background-color: #4b2e83;
	color: #fff;
	}

body.single-lesson div.video-item{
	margin-top: 40px;
	}

body.single-lesson div.video-item iframe{
	border: 2px solid #666;
	}

body.single-lesson .recipe-subhead{
	color: #333;
	text-transform: uppercase;
	font-family: "Encode Sans Compressed", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	}

body.single-lesson aside{
	background-color: #efefef;
	border-radius: 10px;
	padding: 35px;
	border: 1px solid #ccc;
	}

body.single-lesson aside h3{
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	}

body.single-lesson aside a.term-link{
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
	font-size: .85em;
	padding: 3px 6px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration:none;
	}

body.single-recipe aside .recipe-download a.more-link {
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
	font-size: .85em;
	padding: 3px 6px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration: none;
	}
	
body.single-recipe aside .recipe-download a.more-link:after{
	content: "";
	width: 35px;
	height: 43px;
	display: block;
	position: absolute;
	background-image: url(assets/images/PDF_file_icon.png);
	background-size: 35px 43px;
	background-repeat: no-repeat;
	margin-top: -36px;
	margin-left: 170px;
	
	}

body.single-lesson aside a.term-link:hover{
	background-color: #000;
	}

body.single-lesson aside .lesson-image,
body.single-lesson aside .lesson-recipes,
body.single-lesson aside .lesson-download{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	}

body.single-lesson aside .lesson-recipes ul.recipe-list{
	margin: 0;
	padding: 0;
	}
body.single-lesson aside .lesson-recipes ul.recipe-list li{
	list-style-type: none;
	display: inline-block;
	}

body.single-lesson aside .lesson-recipes ul.recipe-list li a{
	display: inline-block;
	margin-right: 6px;
	margin-top: 6px;
	font-size: 12px;
	padding: 2px 7px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration:none;
	}

body.single-lesson aside .lesson-recipes ul.recipe-list li a:hover{
	background-color: #000;
	}

body.single-lesson aside .lesson-download a.more-link {
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
	font-size: .85em;
	padding: 3px 6px;
	background-color: #4B2E83;
	color: #fff;
	text-decoration: none;
	}
body.single-lesson aside .lesson-download a.more-link:after{
	content: "";
	width: 35px;
	height: 43px;
	display: block;
	position: absolute;
	background-image: url(assets/images/PDF_file_icon.png);
	background-size: 35px 43px;
	background-repeat: no-repeat;
	margin-top: -36px;
	margin-left: 170px;
	}

.curriculum-lesson-tiles{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	}

.curriculum-lesson-tiles .lesson-tile{
	background-color: #ECE9E2;
	padding: 0;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	flex: 1 0 calc(33% - 2rem);
	max-width: 33.33%;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-image{
	height: 275px;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	border-bottom: #ECE9E2;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-image img{
	width: auto;
	height: 275px;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-title-content{
	padding: 20px;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-title-content h3{
	margin-top: 0;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-title-content .lesson-teaser{
	font-size: .9em;
	}

.curriculum-lesson-tiles .lesson-tile .lesson-title-content .lesson-link a{
	background-color: #fff;
	margin-top: 20px;
	}

.page-dissemination-products .wp-block-columns{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #333;
	}

.page-dissemination-products .wp-block-columns .wp-block-image img{
	filter: drop-shadow(3px 3px 5px #000000);
	max-width: 90%;
	height: auto;
	}

div.lakota p, 
div.lakota ol li, 
div.lakota ul li, 
div.lakota h2,
div.lakota h3 {
	font-family: "Noto Sans";
	}

@media (max-width: 1199.98px) {
	.uw-hero-image, .no-uw-hero-image {
		height: 300px;
		}
	}

@media (max-width: 991.98px) { 
	.uw-hero-image, .no-uw-hero-image {
		height: 275px;
		}
	}

@media (max-width: 767.98px) { 
	
	.uw-hero-image{
		height: 200px;
		background-position: 1px center;
		}
	.uw-hero-image .container-fluid, .no-uw-hero-image .container-fluid{
		margin-left: 30%;
		}
	
	.uw-hero-image .container-fluid .uw-site-title, .no-uw-hero-image .container-fluid .uw-site-title{
		font-size: 2.2em;
	  	}
	}

@media (max-width: 575.98px) { 
	.uw-hero-image{
		height: 175px;
		background-position: 1px center;
		}
	.uw-hero-image .container-fluid, .no-uw-hero-image .container-fluid{
		margin-left: 35%;
		}
	}