/*
Theme Name: Sabra Food Service
Theme URI: http://sabrafoodservice.com
Template: understrap
Author: Marco Barros
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
Tags: one-column,custom-menu,featured-images,theme-options,translation-ready
Version: 1.1613667359
Updated: 2021-02-18 16:55:59

*/

@font-face {
  font-family: 'BELLABOO-Regular';
  src: url('fonts/BELLABOO-Regular.eot');
  src:  url('fonts/BELLABOO-Regular.eot#iefix') format('embedded-opentype'), url('fonts/BELLABOO-Regular.woff') format('woff'), url('fonts/BELLABOO-Regular.ttf')  format('truetype'), url('fonts/BELLABOO-Regular.svg#BELLABOO-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GardenGrown-Regular";
  src: url("fonts/GardenGrown-Regular.eot");
  src: url("fonts/GardenGrown-Regular.eot") format("embedded-opentype"),
    url("fonts/GardenGrown-Regular.woff") format("woff"),
    url("fonts/GardenGrown-Regular.otf") format("otf"),
    url("fonts/GardenGrown-Regular.ttf") format("truetype"),
    url("fonts/GardenGrown-Regular.svg#GardenGrown_Regular") format("svg");
}

@font-face {
  font-family: 'NexaRegular';
  src: url('fonts/NexaRegular.eot');
  src: url('fonts/NexaRegular.eot?#iefix') format('embedded-opentype'),
       url('fonts/NexaRegular.svg#NexaRegular') format('svg'),
       url('fonts/NexaRegular.ttf') format('truetype'),
       url('fonts/NexaRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NexaBold';
  src: url('fonts/NexaBold.eot');
  src: url('fonts/NexaBold.eot?#iefix') format('embedded-opentype'),
       url('fonts/NexaBold.svg#NexaBold') format('svg'),
       url('fonts/NexaBold.ttf') format('truetype'),
       url('fonts/NexaBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NexaLight';
  src: url('fonts/NexaLight.eot');
  src: url('fonts/NexaLight.eot?#iefix') format('embedded-opentype'),
       url('fonts/NexaLight.svg#NexaLight') format('svg'),
       url('fonts/NexaLight.ttf') format('truetype'),
       url('fonts/NexaLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
	background-color: #ffffff;
	font-family: 'NexaRegular',Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.66666667;
	color: #333;
}

a, a img {outline : none;}

.main-header h1 {
	font-family: 'BELLABOO-Regular',Helvetica,Arial,sans-serif;
	font-size: 55px;
	color: #a80532;
	margin: 0 0 1rem 0;
	line-height: 1.3;
	text-rendering: optimizelegibility;
}

/* Nav */

.nav-btns {
	font-family: 'NexaBold',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	color: #a80532;
	padding: 10px 15px 7px;
	letter-spacing: 2px;
	background-color: #fff;
	border: 2px solid #a80532;
	border-radius: 57px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	margin: 20px;
	min-width: 125px;
}

.nav-btns:hover {
	background-color: #a80532;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

/* Home */

.homepage h2 {
	font-family: 'BELLABOO-Regular',Helvetica,Arial,sans-serif;
	font-size: 44px;
	color: #a80532;
	margin: 0 0 1rem 0;
	line-height: 1.3;
	text-rendering: optimizelegibility;
}

.homepage h3 {
	font-family: 'BELLABOO-Regular';
	font-size: 36px;
	color: #a80532;
	margin: 0 0 1rem 0;
	line-height: 1.3;
	text-rendering: optimizelegibility;
}

.buttons-sub {
	font-family: 'NexaBold',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	color: #a80532;
	padding: 10px 15px 7px;
	letter-spacing: 2px;
	background-color: #fff;
	border: 2px solid #a80532;
	border-radius: 57px;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	width: 150px;
	margin: 10px auto;
	text-align: center;
}

.buttons-sub:hover {
	background-color: #a80532;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}
.homepage .homepage-sub {
	padding-bottom: 50px;
}

.homepage-hero .homepage-hero-block img {
	margin: 20px auto;
}

.homepage-sub {
	margin: 40px auto;
}

.homepage-sub .homepage-sub-block {
	padding: 20px;
}

.homepage-sub .homepage-sub-block img {
	margin-bottom: 20px;
}


@media only screen and (max-width: 991.98px) {
	.nav-btns {
		font-size: 14px;
		line-height: 14px;
		margin: 10px;
	}
}



/* Products Page */

.products-main h2 {
	font-family: 'GardenGrown-Regular',Georgia,Times,serif;
	font-size: 49px;
	color: #a80532;
	line-height: 1.5;
	margin: 30px auto;
	text-rendering: optimizelegibility;
}

.products-main h3 {
	font-family: 'BELLABOO-Regular';
	font-size: 36px;
	color: #a80532;
	margin: 0 auto 20px;
	line-height: 1.5;
	text-rendering: optimizelegibility;
}

.products-main h4 {
	font-family: 'NexaBold',Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #a80532;
	padding: 25px 20px 40px;
}

.products-main hr {
    border: 0;
    height: 2px;
    margin-bottom: 20px;
    width: 75%;
    background-image: linear-gradient(to right, rgba(168, 5, 50,0), rgba(168, 5, 50, 0.75), rgba(168, 5, 50,0));
}

/* Recipes Page */

.recipes-main h2 {
	font-family: 'BELLABOO-Regular';
	font-size: 36px;
	color: #a80532;
	padding-bottom: 20px;
	line-height: 1.5;
	text-rendering: optimizelegibility;
}

.recipes-main h4 {
	font-family: 'NexaBold',Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #a80532;
}

.recipes-main .recipes-main-block {
	padding: 20px;
}

/* Recipe Modal */

.recipes-main .modal-lg {
    max-width: 95% !important;
}

.recipes-main .modal-content {
	border: 5px solid #a80532;
	border-radius: 0;
}

.recipes-main .modal-header {
	border-bottom: none;
	padding: 20px 20px 5px;
}

.recipes-main .close {
	font-size: 14px;
	text-decoration: underline;
	color: #000000;
	opacity: 1;
}

.recipes-main-block img {
	cursor: pointer;
}

.recipe-card-txt {
	font-size: 14px;
}

.recipe-card-img-print h2 {
	font-family: 'BELLABOO-Regular';
	font-size: 36px;
	color: #a80532;
	line-height: 1.5;
	text-rendering: optimizelegibility;
	margin: 20px auto;
	text-align: left;
}

.recipe-card-img-print img {
	margin-bottom: 20px;
}

.recipe-card-txt h2 {
	font-family: 'BELLABOO-Regular';
	font-size: 36px;
	color: #a80532;
	line-height: 1.5;
	text-rendering: optimizelegibility;
	margin: 0 auto 20px;
	text-align: center;
}

.recipe-card-txt h3 {
	font-family: 'BELLABOO-Regular';
	font-size: 24px;
	color: #a80532;
	text-align: center;
	margin-bottom: 20px;
}

.recipe-card-txt .recipe-ingredients {
	padding: 0;
    list-style-type: none;
}

.recipe-card-txt .recipe-ingredients .ingredient-amt {
	padding-right: 10px;
}

.recipe-card-txt .recipe-ingredients .highlight {
	font-weight: bold;
	color: #a80532;
}

.recipe-card-txt .recipe-ingredients li {
	padding: 5px 0;
	border-bottom: 1px solid #c6c6c6;
}

.recipe-card-txt .recipe-directions {
	padding-left: 20px;
}

.recipe-print-btn a {
	color: #000000;
}

.recipe-embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 20px 0;
} 

.recipe-embed-container iframe,
.recipe-embed-container object,
.recipe-embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media only screen and (max-width: 767.9px) {
	.recipe-card-txt h3 {
		margin: 20px auto;
	}
}