/* CSS Document */

html {
    font-size: 100%;
    background:#bc955c;
}


* { margin:0; padding:0; }

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size:16px;
    font-family: 'Gantari', sans-serif;


    }  


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
h1 {
    font-size: 3em; /* 48 */
    line-height: 1; /* 48 / 48 */
    margin-bottom: .5em; /* 24 / 48 */
}
h2 {
    font-size: 2.35em;
    line-height: 1em; /* 48 / 36 */
    margin-bottom: 0.666666666em; /* 24 / 36 */
    color:#ffffff;
    font-weight:300;
}
h3 {
    font-size: 1.35em; /* 24 */
    line-height: 1; /* 24 / 24 */
    margin-bottom: 7px;
    color:#bb955c;
}
h4 {
    font-size: 1.3125em; /* 21 */
    line-height: 1.142857142; /* 24 / 21 */
    margin-bottom: 1.142857142em; /* 24 / 21 */
}
h5 {
    font-size: 1.125em; /* 18 */
    line-height: 1.333333333; /* 24 / 18 */
    margin-bottom: 1.333333333em; /* 24 / 18 */
}
h6 {
    font-size: 1em; /* 16 */
    line-height: 1.5; /* 24 / 16 */
    margin-bottom: 1.5em; /* 24 / 16 */
}
p {
    font-size: 1em; /* 16 */
    margin: 0 0 1.5em; /* 24 / 16 */
    line-height: 1.5; /* 24 / 16 */
}
a:link,
a:visited {
    color: #333333;
    padding-bottom: 1px;
    text-decoration: none;
    -webkit-transition: .25s;
       -moz-transition: .25s;
        -ms-transition: .25s;
         -o-transition: .25s;
            transition: .25s;
}
a:hover,
a:focus {
    color: #000000;
}


ul, ol{ color:#ffffff; font-size:1em; 

  padding-left: 1.5em;}

li{ margin-bottom:1em; }


i{color:#bb955c;}

/* 
=========================================================================

Responsive Needs 

=========================================================================
*/

img{
    max-width:100%;
    height:auto;

}


.slicknav_menu {display:none;}
.mobile-logo{ display:none;}







/* 
=========================================================================



=========================================================================
*/




body{ background:url(../images/slate-bg.webp), #000000; background-repeat:no-repeat; background-size:cover; background-position-y: 30% center;}

.header{ background: rgba(0, 0, 0, 0.8); padding:30px 0; margin-bottom:30px;}
.header-title{ 
    font-size: 2.25em;
color: #bc955c;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
font-weight: 300;
  }

.recipe-card{ padding-bottom:5%; }

.video-frame video{width:85%}

.video-btn{ padding:15px 20px; background:#ffffff; border-radius:10px; margin-bottom:30px; }

.video-btn .fa-regular{ 
    font-family:'Font Awesome 6 Free', sans-serif; font-weight:900;
  font-size: 40px;
  display: inline-block;
   }

.video-btn p{ line-height: 30px;
    float: left;
    margin: 0; }

.video-btn svg{ 
    display: block;
float: left;
font-size: 27px;
padding-right: 10px;
color: #bb955c;
font-weight:900;
}

.vimeo-desktop{ margin-bottom:50px; }


.footer{
    background:#bc955c;
    -webkit-box-shadow: inset 0px 108px 46px -83px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 108px 46px -83px rgba(0,0,0,0.75);
box-shadow: inset 0px 108px 46px -83px rgba(0,0,0,0.75);
min-height:120px
;
}



/* 
=========================================================================
Media Queries
=========================================================================
*/


@media (max-width: 960px){

.header-title{
position: relative;
padding-top: 10px;
transform: none;
top: auto;
right: auto;
}




}
/*-------------1024-------------*/




@media (max-width: 860px){

   


}/*-------------860-------------*/



@media (max-width: 640px){

 


}
/*-------------640-------------*/




@media (max-width: 480px){




}
/*-------------480-------------*/