/*
Theme Name: RezeptDB01
Author: Sven Fiedler (kontakt@wohnraumprodukt.de)
Author URI: wohnraumprodukt.de
Text Domain: rezepteDB-01
*/
/*General Stuff*/
.redb_js__showimg {
    cursor:pointer;
}

/* FONTS */
@font-face {
    font-family: Roboto;
    src: url("fonts/roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: Roboto;
    font-weight: bold;
    src: url("fonts/roboto/Roboto-Bold.ttf");
}
@font-face {
    font-family: Oswald;
    font-weight: regular;
    src: url("fonts/oswald/Oswald-Regular.ttf");
}
@font-face {
    font-family: Oswald;
    font-weight: bold;
    src: url("fonts/oswald/Oswald-Bold.ttf");
}

body {
    font-family: Helvetica, sans-serif;
    color:#252525;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Oswald, Helvetica, sans-serif;
    letter-spacing: 0.03em;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    font-weight: bold;
}

h1 {
    font-size: 2.3rem;
}

h2 {
    font-size: 1.8rem;
}

h3 {
  font-size: 1.2rem;
  margin-top: 2rem;
}

b, strong {
    font-family:Helvetica, sans-serif;
    font-weight:bold;
}



a {
    color: #028090;
    text-decoration: underline;
}

h3 a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

a:hover {
    color:#114B5F;
}

hr {
    border-top: 2px dotted #F71735;
}

/*Layout*/
.container {
    max-width: 800px;
}

.redb_col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.redb_col3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

@media screen and (min-width:800px) {
  .redb_md_col3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/*Index Page*/
.index_recipe_card {
  border: 1px solid lightgrey;
}

.index_recipe_card img {
  max-width: 100%;
}

/*Single Recipe*/
.redb_recipe__h1 {
    margin-bottom:0.5rem;
}
.redb_recipe__h1hr {
    border-top: 4px dotted #F71735;
}

.redb_recipe__h2 {
    text-decoration: underline;
}

.redb_recipe__featimg_container {
    text-align: center;
}

#redb_recipe__feat-img {
    margin-bottom: .5rem;
    width: 100%;
}

.redb_recipe__multiplier {
    margin-bottom: 1rem;
}

.redb_recipe__multiplier .fa-minus {
    margin-left: 1rem;
}

#redb_js__original_amount {
    display: none;
}

#redb_js__amount_multiplier {
    width: 58px;
    display: inline;
    margin: 0 10px 0 10px;
}

/*Hide "SPINNERS"*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.redb_recipe__steps {
    counter-reset: recipe-steps-counter;
    padding-left: 0;
}

.redb_recipe__steps li {
    margin-bottom: 10px;
    max-width:500px;
    list-style-type: none;
}

.redb_recipe__steps li:before {
    content: counter(recipe-steps-counter) ".";
    counter-increment: recipe-steps-counter;
    font-weight: bold;
    margin-right:10px;
    font-size: 1.5em;
}

.redb_recipe__steps li hr {
    border-top: 2px dotted #F71735;
}

/*SHOPPING LIST*/
.redb_shoplst_table td {
    /*border: 1px solid lightgrey;*/
}
.redb_shoplst_table__amount {
    width:43%;
    text-align: left;
}
.redb_js__ingredient_amount {
    display: none;
}
/*.redb_shoplst_table__unit {
    width:30%;
}*/

/*RECIPE ARCHIVES*/
.redb_archive__recipecat_btn {
    background-color: #99c9c9;
    margin-bottom:5px;
    color:#252525;
}

/*Customize ACF FORMS*/
.acf-repeater .acf-row:nth-child(odd) > td:first-child, .acf-repeater .acf-row:nth-child(odd) > td:last-child {
    background: lightgrey;
}

.acf-repeater .acf-row {
    border-bottom: 3px solid darkgrey;
}

.acf-repeater .acf-row-handle.order span {
    color: white;
    padding:10px 15px;
    border-radius: 20px;
    background: #4e4e4e;
    text-shadow:none;
}

.acf-button {
    background: midnightblue;
    color:white;
    padding: 5px 10px 7px;
    border-radius: 7px;
}

.acf-button:hover {
    background: lightgrey;
    text-decoration: none;
}