/*Klinic title font*/
@font-face {
font-family: 'KlinicSlab-Book';
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF; /* Download only latin glyphs */
src: local('KlinicSlab-Book'),
url('/fonts/KlinicSlabBook.woff') format('woff');
}
/*Footer related content title*/
.be-ix-link-block .be-related-link-container .be-label{
font-family: "KlinicSlab-Book" !important;
text-transform:uppercase !important;
}
/*Beef Cuts Page Revamp - retail beef cuts pdf was made into a page and inserted into the middle of the current cuts page*/
.cutboxtitle{border-bottom:1px solid #000;}
.cutbox p{font-size:13px;margin-bottom:0px;}
.cutbox a{text-decoration: none;color:#000;}
.p20{padding:10px;}
@media (max-width:414px){
/*Center all of the cuts images and titles on mobile*/
.cutbox .span3 {text-align:center !important;}
}
/***************************************/
/*************************************/
/*hide side bar ads on mobile*/
@media (max-width:767px){.showSide-a{display:none !important;}}
/*hide cuts menu on the grades of beef page for mobile*/
@media (max-width:767px){#cutsListText{display:none !important;}}
/***************************************/
/**************************************************
***************************************************
Bootstrap overrides
***************************************************
***************************************************/
.navbar-inner {
background: none;
border: none;
box-shadow: none;
}
.navbar {
margin-bottom: 0;
}
.navbar .nav > li > a {
text-shadow: none;r
}
.hero-unit {
border-radius: 0;
margin-bottom: 0;
background: none;
}
.btn {
border:0;
text-shadow: none;
}
.container {
min-height: 100%;
}
.text-left{list-style-type:none;}
/**************************************************
***************************************************
Base Rules
***************************************************
***************************************************/
body {
background:#ffffff;
font-size: 100%;
height:100%;
}
@media(max-width: 979px) {
body {
padding:0;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: "KlinicSlab-Book";
/* font-family: "aw-conqueror-slab", "Arial", "sans-serif";*/
text-transform: uppercase;
}
.titleh3{font-size:24.5px !important;}
body, p, li {
font-family:"source-sans-pro", "Arial", "sans-serif";
line-height: 1.8em;
}
/*ol, ul {
margin: 0 0 10px 35px;
}*/
.content li {
line-height: 1.2em;
margin:15px 0;
}
@media print {
a:link:after, a:visited:after {
content: "";
}
}
p + ul {
margin-top: -10px;
}
/*padding classes*/
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
/*padding top and bottom*/
.padtb20{padding-top:20px;padding-bottom:20px;}
.padtb30{padding-to:30px;padding-bottom:30px;}
/**************************************************
***************************************************
Module Rules
***************************************************
***************************************************/
/*
These classes are used mostly on content pages. On pages without repeating styles, use these classes so we don't have to write more CSS.
*/
.m-smallest {max-width:200px;}
.m-smaller {max-width: 250px;}
.m-small {max-width:500px;}
.m-medium {max-width:750px;}
.m-large {max-width: 1000px;}
.m-fluid {max-width:100%;}
.m-fluid-half {max-width: 50%;}
.m-center {text-align: center;}
.m-left {text-align: left;}
.m-right {text-align: right;}
.m-block-center {margin:0 auto;}
.m-padding {padding:10px;}
.m-smaller-padding {padding:5px;}
.m-larger-padding {padding:15px;}
.m-padding-right {padding-right:10px;}
.m-smaller-padding-right {padding-right:5px;}
.m-larger-padding-right {padding-right:15px;}
.m-padding-left {padding-left:10px;}
.m-smaller-padding-left {padding-left:5px;}
.m-larger-padding-left {padding-left:15px;}
.m-padding-top {padding-top:10px;}
.m-smaller-padding-top {padding-top:5px;}
.m-larger-padding-top {padding-top:15px;}
.m-padding-bottom {padding-bottom:10px;}
.m-smaller-padding-bottom {padding-bottom:5px;}
.m-larger-padding-bottom {padding-bottom:15px;}
.m-margin-auto {margin: 0 auto;}
.m-no-margin {margin:0;}
.m-margin {margin:10px;}
.m-smaller-margin {margin:5px;}
.m-larger-margin {margin:15px;}
.m-no-margin-right {margin-right:0;}
.m-margin-right {margin-right:10px;}
.m-smaller-margin-right {margin-right:5px;}
.m-larger-margin-right {margin-right:15px;}
.m-no-margin-left {margin-left:0;}
.m-margin-left {margin-left:10px;}
.m-smaller-margin-left {margin-left:5px;}
.m-larger-margin-left {margin-left:15px;}
.m-no-margin-top {margin-top:0 !important; }
.m-margin-top {margin-top:10px;}
.m-smaller-margin-top {margin-top:5px;}
.m-larger-margin-top {margin-top:15px;}
.m-no-margin-bottom {margin-bottom:0;}
.m-margin-bottom {margin-bottom:10px;}
.m-smaller-margin-bottom {margin-bottom:5px;}
.m-larger-margin-bottom {margin-bottom:15px;}
.m-light-background {background:#eee;}
.m-dark-background {background:#111;}
.m-white-background {background:#fff;}
.m-light-border {border:1px solid #eee;}
.m-no-border {border:none;}
.m-smaller-font {font-size:0.8em;}
.m-larger-font {font-size:1.2em;}
.m-block {display: block;}
.m-inline {display: inline;}
.m-grid-margins {margin:30px 0 30px 30px;}
@media(max-width:1200px) {
.m-grid-margins {margin:20px 0 20px 20px;}
}
.m-grid-2 {
width:50%;
float:left;
}
.m-grid-3 {
width:33.33%;
float:left;
}
@media(max-width: 979px) {
.m-grid-2, .m-grid-3 {
width:100%;
float:none;
}
}
/* css3 */
/* border-radius */
.m-border-radius {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.m-smaller-border-radius {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.m-bottom-border-radius {
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;}
.m-smaller-bottom-border-radius {
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;}
.m-top-border-radius {
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;}
.m-smaller-top-border-radius {
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;}
.m-right-border-radius {
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;}
.m-smaller-right-border-radius {
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;}
.m-left-border-radius {
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;}
.m-smaller-left-border-radius {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;}
/*
Whenever we float an image we put a div.img-floated around it. This class unfloats the image and centers it one smaller screensizes.
Image floated to right
Image floated to left
*/
.img-floated.right img {
float: right;
}
.img-floated.left img {
float: left;
}
@media(max-width:480px) {
.img-floated {
margin: 30px 0;
text-align: center;
float: none !important;
margin-right:auto;
margin-left:auto;
}
.img-floated img, .img-floated .caption {
float: none;
margin-right:auto;
margin-left:auto;
}
}
/* For captions used with floated images
![]()
Caption here
*/
.caption {
text-align: center;
}
.caption p {
font-size:0.8em;
}
/* Used on home page for links over images
*/
.arrow-button {
position: relative;
font-size: 1.2em;
}
.arrow-button input[type=submit],
.arrow-button a{
background:#906b41;
color:#fff;
border:none;
padding:10px;
display: block;
}
/*
Arrow for the arrow button
.arrow-button:after {
content:"";
width:0;
height:0;
border-top:24px solid transparent;
border-bottom:24px solid transparent;
border-left:24px solid #906b41;
position: absolute;
right:-24px;
top:0;
}
*/
/* Used on seasonal pages */
/* Tabs for recipe cards
*/
.recipe.nav-tabs {
margin-bottom:0;
}
.recipe.nav-tabs>.active>a,
.recipe.nav-tabs>.active>a:focus,
.recipe.nav-tabs>.active>a:hover {
border:2px solid #aaa;
border-bottom:none;
position: relative;
top:1px;
}
/* Recipe card
Ingredients
Instructions
- Instructions...
Nutrional info
*/
.recipe-card {
border: 2px solid #aaa;
padding: 25px;
margin: 0;
width: 85%;
background: #fff;
}
.recipe-card p {
font-weight: bold;
margin: 20px 0 0 0;
}
.recipe-card ul {
list-style-type: none;
margin: 0 25px;
}
.recipe-card ol {
margin: 0 45px;
}
.recipe-card ul li,
.recipe-card ol li {
margin: 0;
}
.recipe-card-title {
text-align: center;
border-bottom: 1px solid #eee;
background: none;
margin-bottom:15px;
}
.recipe-card-title p {
font-weight: normal;
margin-top:0;
margin-bottom:15px;
}
.recipe-card-nutritional-info {
padding: 20px;
border: 1px solid #aaa;
font-size: 80%;
margin-top:25px;
}
/*css for the new cooking how to videos pages*/
/*tip box under the tips and tool section*/
.tipcallout{
padding: 15px;
padding-left: 75px;
padding-right: 75px;
color: #000;
background-color: #f1f1f1;
border: 2px solid #e9e9e9;
}
@media (max-width:480px){
.tipcallout{padding-left:20px;padding-right:20px;margin-top:10px;}
}
/* Used on images that are thumbnails for videos
*/
.play-button-container,
.individual {
position: relative;
text-align: center;
}
.play-button {
background: url(/images/play.png);
height: 70px;
width: 70px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
}
.play-button.no-button {
background:none;
position: static;
height: auto;
width: auto;
margin:0;
}
.roast-perfect-callout {
margin-top:10px;
}
.roast-perfect-icon {
float:left;
margin-right:10px;
}
.roast-perfect-app-icons {
text-align: center;
}
.roast-perfect-app-icons img{
margin-right:10px;
}
@media(max-width:979px) {
.roast-perfect-callout .img-floated {
margin-bottom:10px;
}
.roast-perfect-app-icons img {
margin-bottom:10px;
}
}
.content-section {
padding:15px;
border-bottom: 1px solid #6E4B41;
}
.content-section:last-child {
border-bottom: none;
}
.content-section-title {
margin-top:15px;
margin-bottom:0;
font-size:20px;
}
.content-section-image {
float:left;
margin:15px 20px 0 0;
max-width:100px;
}
@media(max-width:605px) {
.content-section-image {
margin: 26px 20px 50px 0;
}
}
.video-callout .play-button-container {
text-align:left;
max-width: 577px;
}
.video-callout h3 {
color: #fff;
}
/* ==========================================================================
Responsive Video Embed
========================================================================== */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*Cookie consent banner override CSS*/
.cookieinfo{padding:15px !important;}
/* ==========================================================================
Licensee Services - Sidetabs
========================================================================== */
.nav-tabs>li {
margin-bottom:-1px;
}
.nav-tabs li a, .fake-nav-tab a {
border-color: #eee #eee #ddd;
background:#eee;
color:#111;
margin-top:5px;
text-decoration:none;
}
.nav-tabs>li>a:hover, .fake-nav-tab a:hover {
border-color: #eee #eee #ddd;
background:#ccc;
color:#fff;
text-decoration:none;
}
.nav-tabs>.live>a {
background:#fff;
}
.side-tabs .nav-tabs {
position: relative;
border-bottom: none;
border-right: 1px solid #eee;
padding-right: 0px;
}
.side-tabs .nav-tabs.inner-tabs {
border-right:0;
border-bottom:1px solid #eee;
}
.side-tabs .tab-content.inner-tabs .tab-pane {
display: none;
}
.side-tabs .tab-content.inner-tabs .tab-pane.live {
display: block;
}
.side-tabs .nav-tabs li, .fake-nav-tab a {
float: none;
margin: 1px 0;
text-align: center;
width: 90%;
display:block;
}
.side-tabs .nav-tabs > li.active > a {
background:#444;
color:#fff;
}
.side-tabs .nav-tabs > li > a {
border: 1px solid #eee;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.side-tabs .tab-pane .nav-tabs li {
float:left;
width: auto;
}
@media(max-width:767px) {
.nav-tabs {
top: 0 !important;
}
.side-tabs {
top: 0 !important;
}
.side-tabs .nav-tabs li {
width: 100%;
}
.side-tabs .cow {
position: static;
bottom: 0;
margin:10px 0;
text-align:center;
}
}
/**************************************************
***************************************************
Navbar
***************************************************
***************************************************/
/*Yamm plugin overrides*/
/*hover main menus except for the searchbox*/
@media (min-width: 979px) {
ul.nav li.maindropdown:hover > ul.dropdown-menu {
display: block;
}
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .yamm-content {
padding: 3px 15px 3px;
text-align:left !important;
}
.yamm .yamm-content .a:hover {
text-decoration: none;
}
/*.yamm-content .row-fluid{background-color:#000;}*/
.yamm-content .row-fluid > ul > li > a{/*color:#fff !important;*/}
/*.yamm-content .row-fluid > ul > li > a:hover{border-bottom:1px solid #990000;text-decoration: none;background-color:#eee;padding:5px;}*/
.yamm-content > ul > li > a{color:#fff !important;font-family:verdana;}
/*.yamm-content > ul > li > a:hover{border-bottom:2px solid #990000;text-decoration: none;color:#fff;}*/
.yamm-content li a:hover{background-color:#535353; border-radius:3px;
text-decoration: none;color:#fff !important;}
/*scroll dropdown on smaller screens fix*/
@media (min-width:980px) and (max-width:1410px){
/*scroll dropdown when items are too long on smaller devices*/
/*just in case for dropdown instead of the whole container/collapse*/
.yamm-content { max-height: 80vh !important; /*overflow-y: scroll !important;*/ overflow-x: hidden !important; }
}
@media(max-width:979px){.nav-collapse.in.collapse{max-height:80vh !important;overflow-y:scroll !important;overflow-x:hidden !important;}}
/*subtitles in the mega menu*/
.navsubtitle{margin:0;}
/*navigation dropdowns*/
.navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active >.dropdown-toggle, .navbar .nav li.dropdown.open >.dropdown-toggle{background-color:transparent;color:#fff;/*border-bottom:2px solid #fff;*/}
@media(max-width:414px){
.navbar .nav li.dropdown.active >.dropdown-toggle, .navbar .nav li.dropdown.open.active >.dropdown-toggle, .navbar .nav li.dropdown.open >.dropdown-toggle{border-bottom:none;}
.dropdownmaintitle:focus{border-bottom:none !important;}
}
/*main titles of the navigation (about the beef, etc.)*/
@media (min-width:980px){
.yamm .dropdown:hover{border-bottom:1px solid #fff;}
.yamm .dropdown:focus{border-bottom:1px solid #fff;}
}
@media (max-width:768px){
.navbar .nav > li > a{font-size:1em !important;margin-left:15px;}
.ccsubtext{margin-left:15px;}
}
.dropdown-menu{border-radius:2px;background-color:#000;color:#fff;margin-top:-1px;}
.dropdown-menu .divider{height: 1px;
margin: 9px 1px;
overflow: hidden;
border-bottom: 1px solid #989898;
background-color:transparent !important;
margin-top: 20px;
margin-bottom: 20px;}
/*black navigation with black background*/
/*.topnav{position:fixed;margin-top:-60px;background:#000;}*/
/*.topnav > li > a{color:#fff !important;}*/
/*.topnav .navbar .nav > li > a:hover{color:#aeaeae;}*/
/*.topnav .navbar .nav > li > a{color:#fff !important;transition:none;}*/
/*navbar dropdown caret mobile
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar .nav li.dropdown>a:focus .caret, .navbar .nav li.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;float:right;}
*/
@media (max-width:979px){
.navbar{margin-top:-40px;}
}
@media (min-width:320px) and (max-width:414px){
.navbar{height:90px !important;position:relative !important;}
.brand img{margin-top:0px !important;}
.mobile-icons{margin-top:-10px !important;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{box-shadow:none !important;}
/*.main-tile{margin-top:0px !important;}*/
.aboutbeefsubtitle{padding-left:15px;}
}
.navbar {
position:fixed;
margin-top:-60px;
background:#000;
height: 120px;
/*position: relative;
z-index: 3;
box-shadow: 0px 0px 1px #111;*/
}
.navbar > li > a{color:#fff;}
@media (max-width: 979px) {
.navbar {
margin:0;
padding:0;
}
.navbar.clicked {
height: auto;
}
}
.navbar .nav > .licensee-services > a {
color:#900;
}
.navbar .nav > .licensee-services ul {
display: none;
position: absolute;
top: 30px;
margin:0;
}
.navbar .nav > .licensee-services li {
background: url('/images/wooden-bg-nav.jpg');
list-style-type: none;
text-align: center;
width: 200px;
}
.navbar .nav > .licensee-services li a{
color: #fff;
font-family: "KlinicSlab-Book";
text-transform: uppercase;
/*font-family: "aw-conqueror-slab", "Arial", "sans-serif";*/
}
/*.navbar .container {
max-width: 1170px;
}*/
.navbar .brand {
position: absolute;
top: -30px;
margin:0;
padding:0;
}
.navbar .nav {
margin: 25px 0 0 150px;
font-size:.9em;
}
@media (max-width: 979px) {
.navbar .brand {
top:0;
}
.navbar .nav {
margin:25px 0;
text-align: center;
}
}
.navbar .nav > li > a {
/* font-size: 1.1em;*/
/*color: #111111;*/
/* transition:color 0.25s;*/
color:#fff;
transition:none;
padding:5px;
text-transform: uppercase;
font-family: "KlinicSlab-Book";
/*font-family: "aw-conqueror-slab", "Arial", "sans-serif";*/
text-align: left;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:focus, .navbar .nav>.active>a:hover {
background: none;
box-shadow:none;
color:#fff;
}
@media(max-width: 1191px) {
.navbar .nav > li > a {
font-size: 0.9em;
}
}
@media(max-width: 1045px){
.navbar .nav > li > a {
font-size: 0.8em;
}
}
.navbar .nav > li > a:after {
content: "|";
margin-left:10px;
/*color:#111 !important;*/
color:transparent !important;
}
.navbar .nav > li:last-child > a:after {
content:"";
}
@media(max-width: 979px) {
.navbar .nav > li > a:after {
content: "";
margin:0;
}
}
.searchboxdropdown:hover{border-bottom:none !important;}
@media (max-width:768px){.navbar-searchwrapper{margin-top:-110px !important;}}
@media (min-width:1224px) and (max-width:1343px){
.navbar .search-social-icons .navbar-search input{margin-top:5px !important;}
}
.navbar .search-social-icons .navbar-search input {
color:#000 !important;
/*border-color: #906B41 !important;*/
padding:5px 5px 5px 15px !important;
margin-top:55px;
margin-right:10px;
}
.no-placeholder .search-social-icons .navbar-search input {
background: url(/images/ie-search-box-background.jpg) no-repeat !important;
}
@media(max-width: 1223px) and (min-width: 787px) {
.navbar .search-social-icons .navbar-search input {
margin-top:7px;
}
}
.navbar .search-social-icons .navbar-search input::-webkit-input-placeholder { color: #fff; transition:color 0.25s;}
.navbar .search-social-icons .navbar-search input:-moz-placeholder { color: #fff; transition:color 0.25s;}
.navbar .search-social-icons .navbar-search input::-moz-placeholder { color: #fff; transition:color 0.25s;}
.navbar .search-social-icons .navbar-search input:-ms-input-placeholder { color: #fff; transition:color 0.25s;}
.navbar .search-social-icons .navbar-search input:focus::-webkit-input-placeholder { color: #aaa; }
.navbar .search-social-icons .navbar-search input:focus:-moz-placeholder { color: #aaa; }
.navbar .search-social-icons .navbar-search input:focus::-moz-placeholder { color: #aaa; }
.navbar .search-social-icons .navbar-search input:focus:-ms-input-placeholder { color: #aaa; }
@media(max-width: 979px) {
.navbar .search-social-icons .navbar-search input,
.navbar .search-social-icons .navbar-search {
float:none;
}
}
.navbar .social-icons {
margin: 0 0 0 7px;
float:right;
}
.mi-more{margin-top:20px !important;}
.mi-more a{text-decoration:none !important;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{box-shadow:none !important;}
@media (min-width:535px) and (max-width:978px){
.topnav{
margin-top:-40px !important;
}
}
@media (min-width:979px) and (max-width:1377px){
.navbar .social-icons{
margin-top:-33px !important;
}
.topnav{
margin-top:-40px !important;
}
.breadcrumbwrapper{
margin-top:73px !important;
}
.searchboxdropdown{
margin-top:-35px !important;
}
.navbar-searchwrapper{
margin-top:10px !important;
}
/*fix searchbox from being bumped down at res 1344-1377px*/
.navbar .search-social-icons .navbar-search input{margin-top:10px;}
}
@media(max-width: 1223px) {
.navbar .social-icons {
margin: 5px;
}
}
@media (max-width: 979px) {
.navbar .social-icons {
text-align: center;
float:none;
}
.navbar .social-icons:before,
.navbar .social-icons:after {
display:table;
line-height:0;
content:"";
}
.navbar .social-icons:after {
clear:both;
}
}
.navbar .social-icons li {
float: left;
list-style-type: none;
/* margin: 0 0 0 10px;*/
/*background:#906B41;*/
border-radius:500px;
height:40px;
width:40px;
text-align: center;
-o-transition:background 0.25s;
-moz-transition: background 0.25s;
-webkit-transition: background 0.25s;
transition: background 0.25s;
cursor: pointer;
}
.navbar .social-icons li:hover,
.navbar .social-icons li:focus,
.navbar .social-icons li:active {
/* background: #48251d;*/
}
@media (max-width: 979px) {
.navbar .social-icons li {
float:none;
display: inline-block;
}
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{
font-weight:inherit !important;
}
}
.navbar .social-icons a {
color: #eee;
-o-transition:color 0.25s;
-moz-transition: color 0.25s;
-webkit-transition: color 0.25s;
transition: color 0.25s;
position:relative;
top:8px;
display: block;
height:40px;
width:40px;
}
.navbar .social-icons li:hover a,
.navbar .social-icons li:focus a,
.navbar .social-icons li:active a {
color: #fff;
}
.navbar .social-icons i {
font-size:1em;
}
.navbar .navbar-search {
text-align: center;
/* position:absolute;*/
top:-20px;
right:0px;
}
.navbar .social-icons {
position: absolute;
top:20px;
right:100px;
}
@media(max-width: 979px) {
.navbar .navbar-search {
position:static;
float:none;
}
.navbar .social-icons {
position: static;
margin:15px 0;
}
.navbar .search-social-icons {
float: none;
margin:0 auto;
}
}
.navbar .btn.btn-navbar {
background:none;
box-shadow: none;
border:none;
}
.navbar .btn.btn-navbar .icon-bar {
width: 40px;
height: 7px;
box-shadow: none;
-o-transition:background 0.25s;
-moz-transition:background 0.25s;
-webkit-transition:background 0.25s;
transition:background 0.25s;
background:#333;
}
.navbar .btn.btn-navbar.collapsed .icon-bar {
background:#f5f5f5;
}
.navbar-inner {
display: block;
margin-left: auto;
margin-right: auto;
/*max-width: 1350px;
position: relative;*/
top: 50px;
background: none !important;
filter: none;
border: 0;
}
@media (max-width: 979px) {
.navbar-inner {
top: 0;
padding:0;
}
}
@media(max-width: 979px) {
.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background-color:#000;}
.navbar .nav>.active>a, .navbar .nav>.active>a:focus, .navbar .nav>.active>a:hover {
background: none;
box-shadow: none;
color: #fff;
}
.navbar .nav > li > a:hover {
background: none;
color:#aeaeae;
}
.nav .mobile_arrow_down {
position: absolute;
right: 2%;
}
.navbar .nav > .active > a.mobile_arrow_down {
background: none;
box-shadow: none;
}
.nav-collapse .navbar-form, .nav-collapse .navbar-search {
border: none;
box-shadow: none;
}
.navbar .nav-collapse {
background: #000;
box-shadow: inset -1px 0px 5px 1px #000000;
margin-bottom:5px;
}
}
.nav .home-link {
display: none;
}
@media(max-width: 767px) {
.nav .home-link {
display: block;
}
}
.mobile-icons {
float: right;
margin-top:20px;
display:none;
}
.mobile-icons li {
float: left;
list-style-type: none;
margin: 10px;
text-align: center;
cursor: pointer;
}
.mobile-icons a {
font-size: 0.7em;
line-height: 0;
color: #fff;
display: block;
/* background: #906B41;*/
padding: 10px;
width: 45px;
height: 45px;
border-radius: 50%;
}
.mobile-icons a span {
margin-top: 10px;
display: block;
}
.mobile-icons img {
margin-top: 3px;
}
@media(max-width:979px) {
.mobile-icons {
display: block;
}
}
@media(max-width:458px) {
.mi-cuts {
display: none;
}
}
@media(max-width:369px) {
.mi-recipes {
display :none;
}
}
/**************************************************
***************************************************
Breadcrumbs/sublinks on pages
***************************************************
***************************************************/
/*drop second line down on cooking pages under nav on mobile*/
@media (max-width:829px){.cookingwrap > ol > li:first-of-type{margin-left:80px !important;padding-top:20px;}}
@media (min-width:768px) and (max-width:991px){
.breadcrumbwrapper{margin-top:53px !important;}
}
@media (min-width:992px){
.breadcrumbwrapper > ol > li:first-child{margin-left:115px;}
}
@media (max-width:767px){.breadcrumbwrapper{margin-top:0px !important;}}
.breadcrumb{border-radius:0px !important;padding:5px 15px !important;}
.breadcrumbwrapper{margin-top:70px;}
.breadcrumb > li > a{color:#000 !important;font-size:.9em;}
.breadcrumb > li > a:hover{text-decoration:underline;color:#000;}
.breadcrumb{list-style:none;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{content:"| ";padding: 0 5px;text-transform:uppercase;}
.selected{color:#990000;font-size:.9em;}
li.selected::before{color:#000;}
/*ASPX overrides for the coverimage sublinks under the navigation - cuts/grades/etc.*/
.aspsubnavlinks{/*margin-top:0px !important;*/margin-top:54px !important;}
.aspsubnavlinkscrumb{margin-bottom:0 !important; text-align:left !important;}
/**************************************************
***************************************************
Content
***************************************************
***************************************************/
@media (max-width:767px){
.cover-image{margin-top:54px !important;}
}
.cover-image {
position: relative;
/*z-index: -1;*/
text-align:center;
/*adding this for making the image go lower that the new navbar*/
margin-top:-20px;
}
.cover-image .title {
position: absolute;
top:-1px;
right:0;
font-size:2em;
background:#fff;
background:rgba(255, 255, 255, 0.8);
padding:15px;
margin:0;
text-transform: uppercase;
color: #835b51;
font-weight: 100;
line-height: 1em;
}
.cover-image img {
width: 100%; /* fix for zoom issues */
}
@media(max-width: 979px) {
.cover-image .title {
position: static;
text-align: center;
background:#fff;
}
}
.no-cover-image {
margin-top:50px;
}
.content {
max-width:960px;
margin:10px auto;
padding:10px;
}
@media(min-width:978px) {
.content {
min-height:800px;
}
}
.content .title {
padding:10px;
background:#eee;
margin:0;
}
.content .span9 {
/*border-right:1px solid #795208;*/
padding: 0 20px 0 0;
}
.content .sidebar{ border-right:1px solid #795208; padding: 0 20px 0 0;}
@media(max-width: 767px) {
.content .span9 {
border-right: none;
}
}
@media(max-width: 767px) {
/*.content .sidebar {
border-top: 5px solid #795208;
padding-top:25px;
border-left: none;
text-align: center;
margin-top:15px;
}*/
.content .sidebar {
border-top: none;
border-right:none;
padding-top:25px;
border-left: none;
text-align: center;
margin-top:15px;
}
.recipesidebar{display:none;}
.recipesidebar + .sidebar{border-top:none;}
}
.content .sidebar ul {
margin:0;
}
.content .sidebar li {
list-style-type: none;
line-height: 1em;
margin:15px 0;
}
.content .sidebar a {
color:#111;
text-decoration: none;
font-family: "KlinicSlab-Book";
text-transform:uppercase;
margin-left:-20px;
/*font-family:"aw-conqueror-slab", "Garamond", "Arial", "sans-serif";*/
}
.content .sidebar .ad {
margin:25px 0;
}
.content ul.social-icons {
margin:0;
}
.content .social-icons li {
list-style-type: none;
display:inline-block;
margin: 0 20px 0 0;
}
.content .social-icons li a {
color: #835b51;
}
/**************************************************
***************************************************
Footer
***************************************************
***************************************************/
ul.newfooter >li>a{color:#fff !important;}
footer > li > a{color:#fff;}
footer {
background-color:#000;
/*background: rgba(237,217,187,1);
background: -moz-linear-gradient(top, rgba(237,217,187,1) 0%, rgba(230,203,160,1) 26%, rgba(219,183,131,1) 65%, rgba(204,160,102,1) 92%, rgba(190,149,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,217,187,1)), color-stop(26%, rgba(230,203,160,1)), color-stop(65%, rgba(219,183,131,1)), color-stop(92%, rgba(204,160,102,1)), color-stop(100%, rgba(190,149,89,1)));
background: -webkit-linear-gradient(top, rgba(237,217,187,1) 0%, rgba(230,203,160,1) 26%, rgba(219,183,131,1) 65%, rgba(204,160,102,1) 92%, rgba(190,149,89,1) 100%);
background: -o-linear-gradient(top, rgba(237,217,187,1) 0%, rgba(230,203,160,1) 26%, rgba(219,183,131,1) 65%, rgba(204,160,102,1) 92%, rgba(190,149,89,1) 100%);
background: -ms-linear-gradient(top, rgba(237,217,187,1) 0%, rgba(230,203,160,1) 26%, rgba(219,183,131,1) 65%, rgba(204,160,102,1) 92%, rgba(190,149,89,1) 100%);
background: linear-gradient(to bottom, rgba(237,217,187,1) 0%, rgba(230,203,160,1) 26%, rgba(219,183,131,1) 65%, rgba(204,160,102,1) 92%, rgba(190,149,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd9bb', endColorstr='#be9559', GradientType=0 );*/
/*background: url(/images/footerbg.jpg);
background-size:cover;*/
padding:15px 0;
position: relative;
clear: both;
text-align: center;
color:#fff;
}
@media(max-width: 767px) {
footer {
height:auto;
}
}
footer .nav.nav-pills > .nav-item > .nav-link{
padding: .1rem;
margin: .2rem;
}
footer .nav.nav-pills {
margin:20px auto;
max-width:1170px;
text-align: center;
}
footer .nav.nav-pills li {
display: inline-block;
*display:inline;
zoom:1;
float:none;
}
footer .nav.nav-pills a {
color:#111;
background-color:#f1f1f1;
-o-transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
footer .nav.nav-pills a:hover {
color:#111;
}
footer .nav-pills>.active>a,
footer .nav-pills>.active>a:focus,
footer .nav-pills>.active>a:hover {
background:#424242;
color:#fff;
}
footer .copyright {
font-size:0.8em;
}
footer .slogan {
font-size:1.2em;
font-family: "KlinicSlab-Book";
/*font-family:"aw-conqueror-slab", "Arial", "sans-serif";*/
color:#fff;
text-transform: uppercase;
}
footer .footertitle{
font-size:1.2em;
font-family: "KlinicSlab-Book";
/*font-family:"aw-conqueror-slab", "Arial", "sans-serif";*/
color:#fff;
margin-bottom:1px !important;
}
footer > li > a{color:#fff !important;}
/**************************************************
***************************************************
Index
***************************************************
***************************************************/
body.home footer {
margin-top:0;
}
.index .section {
position: relative;
margin-top:10px;
background: #BBAC91;
text-align:center;
}
.tile-image {
width: 100%; /* fix for zoom issues */
}
.js .index .slogan {
margin:0 auto;
}
.js .index .slogan .slogan-part {
opacity:0;
margin-top:30px;
}
.js .index .slogan .slogan-part img {
height: auto;
max-width: 100%;
}
.index .hero-unit {
background: url(/images/home/bg.jpg) no-repeat center center;
background-size: cover;
position: relative;
overflow: hidden;
}
.index .hero-unit.slogan-3 {
background: url(/images/home/bg-07-2015.jpg) no-repeat center center #906B41;
}
@media(max-width:767px) {
.index .hero-unit.slogan-3 {
background: url(/images/home/bg-07-2015-mobile.jpg) no-repeat center center #906B41;
height:auto !important;
}
}
.index .hero-unit.slogan-3 img {
max-height:549px;
height:90%;
}
@media(max-width:1000px) {
.index .hero-unit.slogan-3 img {
width:90%;
height:100%;
}
}
@media(max-width:767px) {
.index .hero-unit.slogan-3 img {
width:100%;
}
}
.index .slogan-3 p {
font-family:"choplin", "serif";
position:absolute;
bottom:-1.5%;
right:1%;
font-size:3em;
margin:0;
color:#eee6db;
text-shadow:1px 1px 1px #111;
}
@media(max-width:1600px) {
.index .hero-unit.slogan-3 p {
font-size:2em;
}
}
@media(max-width:480px) {
.index .hero-unit {
padding: 60px 0 160px 0;
}
}
.index .main-tile {
position: relative;
text-align:center;
/*background: #BBAC91;*/
margin-top:75px;
}
.index .main-tile .arrow-button {
position: absolute;
bottom:1%;
right:1%;
}
.index .arrow-button {
overflow:hidden;
}
.index .arrow-button a {
background:#906B41;
color:#fff;
font-weight:normal;
font-size: 0.9em;
position: relative;
overflow:hidden;
border-radius:5px;
padding:10px 30px;
transition:0.3s;
display: inline-block;
}
.index .app-icons {
background: #906B41;
padding:10px;
}
.index .app-icons a {
display: inline;
}
@media(max-width:979px) {
.index .arrow-button a {
border-radius: 0;
}
}
.index .arrow-button a:hover {
background: #5A3E1E;
text-decoration:none;
}
.index .app-icons a:hover {
background: none;
}
.index .arrow-button:after {
content:"\f0da";
font: normal normal normal 14px/1 FontAwesome;
position:absolute;
left:130%;
top:30%;
font-size:1em;
transition:0.3s;
color:#fff;
height:100%;
}
.index .arrow-button.hidden-desktop a {
width: 100%;
padding:10px 0;
}
.index .arrow-button:hover:after {
left:86%;
}
@media(max-width:979px) {
.index .arrow-button:hover:after {
left:130% !important;
}
}
.index .hero-unit .arrow-button:hover:after {
left:93%;
}
.index .second-tile {
position: relative;
text-align:center;
}
.index .second-tile .arrow-button {
position: absolute;
bottom:1%;
right:1%;
}
.index .second-tile .arrow-button:hover:after {
left:89%;
}
.index .jot .arrow-button {
position: absolute;
bottom: 22%;
right: 1%;
}
.index .grid {
height:450px;
}
.index .grid.recipes2 {
height:auto;
}
.index .grid2 {
width:49.4%;
}
@media(max-width:1300px) {
.index .grid {
height:410px;
}
}
@media(max-width: 1200px) {
.index .grid {
height:370px;
}
}
@media(max-width:979px) {
.index .grid2 {
width: 100%;
}
}
@media(max-width:900px) {
.index .grid {
height:330px;
}
}
@media(max-width: 767px) {
.index .grid {
height: auto;
padding-bottom:15px;
}
.index .grid.recipes2 {
padding-bottom:0;
}
}
.index .grid-1,
.index .grid-2 {
background: url(/images/home/grid-bg.jpg) no-repeat center center #906B41;
background-size: cover;
overflow:hidden;
}
.index .grid-1 {
margin:10px 10px 0 0;
}
@media(max-width: 979px) {
.index .grid-1 {
margin:0;
}
}
.index .grid-2 {
margin:10px 0 0 0;
}
.index .recipes h2,
.index .gorare h2 {
font-size:1.7em;
color:#900;
line-height:1em;
text-align:center;
padding-top:25px;
}
.index .recipes2 a:hover {
text-decoration: none;
}
.index .recipes .arrow-button,
.index .gorare .arrow-button {
float: right;
margin-right:7%;
}
.index .recipes .recipe-title {
background: #906B41;
width: 100%;
padding: 10px 0;
margin: 0;
color: #fff;
padding-left:10px;
font-weight: normal;
text-align:left;
}
.index .recipes .recipe-title:hover {
text-decoration: none;
}
@media(max-width:979px) {
.index .recipes .recipe-title {
text-align:center;
}
}
.index .recipes .arrow-button {
position: absolute;
bottom: -1px;
right: 5px;
padding: 0;
margin: 0;
float: none;
}
.index .story .arrow-button{
position:absolute;
bottom:1%;
right: 1%;
}
.index .story .our-story {
position: absolute;
top: 20%;
left: 0;
max-width: 330px;
}
@media(max-width:967px) {
.index .story .our-story {
top: auto;
bottom: 10%;
left: 50%;
margin-left: -165px;
}
}
/**************************************************
***************************************************
Where to buy
***************************************************
***************************************************/
.buy .search i {
color:#900;
}
.buy .search i.fa-map-marker {
margin:0 10px 0 0;
position: relative;
top:5px;
}
@media (max-width:620px) {
.buy .search i.fa-map-marker {
margin:0 10px;
}
}
.buy .search input[type=text] {
background: #eee;
padding:5px;
border:0;
width: 350px;
margin-bottom:0;
color:#835b51;
}
@media (max-width:979px) {
.buy .search input[type=text] {
width:200px;
}
}
.buy .search input::-webkit-input-placeholder { color: #835b51; transition:color 0.25s;}
.buy .search input:-moz-placeholder { color: #835b51; transition:color 0.25s;}
.buy .search input::-moz-placeholder { color: #835b51; transition:color 0.25s;}
.buy .search input:-ms-input-placeholder { color: #835b51; transition:color 0.25s;}
.buy .search input:focus::-webkit-input-placeholder { color: #aaa; }
.buy .search input:focus:-moz-placeholder { color: #aaa; }
.buy .search input:focus::-moz-placeholder { color: #aaa; }
.buy .search input:focus:-ms-input-placeholder { color: #aaa; }
.buy .search i.fa-search {
color:#fff;
background:#900;
margin:0 0 0 5px;
position: relative;
top: 1px;
padding:7px 10px;
}
.buy .search input[type=submit] {
background: #835b51;
color: #fff;
margin: 10px;
border-radius: 5px;
border: none;
padding:5px 15px;
}
@media(max-width: 722px) {
.buy .search label {
margin:0 0 0 20px;
}
}
.buy .searchMessage {
display: none;
color: #fff;
background: #900;
padding: 10px;
}
.buy .searchMessage p {
margin-bottom: 0;
}
.buy .locations-list-wrapper {
max-width:350px;
float:left;
margin:15px 20px 15px 30px;
}
@media(max-width: 979px) {
.buy .locations-list-wrapper {
float:none;
margin:30px auto;
max-width:500px;
}
}
.buy .locations-list-wrapper .nav {
margin-bottom: 0;
position: relative;
top:1px;
}
.buy .locations-list-wrapper .nav-tabs>li>a:hover {
border-color:#543831;
background:#aaa;
}
.buy .locations-list-wrapper .nav-tabs>.active>a,
.buy .locations-list-tabs li > a{
border:1px solid #835b51;
margin: 0;
padding:10px;
position: relative;
transition:all .25s;
text-transform: uppercase;
color:#835b51;
background:#ddd;
width:175px;
text-align: center;
}
@media(max-width:369px) {
.buy .locations-list-wrapper .nav-tabs>.active>a,
.buy .locations-list-tabs li > a {
width:auto;
}
}
.buy .locations-list-wrapper .nav-tabs>.active>a {
background:#fff;
}
.buy .locations-list-wrapper .tab-content {
border:1px solid #835b51;
background:#fff;
padding:10px;
}
.buy .locations-list-wrapper .tab-content #resultsPlaceholder {
overflow-y:scroll;
height:350px;
border-top:2px solid #ddd;
padding:10px;
box-shadow: inset 1px 1px 5px #111;
}
@media(max-width: 767px) {
.buy .locations-list-wrapper .tab-content #resultsPlaceholder {
overflow-y:visible;
height:auto;
box-shadow: none;
}
}
.buy .locations-list-wrapper .tab-content #resultsPlaceholder::-webkit-scrollbar-thumb {
background: #835b51;
}
.buy .locations-list-wrapper .tab-content #resultsPlaceholder::-webkit-scrollbar {
width:5px;
}
.buy .locations-list-wrapper .tab-content .locations-info p {
color: #900;
font-size:1.5em;
margin-bottom:0;
font-family: "KlinicSlab-Book";
/*font-family: "aw-conqueror-slab", "serif";*/
}
.buy .locations-list-wrapper .tab-content .locations-info label {
color: #900;
font-size: 1.05em;
}
.locations-info input[type=checkbox] {
margin-top:0;
float: none;
}
.locations-info img {
margin-top:-2px;
margin-left:8px;
}
.buy .locations-list-wrapper .tab-content .locations-info label {
display: inline;
position: relative;
top: 20px;
}
@media(max-width: 307px) {
.buy .locations-list-wrapper .tab-content .locations-info label.stores,
.buy .locations-list-wrapper .tab-content .locations-info label.restaurants {
display: block;
}
.buy .locations-list-wrapper .tab-content .locations-info .checkbox.inline + .checkbox.inline,
.buy .locations-list-wrapper .tab-content .locations-info .radio.inline + .radio.inline {
margin-left:0;
}
}
.buy .locations-list-wrapper .tab-content .locations-info select {
width:100px;
margin:40px 0 0 10px;
border-radius: 0;
border: 1px solid #835b51;
}
.buy .locations-list-wrapper .tab-content .sort {
margin:10px 0;
}
.buy .location {
margin:25px 0;
border-bottom:1px solid #eee;
}
.buy .location:before,
.buy .location:after {
display:table;
line-height:0;
content:"";
}
.buy .location:after {
clear:both;
}
.buy .location p {
margin:0;
font-weight: bold;
}
.buy .location .location-name a,
.buy .buy-box .location-name {
font-family: "KlinicSlab-Book";
/*font-family: "aw-conqueror-slab", "serif";*/
color:#900;
line-height: 1.2em;
margin-bottom:10px;
text-transform: uppercase;
}
.buy .location .location-miles {
float:right;
}
.buy .location .location-serves {
color:#835b51;
}
.buy .online .arrow-button {
float: right;
position: relative;
margin-right:20px;
}
.buy .map {
margin:60px 0 0 0;
float:right;
width:50%;
height: 600px;
}
.buy .map img {
max-width: none;
}
@media(max-width: 979px) {
.buy .map {
float:none;
text-align: center;
}
.buy .map {
width:100%;
height:400px;
}
}
.buy .gm-style-iw div {
overflow:visible !important;
}
.buy .buy-box {
width:350px;
padding:15px;
}
.buy .buy-box img {
float:left;
margin-right:25px;
}
.buy .buy-box a {
margin:10px 15px 0 0;
text-decoration: underline;
}
.buy .buy-box p,
.buy .buy-box address {
text-align: left;
font-size: 1.2em;
font-weight: bold;
line-height: 1.8em;
}
.buy .buy-box p.location-name {
margin:0 0 8px 0;
line-height: 1.2em;
}
.buy .buy-box .location-name a {
line-height: 1.6em;
margin:0;
text-decoration: none;
}
.buy .buy-box .location-address {
width:200px;
float:left;
color: #835b51;
}
.buy .buy-box .location-form {
width: 200px;
float:left;
}
.buy .buy-box .location-form input[type=text] {
width:160px;
}
.buy .buy-box .location-data {
margin-left:75px;
}
.buy .buy-box p.location-disclaimer {
font-size:1em;
text-align: center;
}
/**************************************************
***************************************************
Recipes/Beef cuts
***************************************************
***************************************************/
.pic-boxes {
text-align: center;
}
.pic-boxes p {
font-size: 1.1em;
color:#000;
font-weight:bold;
/* text-transform: uppercase;*/
}
.other-recipes {
text-align: center;
margin:30px 0;
}
.rpa-callout {
padding: 40px 0;
}
.app-buttons {
text-align:center;
padding:10px 0 0 0;
}
/**************************************************
***************************************************
Recipes
***************************************************
***************************************************/
@media(max-width: 979px) {
.recipes-search {
max-width: 470px;
margin:0 auto;
}
}
.recipes-search input[type=submit] {
/* position: relative; */
/* top: -5px; */
/* margin: 0 10px; */
}
.recipes-search input, .recipes-search select {
margin: 10px 10px 10px 0;
}
.recipes-search p {
float: left;
margin: 10px;
}
@media(max-width: 979px) {
.recipes-search select#cphContent_searchbox1_SDropName {
width:150px;
}
}
@media (max-width: 543px) {
.recipes-search {
text-align: center;
}
.recipes-search p {
float: none;
}
.recipes-search input#cphContent_searchbox1_find {
width:95%;
}
.recipes-search select#cphContent_searchbox1_SDropName {
width:70%;
}
}
.recipes-list .col-lg-4 p {
text-align: center;
line-height: 1.2em;
margin:10px 0;
}
.recipes-list #cphContent_btnLoadMore {
margin:30px 0;
padding:10px;
color:#fff;
background:#900;
border-radius:10px;
box-shadow: none;
border: none;
transition:all .2s;
}
.recipes-list #cphContent_btnLoadMore:hover {
background:#ccc;
color:#111;
}
.recipes-individual .recipe-img {
text-align: center;
}
.recipes-individual .recipe-img p {
font-size:0.9em;
margin-top: 5px;
}
.recipes-individual .action-icons {
float: right;
}
.recipes-individual .action-icons a {
color: #333;
}
.recipes-individual .action-icons a:hover {
color: #111;
transition:0.5s all;
}
.recipes-individual .social-icons i.fa-2x {
font-size: 2.7em;
}
.recipes-individual .social-icons {
margin-left: 0;
margin-top: 11px;
padding: 10px;
text-align: center;
}
.recipes-individual .social-icons p.title {
background:none;
font-size:1.4em;
}
.recipes-individual .social-icons .title {color:#000;font-size:1.1em;}
.recipes-individual .social-icons .fa-twitter {color: #03B7ED;}
.recipes-individual .social-icons .fa-facebook {color: #0054C5;}
.recipes-individual .social-icons .fa-pinterest {color: #E50307;}
.recipes-individual .social-icons .fa-save {color: #555;}
.recipes-individual .social-icons i {transition:0.5s all;}
.recipes-individual .social-icons i:hover {color: #333;}
.recipes-individual .social-icons table {width:auto;margin:0 auto;}
.recipes-individual .social-icons table td {padding:0 3px;}
a#facebookshare {
top:-4px;
position: relative;
}
.recipes-individual ul {
margin-left:0;
}
.recipes-individual ul li {
list-style-type: none;
}
.recipes-individual ol li,
.recipes-individual ul li,
.recipes-individual .nutritional-information p, .recipedesc {
margin:8px 0;
line-height: 1.4em;
}
/*Recipe stats box (Prep time, other time, cook time, total time)*/
.recipestats{
display: flex;
justify-content: space-between;
flex-flow: nowrap;
border: 1px solid #ab9b80;
}
.recipestatsitem{
flex: 1;
display: flex;
flex-direction: column;
text-align: center;
}
.recipestats .recipestatsothertime{border-left:1px solid #ab9b80;}
.recipestats .recipestatscooktime{border-left:1px solid #ab9b80;}
.recipestats .recipestatstotaltime{border-left:1px solid #ab9b80;background: rgb(171 155 128 / 37%);}
.recipestats .recipestatspreptime h5{color:#fff;background:#ab9b80;}
.recipestats .recipestatsothertime h5{color:#fff;background:#ab9b80;}
.recipestats .recipestatscooktime h5{color:#fff;background:#ab9b80;}
.recipestats .recipestatstotaltime h5{color:#fff;background:#343434;}
.recipstatsnutritiontitle{font-family: arial;
font-size: 15px;
text-transform: none;
}
.geo-sidebar {
margin: 30px 0;
}
.geo-sidebar h5 {
max-width: 120px;
font-size:0.8em;
}
.geo-sidebar img {
margin-top:15px;
/*margin-left:5px;*/
}
@media(max-width: 767px) {
.geo-sidebar h5 {
float:none;
}
}
.geo-results h6 {
margin-bottom:0;
margin-top:15px;
}
.geo-results p{
margin:0;
line-height: 1.4em;
}
.geo-results .search-more {
margin:30px 0;
}
.geo-results .search-more p > a {
text-decoration: underline;
}
.geo-results .search-more input[type=submit] {
display: none;
}
.lt-ie9 .search-more input[type=submit] {
display: inline;
}
.cut-sidebar p {
font-size:0.8em;
}
.cut-sidebar li a {
font-size: 0.8em !important;
font-family: "source-sans-pro", "arial", sans-serif !important;
}
.cut-sidebar ul {
margin: 0 0 10px 25px !important;
}
/**************************************************
***************************************************
Cuts
***************************************************
***************************************************/
.cuts select#cphContent_ddlCut {
margin:0 10px;
}
#beefCutsPoster {
margin:30px 0;
text-align: center;
}
#beefCutsPoster p {
font-size:0.8em;
}
#cutsListText p {
font-size:1em !important;
}
.cuts-category .span4 a {
border:1px solid #eee;
display: block;
text-align: center;
margin:10px 0;
}
.cuts-individual .pics ul {
margin:0;
}
.cuts-individual .pics li {
list-style-type: none;
margin:10px 0;
text-align: center;
padding:10px;
}
.cuts-individual .pics .firstpic {
border-bottom:1px solid #eee;
}
.cuts-individual .cuts-desc {
border-left:1px solid #eee;
padding-left:10px;
}
.cuts-individual .cuts-desc ul {
margin:0 0 10px 0;
}
.cuts-individual .cuts-desc li {
list-style-type: none;
}
.cuts-individual .cuts-desc p {
margin:0;
}
.cuts-individual .cuts-desc p.description {
margin-bottom:10px;
}
.cuts-individual h3 {
border-top:1px solid #eee;
padding-top:20px;
}
/**************************************************
***************************************************
Orbit
***************************************************
***************************************************/
#cphContent_pnlQuiz #cphContent_rblAnswer input[type=radio] {
margin-right:10px;
}
#cphContent_pnlQuiz table#cphContent_rblAnswer {
width:100%;
}
.orbit center{
text-align: left;
}
/**************************************************
***************************************************
Recruiting
***************************************************
***************************************************/
#cphContent_ApplicationForm_CB_Agree {
margin-right:8px;
margin-top:0;
}
/**************************************************
***************************************************
ASPX Controls
***************************************************
***************************************************/
input[type=radio],
input[type=checkbox] {
margin-top: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
display: inline;
margin: 7px;
}
.radio li {
list-style-type: none;
}
/**************************************************
***************************************************
Search-results for the Google page
***************************************************
***************************************************/
.search-results {
border: 5px solid #ccc ;
margin-top: 10px;
margin-bottom: 10px;
}
.search-results .row-fluid {
padding: 10px 0px;
}
.search-results h3 {
text-align: center;
background: #ccc;
padding: 10px;
margin:0;
}
.search-results h3, .search-results h4, .search-results h5 {
color: #000;
}
.search-results .alt {
background:#eee;
}
.search-results .span5 {
margin-left: 0px;
}
.search-results .span5 i {
margin-right: 10px;
color: #555;
}
.search-results .span5 a {
text-decoration: none;
margin-right: 20px;
}
.search-results .span5 i, .search-results .span5 h4, .search-results .span5 p {
margin-left: 10px;
}
.search-results hr {
border-color: #bbb;
}
.google-search-results iframe {
height: 1100px !important;
}
@media(max-width:766px) {
.search-results {
text-align: center;
border-width: 20px;
}
}
/**************************************************
***************************************************
RPA Popup
***************************************************
***************************************************/
.top-layer {
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
z-index: 1000;
height: 100%;
width: 100%;
}
.top-layer-bg {
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
z-index: 1001;
height: 100%;
width: 100%;
}
.top-layer-inner {
background: #fff;
width:761px;
margin: -260px auto;
position: relative;
top: 60%;
padding: 0;
text-align: center;
z-index: 1002;
}
.top-layer-inner .close {
color: #fff;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
opacity: 1;
font-size: 30px;
z-index: 2;
background: none;
text-shadow: none;
}
.top-layer.disabled {
display: none;
}
.top-layer .rpa-callout {
padding:0;
}
.top-layer .app-buttons {
width: 294;
top: auto;
position: absolute;
left: 3%;
bottom: 6%;
}
.top-layer .show {
display: inline !important;
}
/**************************
***************************
RPA Mobile
***************************
***************************/
.mobile-roast-perfect {
max-width: 100%;
margin: 0 auto;
padding: 15px 0;
display: none;
transition: 0.5s;
position: relative;
/*top: -300px;*/
/*top: 70px !important;
margin-bottom: 80px;*/
/* margin-top: 80px;
margin-bottom: -50px;*/
background-image:url('../images/rpa/wood-background.jpg');
background-size:cover;
background-position:center;
}
.mobile-roast-perfect .inner-wrap {
max-width:500px;
margin:0 auto;
}
.app-close, .app-icon, .app-info, .app-install {
display: inline-block;
margin: 0;
}
.app-info {
margin-left: 5px;
position:relative;
top: 15px;
}
.app-icon img {
display: inline-block;
width:45px;
vertical-align:bottom;
margin-left:10px;
}
.app-info p {
margin: 0;
font-size: 0.95em;
line-height: 1.2em;
color:#fff;
}
.app-info .download {
font-size: 0.8em;
}
.app-close {
margin: 5px 10px;
cursor: pointer;
color:#fff;
font-size:20px;
}
.app-install {
margin: 30px 20px;
float:right;
}
.app-install a {
padding: 10px;
background: #AA9A80;
color: #fff;
font-size: 0.9em;
color:#fff;
border-radius:5px;
}
@media(max-width:979px) {
.mobile-roast-perfect {
display: block;
/*top: 0;*/
top: 80px !important;
margin-bottom: 90px;
animation: pushDown 1.5s;
}
.mobile-roast-perfect.hide {
display: none;
}
/*Chrome 29+*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mobile-roast-perfect {
display: block;
/*top: 0;*/
top: 52px !important;
margin-bottom: 90px;
animation: pushDown 1.5s;
}
}
}
@media(max-width: 720px) {
.app-install a {
padding: 5px;
font-size: 0.9em;
}
.app-info p {
font-size: 1em;
}
.app-info p b {
font-size:1.4em;
}
}
@media(max-width:340px) {
.mobile-roast-perfect {
height: 150px;
}
.app-icon {
margin-left: 20px;
}
.app-close {
margin: 0 10px 5px 5px;
float: right;
}
.app-close i {
font-size: 1.4em;
}
.app-install {
margin: 20px 20px 30px 90px;
float: none;
}
.app-info p {
font-size: 0.95em;
}
.app-install a {
padding: 10px;
font-size: 0.9em;
}
}
@keyframes pushDown {
0% {
margin-top: -100px;
}
100% {
margin-top: 0;
}
}
/**************************************************
***************************************************
IE Overides
***************************************************
***************************************************/
.lt-ie9 .navbar {
height:130px;
}
.lt-ie8 .index .story {
margin-top: 400px;
}
.lt-ie8 .index .content {
position: static;
max-width:none;
}
.lt-ie8 .index .m-grid-3 {
width: 33.32%;
}
.lt-ie8 .search-social-icons {
position: absolute;
top:-60px;
left:10%;
width:500px;
}
.lt-ie8 .search-social-icons .social-icons {
display: none;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
INDIVIDUAL CONTENT PAGES STYLES
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
COOKING INSTRUCTIONS
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.cooking-instructions .tab-pane-links {
margin-bottom:20px;
}
.cooking-instructions .tab-row {
margin:10px;
}
.cooking-instructions .tab-row img {
margin-left:25px;
}
@media(max-width:979px) {
.cooking-instructions .tab-pane-links {
text-align: center;
}
.cooking-instructions .tab-row img {
float: none;
margin: 10px auto;
display:block;
}
.cooking-instructions .tab-row {
max-width:200px;
margin:0 auto 20px auto;
}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
CORP RETAIL
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.corp-retail .super-small {
font-size: 0.6em;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
WHO WE ARE - PRODUCTS
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.products .cab,
.products .cab-prime,
.products .cab-natural {
margin:15px;
}
.shapes .products .cab {
shape-outside: url(/brand/images/products/cab-logo.png);
shape-image-threshold: 0.5;
shape-margin:15px;
}
.shapes .products .cab-prime {
shape-outside: url(/brand/images/products/prime-logo.png);
shape-image-threshold: 0.5;
shape-margin:15px;
}
.shapes .products .cab-natural {
shape-outside: url(/brand/images/products/natural-logo.png);
shape-image-threshold: 0.5;
shape-margin:15px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Colvin Scholarship
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.colvin .content .span9 .span9{
border-right:none;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Doneness
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.doneness .span6 h3 {
line-height: 20px;
}
.doneness .span6 p {
margin-bottom:0;
}
.doneness .span6 img {
margin-top:-10px;
}
.doneness .span6 {
margin-bottom:30px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Cooking Class 09-2015
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.class-info {
background: #E4D4BA;
margin: 15px auto 0 auto;
}
.class-questions {
margin-top:90px;
}
@media(max-width:976px) {
.class-questions {
margin-top:0;
}
}
.class-social {
margin-top:30px;
text-align:center;
}
#twitter-widget-0 {
display:none;
}
/*MISC*/
/*styling for the links on the new created "who we are" landing page under "about the beef" in the navigation - who we are = heritage.php*/
.brandsublinks{color:#990000;text-decoration: none;float:right;}
.brandsublinks:hover{color:#000;text-decoration: none;}
/*cooking video page*/
.cookingvideosrowbg{background-color:#E7E7E7;}
/* Homepage Update */
/* CSS Document */
/* Home Colors */
:root {
--tan-color: #a99a80;
--black: #000000;
--white: #fff;
--red-color: #900;
}
/* Animations */
.inview {
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft;
}
.fadeInLeft:nth-child(2) {
animation-delay:800ms;
}
.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight;
}
.hero-button-zoom {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:1400ms;
}
.button-zoom {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:500ms;
}
.zoomIn {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
}
.fadeUp {
-webkit-animation-name:fadeUp;
animation-name:fadeUp;
visibility:hidden;
}
.icon-zoom:nth-child(1) {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:400;
}
.icon-zoom:nth-child(2) {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:600ms;
}
.icon-zoom:nth-child(3) {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:1200ms;
}
#home__best__beef .col-lg-4:nth-child(1) .icon-zoom {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:200;
}
#home__best__beef .col-lg-4:nth-child(2) .icon-zoom {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:400ms;
}
#home__best__beef .col-lg-4:nth-child(3) .icon-zoom {
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
animation-delay:600ms;
}
.cuts-fade-in {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft;
animation-delay:100ms;
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-40%, 0, 0);
}
to {
opacity:1;
transform:translate3d(0,0,0,);
visibility:visible;
}
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(40%, 0, 0);
}
to {
opacity:1;
transform:translate3d(0,0,0,);
visibility:visible;
}
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale(0.4);
}
to {
opacity:1;
transform:scale(1);
visibility:visible;
}
}
@keyframes fadeUp {
from {
opacity:0;
transform:translate3d(0, 40%, 0);
}
to {
opacity:1;
transform:translate3d(0, 0, 0);
visibility:visible;
}
}
@keyframes fadeUp {
from {
opacity:0;
transform:translateY(60px)
}
to {
opacity:1;
transform:translateY(0);
visibility:visible;
}
}
.hidden-element {
opacity:0;
transition: all 1200ms cubic-bezier(0.555, 0.02, 0, 1);
filter:blur(2px);
}
.hidden-element.fade-left {
transform:translateX(-100%) translateY(-100%);
}
.element-show .hero-hidden:nth-child(1){
transition-delay:100ms;
transform:translateX(0) translateY(-100%);
}
.element-show .hero-hidden:nth-child(2).element-show{
transition-delay:200ms;
}
.element-show .hero-hidden:nth-child(3).element-show{
transition-delay:300ms;
}
.element-show {
opacity:1;
filter:blur(0);
transform:translateX(0) translateY(0) !important;
}
.check-hidden {
transform: translate3d(-100px,0,0) scale(1.2);
opacity:0;
transition-timing-function:cubic-bezier(.175, .885, .32, 1.275);
transition-duration:0.9s;
}
.check-show:nth-of-type(1) {
transform: translateZ(0) scale(1);
opacity:1;
}
.check-show:nth-of-type(2) {
transform: translateZ(0) scale(1);
opacity:1;
}
.check-show:nth-of-type(3) {
transform: translateZ(0) scale(1);
opacity:1;
}
.cuts-show {
opacity:1 !important;
filter:blur(0);
transform:translateX(0)!important;
}
.cuts-hidden:nth-of-type(1) {
opacity:0;
transition: all 1200ms cubic-bezier(0.555, 0.02, 0, 1);
transform:translateX(-100%);
}
.cuts-hidden:nth-of-type(2) {
opacity:0;
transition: all 1200ms cubic-bezier(0.555, 0.02, 0, 1);
transform:translateX(100%);
}
/* Home Buttons */
.button-tan {
background-color: var(--tan-color);
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: var(--white);
transition: 0.3s;
}
.button-tan:hover {
background-color: var(--white);
color: var(--tan-color);
transition: 0.3s;
text-decoration: none;
}
.button-red {
background-color: var(--red-color);
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: var(--white);
transition: 0.3s;
}
.button-red:hover {
background-color: var(--white);
color: var(--red-color);
transition: 0.3s;
text-decoration: none;
border: 1px solid var(--red-color);
}
/* Home Hero */
#home__hero {
min-height: 80vh;
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: space-between;
}
#home__hero.home-hero-mobile {
display: none;
}
#home__hero.hero-vid {
background-color: rgba(0, 0, 0, .4);
background-blend-mode: multiply;
color: white;
min-height: 70vh;
display: flex;
flex-direction: row;
align-items: center;
max-height: 600px;
overflow: hidden;
position: relative;
background-image: url('../images/home/2024/summer-grilling-24.jpg');
background-position: center;
background-size: cover;
}
#home__hero.hero-vid .hero-inner {
padding: 4rem 0;
position: absolute;
top: 40%;
left: 10%;
}
#home__hero.hero-vid h1 {
font-size: 4rem;
line-height: 4rem;
color: #fff;
font-weight: 600;
}
#home__hero .inner-wrap {
padding: 4rem 6rem;
flex-grow: 1;
flex-shrink: 0;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
position:relative;
}
@media all and (max-width:768px) {
#home__hero {
min-height: auto;
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: space-between;
background-image: url('../images/home/2023/refresh/strip-roast.jpg');
background-position: center;
background-size: cover;
}
#home__hero.home-hero-mobile {
display: flex;
}
#home__hero__vid.hero-vid {
display: none;
}
#home__hero .inner-wrap {
padding: 6.5rem 1rem 2rem 1rem;
flex-grow: 1;
flex-shrink: 0;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
}
#home__hero.hero-vid h1 {
font-size: 3rem;
line-height: 3rem;
color: #fff;
font-weight: 600;
}
}
#home__hero .inner-wrap h1, #home__hero h1 {
font-size: 4rem;
line-height: 4rem;
color: #fff;
font-weight: 600;
}
#home__hero .inner-wrap h2, #home__hero h2 {
font-size: 1.8rem;
line-height: 1.8rem;
color: #fff;
max-width:60%;
}
#home__hero .inner-wrap:after {
content:'';
background:rgba(0,0,0,0.3);
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
@media all and (max-width:1024px) {
#home__hero .inner-wrap h1 {
font-size: 3rem;
line-height: 3rem;
color: #fff;
font-weight: 600;
}
#home__hero .inner-wrap h2 {
font-size: 2.5rem;
line-height: 2.5rem;
color: #fff;
}
}
@media all and (max-width:768px) {
#home__hero .inner-wrap h1 {
font-size: 2.5rem;
line-height: 2.5rem;
color: #fff;
font-weight: 600;
}
#home__hero .inner-wrap h2 {
font-size: 1.8rem;
line-height: 1.8rem;
color: #fff;
max-width:100%;
}
}
#home__hero .inner-wrap .hero-button {
display: flex;
margin-top: 1rem;
}
#home__hero .inner-wrap .hero-button a, #home__hero.hero-vid .hero-inner .hero-button a {
background-color: var(--tan-color);
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: var(--white);
border: 2px solid #fff;
transition: 0.3s;
}
#home__hero .inner-wrap .hero-button a:hover, #home__hero.hero-vid .hero-inner .hero-button a:hover {
background-color: var(--white);
color: var(--tan-color);
border: tranparent;
transition: 0.3s;
text-decoration: none;
}
#home__hero.hero-vid .hero-button {
margin-top: 2rem;
}
/* Home Featured Ranchers */
#featured__ranchers {
padding-top: 2rem;
}
#featured__ranchers .ranch-img {
max-width: 100%;
position: relative;
bottom: 0;
}
#featured__ranchers .inner-wrap h2 {
font-size: 3rem;
font-weight: 600;
text-transform: uppercase;
}
#featured__ranchers .inner-wrap h3 {
font-size: 2rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1rem;
color: #fff;
}
#featured__ranchers .inner-wrap p {
font-size: 18px;
line-height: 1.5em;
color: #fff;
}
#featured__ranchers .inner-wrap .button-wrap {
display: flex;
}
@media all and (max-width:768px) {
#featured__ranchers {
padding-top: 2rem;
}
#featured__ranchers .inner-wrap h2 {
font-size: 2.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
#featured__ranchers .inner-wrap h3 {
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1rem;
color: #fff;
}
#featured__ranchers .ranch-img {
max-width: 100%;
position: relative;
bottom: 0;
margin-top: 1rem;
}
}
/* Home How To Videos */
#cooking__videos {
background-color: #fff;
}
#cooking__videos .food-img {
max-width: 100%;
position: relative;
z-index: 2;
margin-top: -20px;
}
#cooking__videos .inner-wrap h2 {
font-size: 3rem;
font-weight: 600;
text-transform: uppercase;
color: #000;
}
#cooking__videos .inner-wrap p {
font-size: 18px;
line-height: 1.5em;
color: #000;
}
#cooking__videos .inner-wrap .button-wrap {
display: flex;
}
@media all and (max-width:768px) {
#cooking__videos {
padding-top: 2rem;
}
#cooking__videos .inner-wrap h2 {
font-size: 2.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
#cooking__videos .inner-wrap h3 {
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1rem;
color: #fff;
}
#cooking__videos .food-img {
max-width: 100%;
position: relative;
bottom: 0;
margin-top: 1rem;
}
#cooking__videos .food-img {
max-width: 100%;
position: relative;
z-index: 2;
margin-top: 1.5rem;
}
}
/* Home Beef Cuts */
#beef__cuts {
padding:2rem 0;
}
#beef__cuts .inner-wrap h2 {
font-size: 3rem;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
#beef__cuts .cut-image {
max-width: 100%;
position: relative;
bottom: -45px;
z-index: 2;
}
#beef__cuts p {
font-size: 18px;
line-height: 1.5em;
color: #fff;
}
@media all and (max-width:768px) {
#beef__cuts .container-fluid {
padding-left:15px !important;
padding-right:15px !important;
}
#beef__cuts .inner-wrap h2 {
font-size: 2.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
#beef__cuts .food-img {
max-width: 100%;
position: relative;
bottom: 0;
margin-top: 1rem;
}
}
/* Home Sustainability */
#home__sustainability {
padding:3rem 0;
background-color:#fff;
}
#home__sustainability .icons {
display:flex;
justify-content:center;
}
#home__sustainability .icons img {
margin-right:10px;
}
#home__sustainability .content-wrap h2 {
font-size: 3rem;
font-weight: 600;
text-transform: uppercase;
color: #000;
text-align:center;
}
#home__sustainability .button-red {
border:1px solid transparent;
}
#home__sustainability .button-red:hover {
border:1px solid var(--red-color);
}
@media all and (max-width:992px){
#home__sustainability .content-wrap h2 {
font-size: 2.5rem;
font-weight: 600;
text-transform: uppercase;
color: #000;
text-align:center;
}
}
#home__sustainability .content-wrap p {
font-size: 18px;
line-height: 1.5em;
color: #000;
text-align:center;
}
#home__sustainability .button-wrap {
display:flex;
justify-content:center;
}
@media all and (max-width:992px){
#home__sustainability .button-wrap {
margin-bottom:15px;
}
}
/* Best Beef Section */
#home__best__beef {
padding:2rem 0;
background-color:#fff;
}
#home__best__beef .check-icon {
width: 30px;
display: inline-block;
vertical-align: top;
margin:5px auto;
}
#home__best__beef .card-body a {
display:block;
margin:0 auto;
width:220px;
text-align:center;
}
#home__best__beef .card-title {
font-size:1.8rem;
color:var(--tan-color);
display:inline-block;
font-weight:600;
text-align:center;
}
#home__best__beef .card-body {
background-color:#000 !important;
border:none !important;
text-align:center;
}
#home__best__beef h2 {
font-size: 3rem;
margin-bottom:1rem;
font-weight: 600;
text-transform: uppercase;
color: #000;
text-align:center;
}
@media all and (max-width:992px){
#home__best__beef .col-lg-4 {
margin-bottom:2rem;
}
}
/* Home Brand Store CTA */
#brand_store_home {
padding-top:3rem;
}
#brand_store_home .inner-wrap h2 {
font-size: 3rem;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
#brand_store_home.cut-image {
max-width: 100%;
position: relative;
bottom: -45px;
z-index: 2;
}
#brand_store_home p {
font-size: 18px;
line-height: 1.5em;
color: #fff;
}
@media all and (max-width:768px) {
#brand_store_home .inner-wrap h2 {
font-size: 2.5rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
#brand_store_home .food-img {
max-width: 100%;
position: relative;
bottom: 0;
margin-top: 1rem;
}
#brand_store_home img {
max-width: 100%;
width: 280px;
display: block;
margin-left: auto;
margin-top: 25px;
margin-right: auto;
}
}
/* Home Steakholder Rewards */
#home_rewards {
padding:2rem 0;
background: linear-gradient(87deg, rgba(0,0,0,1) 0%, rgba(148,15,48,1) 19%, rgba(148,15,48,1) 73%, rgba(0,0,0,1) 100%);
}
#home_rewards h2 {
font-size:1.5rem;
line-height:1.6rem;
margin-bottom:1rem;
}
#home_rewards a {
background-color: #FFC410;
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: #000;
transition: 0.3s;
text-decoration:none;
}
#home_rewards a:hover {
background-color:#000;
color:#FFC410;
transition:0.3s;
}
@media all and (max-width:992px){
#home_rewards h2 {
text-align:center;
}
#home_rewards .button-col {
margin-top:2rem;
}
#home_rewards .button-col a {
margin:0 auto;
display: block;
text-align: center;
width: 200px;
}
#home_rewards img {
width:250px;
display:block;
margin:0 auto;
}
}
/* Home Roasting */
#home_roasting {
background-color:var(--tan-color);
padding: 1rem 0;
}
@media all and (max-width:992px){
#home_roasting {
background-color:var(--tan-color);
padding: 2rem 0;
}
}
#home_roasting h2 {
color:#fff;
font-size:3rem;
margin-bottom:1rem;
}
#home_roasting .button-black {
background-color:#000;
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: var(--white);
transition: 0.3s;
}
#home_roasting .button-black {
background-color:#000;
padding: 10px 40px;
border-radius: 10px;
font-size: 18px;
color: var(--white);
transition: 0.3s;
}
#home_roasting .roast-image {
margin-left:auto;
display:block;
}
/* Raised with Respect */
#raised_with_respect section {
padding:60px 0;
}
#raised_with_respect section p {
font-size:21px;
line-height:1.5em;
}
#rwr_header {
padding:5rem 0;
position:relative;
background-image: url('../brand/images/rwr/raised-with-respect-cattle.jpg');
background-size:cover;
background-position:bottom;
}
#rwr_header:after {
content:'';
background-color:rgba(0, 0, 0, 0.3);
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
#rwr_header .content-wrap {
display:flex;
flex-direction:column;
align-items:center;
flex-wrap:wrap;
z-index:2;
position:relative;
}
#rwr_header .content-wrap .sysco-logo {
width:350px;
margin:25px auto;
}
#rwr_header .content-wrap p {
font-size: 24px !important;
color: #fff;
line-height: 1.5em;
text-align: center;
margin-top: 1rem;
max-width: 60%;
}
#rwr_header .content-wrap img {
width:650px;
}
@media all and (max-width:1300px){
#rwr_header .content-wrap img {
width:500px;
}
#rwr_header .content-wrap .sysco-logo {
width:300px;
}
}
#rwr_header .button-wrap {
display:flex;
justify-content:center;
margin-top:20px;
}
@media all and (max-width:992px){
#rwr_header .content-wrap img {
width:100%;
}
#rwr_header .content-wrap p {
font-size: 18px !important;
color: #fff;
line-height: 1.5em;
text-align: center;
margin-top: 1rem;
max-width: 100%;
}
#rwr_header .content-wrap .sysco-logo {
width:90%;
margin:20px auto;
}
#raised_with_respect section {
padding:20px 0;
}
#rwr_header {
background-position:left;
}
}
#raised_with_respect .page_intro {
padding-top:0 !important;
padding-bottom:50px !important;
}
#raised_with_respect .video-section {
padding-top:50px;
padding-bottom:50px;
background-color:var(--dark);
}
#raised_with_respect .page_intro .video-wrap {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
#raised_with_respect .page_intro .video-wrap iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
#raised_with_respect .video-section .inner-wrap {
background-color: #fff;
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
padding: 0 30px;
background:#000;
font-size:21px;
line-height:1.5em;
}
#raised_with_respect .page_intro .inner-wrap {
background-color: #fff;
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
padding: 0 30px;
background:#000;
font-size:21px;
line-height:1.5em;
}
#raised_with_respect .video-section h2 {
color:#e8e0cd;
text-align:center;
margin-top:2rem;
}
#raised_with_respect .video-section p {
color:#fff;
text-align:center;
}
@media all and (max-width:992px) {
#raised_with_respect .page_intro .inner-wrap {
padding:15px;
margin-top:1rem;
}
#raised_with_respect .page_intro .inner-wrap h2 {
color:#e8e0cd;
font-size:1.8rem;
}
}
#raised_with_respect .quote-section {
padding-top:40px;
color:#000;
}
#raised_with_respect .quote-section q {
color:#000;
}
#raised_with_respect .quote-section img {
max-width:100%;
}
#raised_with_respect #rwr_sysco img {
width:400px;
display:block;
margin:0 auto;
}
#raised_with_respect #rwr_sysco .sysco-button {
background:#e8e0cd;
padding: 15px;
display: block;
width: 250px;
text-align: center;
margin: 15px auto;
color: #000;
font-size: 18px;
font-weight:600;
border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
text-decoration:none;
transition:0.3s;
}
#raised_with_respect #rwr_sysco .sysco-button:hover {
color:#e8e0cd;
background:#000;
}
@media all and (max-width:992px){
#raised_with_respect #rwr_sysco img {
width:100%;
display:block;
margin:0 auto;
}
#raised_with_respect #rwr_sysco .sysco-button {
padding: 15px;
display: block;
text-align: center;
margin: 15px auto;
font-size: 18px;
font-weight:600;
}
}
#rwr_bqa {
position:relative;
}
#rwr_bqa:after {
content:'';
background-image: url('../brand/images/rwr/ranchers-raised-with-respect.png');
background-size:cover;
background-position:top;
background-repeat:no-repeat;
width:100%;
height:450px;
position:absolute;
bottom:0;
}
#rwr_bqa .progress {
width:100%;
margin-top:20px;
margin-bottom:450px;
height:2rem;
border-radius:0.5rem;
background-color: #cacbcd;
color:#5b5b5b;
position:relative;
}
#rwr_bqa .progress .final-number {
color:#5b5b5b;
font-size:20px;
position:absolute;
right: 8px;
top: 2px;
font-weight: 600;
}
#rwr_bqa .progress-bar {
background-color: #F1B600;
color: #000;
font-size: 21px;
font-weight:600;
-webkit-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
}
@media all and (max-width:992px){
#rwr_bqa:after {
content:'';
background-image: none;
}
#rwr_bqa .progress {
margin-bottom:10px;
}
}
#rwr_bqa .bqa-info {
list-style-type:none;
padding-left:10px;
}
#rwr_bqa .bqa-info li {
margin-bottom:25px;
font-size:21px;
}
#rwr_bqa .bqa-info li img {
width:50px;
height:50px;
margin-right:10px;
}
@media all and (max-width:992px){
#rwr_bqa .accordion {
padding-bottom:0;
}
#rwr_bqa .bqa-info li img {
width:30px;
height:30px;
margin-right:10px;
}
}
#rwr_bqa .accordion .card-header {
background:#e8e0cd;
font-size:24px;
color:#000;
}
#rwr_bqa .accordion .card button {
border:none;
background:transparent;
width:100%;
text-align:left;
display: flex;
align-items: flex-end;
justify-content: space-between;
color:#000;
}
#rwr_bqa .accordion .card button:focus {
outline:none;
}
@media all and (max-width:1024px){
#rwr_bqa .accordion .card button {
font-size:24px;
}
}
#rwr_bqa .accordion .card .accordion-body {
padding:15px;
}
#rwr_commitment {
padding-top:50px !important;
padding-bottom:0 !important;
}
#rwr_commitment .button-wrap {
display:flex;
flex-wrap:wrap;
}
#rwr_commitment a {
background:#e8e0cd;
padding: 15px;
display: block;
text-align: center;
margin: 15px 0;
color: #000;
border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
font-size: 18px;
font-weight:600;
transition:0.3s;
text-decoration:none;
margin-right:15px;
}
#rwr_commitment a:hover {
background:#000;
color:#e8e0cd;
transition:0.3s;
}
#rwr_commitment .outer-wrap {
width: 100%;
padding: 20px 0;
background: #e8e0cd;
margin-top: 50px;
}
#rwr_commitment .outer-wrap p {
color:#000;
font-size:21px;
line-height:1.5em;
text-align:center;
}