/******************************
 * FONTS
 *****************************/
@font-face {
  font-family: 'New Century Schoolbook';
  src:  url('../fonts/NewCenturySchoolbook.woff2?v=1.0.0') format('woff2'),
        url('../fonts/NewCenturySchoolbook.woff?v=1.0.0') format('woff');
  font-weight: normal;
  font-style: normal;
}


/******************************
 * RESET
 *****************************/
html,
body {
  color: #010102;
  font-family: 'Arial';
  font-size: 18px;
  line-height: 1.5;
}

body {
  background-image: url('../img/bg.jpg?v=1.0.0');
  background-position: top center;
  background-repeat: no-repeat;
}

:root {
  --plyr-color-main: #1a5632;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

a,
a:hover,
a:active,
a:focus,
a:link {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'New Century Schoolbook';
}

img {
  max-width: 100%;
}


/******************************
 * THEMING
 *****************************/
.text-primary {
  color: #1a5632 !important;
}

.bg-primary {
  background-color: #1a5632 !important;
}

.border-primary {
  border-color: #1a5632 !important;
}


/******************************
 * HEADER
 *****************************/
#header {
  margin-bottom: 30px;
  margin-top: 150px;
}

#header h1 {
  font-size: 4rem;
  line-height: 1.3;
  text-transform: uppercase;
}

@media (max-width: 575.98px) {
  #header h1 {
    font-size: 3rem;
  }
}


/******************************
 * RECIPES
 *****************************/
#recipes {}
#recipes .holder {
  background-color: #fff;
  box-shadow: 0 0 10px 5px #cdd6b7;
}

#recipes .holder .recipe {}

.recipe h3 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
}

.recipe p {}

.recipe a {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  text-transform: uppercase;
}

.recipe a:hover {
  background-color: #799d4b;
  border-color: #799d4b !important;
  color: #fff;
}


/******************************
 * RECIPE SINGLE
 *****************************/
#recipe-single {}

#recipe-single .holder {
  background-color: #fff;
  box-shadow: 0 0 10px 5px #cdd6b7;
  margin-bottom: -6rem;
}

#recipe-single .holder .lamb-chops h4 {
  font-weight: 300;
  text-transform: uppercase;
}

#recipe-single .content {}
#recipe-single .content ul {
  list-style: none;
}

@media (max-width: 1199.98px) {
  #recipe-single .content ul li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (max-width: 767.98px) {
  #recipe-single .content ul li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
}

#recipe-single .content h2, #recipe-single .content h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
}

#recipe-single .content h3 {
  font-size: 2rem;
}

#recipe-single .content .share {}
#recipe-single .content .share span {
  font-size: 1.5rem;
  font-weight: 600;
}

#recipe-single .recipe {
  border-top: 1px solid #799d4b;
}

#recipe-single .recipe h3 {
  font-size: 1.3rem;
}


/******************************
 * HISTORY
 *****************************/
#history {
  text-align: center;
}


/******************************
 * BOXES
 *****************************/
#boxes {}
#boxes img {
  width: 100%;
}


/******************************
 * FOOTER
 *****************************/
#footer {
  color: #fff;
  text-align: left;
}

@media (max-width: 991.98px) {
  #footer {
    text-align: center;
  }
}

#footer .social {
  text-align: right;
}

#footer .social a {
  color: #fff;
}

#footer .available-at img {
  margin-top: -10px;
  max-width: 250px;
}