/* Zaro padding on html body*/

html, body {
  /* margin: 0;
  padding: 0; */
  font-family: 'Times New Roman', Times, serif;
  font-size: 12px;
  /* --nav-width: 200px;
  margin: 0 0 0 var(--nav-width); */
}

/* GENERAL IMAGE FORMATTING */



img {
  position: relative;

  width: 100%;
  padding-right: 50px;

  height: auto;
  vertical-align: bottom;
}

.video {
  position: relative;
  width: 100%;

  padding-right: 50px;

  height: auto;
  vertical-align: bottom;
}

  /* paragraph and general look of text */
p {
  margin: 0em;
  /* font-family: 'Times New Roman', Times, serif; */
} 


  /* PLAYING WITH LISTS */
  
  .menu_in {
    font-size: 13px;
  }

  .menu_in ul, .menu_in li {
    margin: 0; padding: 0;
  }

  #footer {
    text-align: left;
    position: fixed;
    bottom: 0;
    width: 100%; 
}

  /* MUSIC PLAYER */

  .wp-block-embed-spotify {
    max-height: 200px;
    overflow: auto;
  }



  div.scrollmenu {
    background-color: white;
    overflow: auto;
    white-space: nowrap;
    position: sticky;
  }
  
  div.scrollmenu p {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 8px;
    text-decoration: none;
  }
  
  div.scrollmenu p:hover {
    background-color: #777;
  }



  .carousel {
    width: 100%;
    height: 750px;
    overflow: hidden;
  }

  .carousel-item img{
    height: 750px;
    width: 100%;
    object-fit: contain;
    margin: auto;
}


  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: black;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid black;
    background-image: none;
  }