/*
Theme Name: eis-child
Theme URI: https://almamiapopsandgelato.com
Version: 1.0
Description: Theme Ice Cream
Author: Morox
Author URI: 
Template: eis
*/
 
/* Custom CSS */

@font-face {
    font-family: 'norquayregular';
    src: url('fonts/norquay_regular_400-webfont.woff2') format('woff2'),
         url('fonts/norquay_regular_400-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'averia_librebold';
    src: url('fonts/averialibre-bold-webfont.woff2') format('woff2'),
         url('fonts/averialibre-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averia_librebold_italic';
    src: url('fonts/averialibre-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/averialibre-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averia_libreitalic';
    src: url('fonts/averialibre-italic-webfont.woff2') format('woff2'),
         url('fonts/averialibre-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averia_librelight';
    src: url('fonts/averialibre-light-webfont.woff2') format('woff2'),
         url('fonts/averialibre-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averia_librelight_italic';
    src: url('fonts/averialibre-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/averialibre-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averia_libreregular';
    src: url('fonts/averialibre-regular-webfont.woff2') format('woff2'),
         url('fonts/averialibre-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.slider {
  width: 100%;
  max-width: 100%;
  height: 800px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  transition: 0.5s;
}

.slide img,
.video-slide {
  width: 100%;
  display: block;
}

.prev,
.next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
  transform: translateY(-50%);
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}