@font-face {
    font-family: '******';
    src: url('assets/fonts/******/******.eot');
    src: local('******'), url('../assets/fonts/******/******-Medium.woff') format('woff'), url('../assets/fonts/******/******-Medium.ttf') format('truetype'), url('../assets/fonts/******/******-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '******';
    src: url('assets/fonts/******/******.eot');
    src: local('******'), url('../assets/******/fonts/******.woff') format('woff'), url('../assets/fonts/******/******.ttf') format('truetype'), url('../assets/fonts/******/******.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*PALLETE
#1b181f dark blue
#536690 Light blue
#770b1a Red
#ffa500 yellow
*/


/* GENERAL */

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

html,
body {
    background-color: #******;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /*overflow-y: hidden;*/
    width: 100vw;
}




h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-family: ;
    font-weight: ;
}

.row {
    height: auto;
    margin: 0;
    padding: 0;
}

.container-fluid {
    width: 100vw;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}


.footer-logo{

  height: 100px;
  margin: 0 auto;
}

/* HELPERS */

.m-0 {
    margin: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.m-20 {
    margin: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.m-40 {
    margin: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.pt-10 {
    padding-top: 10px;
}

.bkg-darkblue {
    background-color: #1b181f;
}

.bkg-lightblue {
    background-color: #536690;
}

.bkg-red {
    background-color: #770b1a;
}

.bkg-yellow {
    background-color: #ffa500;
}

.bkg-black{
    background-color: #000;
}

.bkg-white {
    background-color: #fff;
}

.text-darkblue {
    color: #1b181f;
}

.text-lightblue {
    color: #536690;
}

.text-red {
    color: #770b1a;
}

.text-yellow {
    color: #ffa500;
}

.text-black{
    color: #000;
}

.text-white {
    color: #fff;
}

.bolder {
    font-weight: 700;
}

.fake-hr {
    border-bottom: 2px solid rgba(224, 224, 224, 1);
}


/* BUTTONS */

.btn-theme-1 {
    background-color: #770b1a;
    border: #770b1a;
    color: #fff;
}

.btn-theme-1:hover,
.btn-theme-1:focus {
    background-color: ******;
    border: ******;
    color: ******;
    font-weight: ******;
}

.btn-theme-2 {
    background-color: ******;
    border: ******;
    color: ******;
}

.btn-theme-2:hover,
.btn-theme-2:focus {
    background-color: ******;
    border: ******;
    color: ******;
    font-weight: ******;
}

.btn-theme-3 {
    background-color: ******;
    border: ******;
    color: ******;
}

.btn-theme-3:hover,
.btn-theme-3:focus {
    background-color: ******;
    border: ******;
    color: ******;
    font-weight: ******;
}


/* MODALS */

.modal {
    width: 80vw;
    margin: auto;
    padding: 5vh auto auto auto;
    padding-bottom: 20px;
}

.modal-overlay {
    background-color: #******;
}

.modal-close {
    background-color: #******;
    color: #******;
    margin-right: 20px;
    margin-bottom: 20px;
}

.modal-close:hover {
    background-color: #******;
    color: #******;
    margin-right: 20px;
    margin-bottom: 20px;
}


/*INPUTS*/

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #******;
    -webkit-box-shadow: 0 1px 0 0 #******;
    box-shadow: 0 1px 0 0 #******;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #******;
}

input[type=file] {
    width: 250px;
    background-color: #******;
    padding: 5px;
    border-radius: 2px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
}

.input-field label {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    text-align: initial;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    pointer-events: none;
}

.input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-36px) scale(0.8);
    transform: translateY(-36px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

[type="checkbox"]:checked {
    color: #******;
    border-right: 2px solid #******;
    border-bottom: 2px solid #******;
}

[type="checkbox"]:checked+i {
    color: #******;
}

.select-wrapper input.select-dropdown {
    background-color: #******;
    color: #******;
    font-weight: bolder;
    padding-left: 1rem;
}

.select-dropdown:active {
    background-color: #******;
    color: #******;
    font-weight: bolder;
    padding-left: 1rem;
}

#splash {
    width: 40vw;
    height: auto;
    padding-top: 20vh;
    margin-left: 20vw;
}

nav i {
    font-size: 48px;
}

.nav-logo img {
    height: 50px;
    padding: 5px;
}

.side-nav li a {
    color: #******;
}

.side-nav li>a>i,
.side-nav li>a>[class^='mdi-'],
.side-nav li>a li>a>[class*='mdi-'] {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: #******;
}

.side-nav li:hover {
    background-color: #******;
    color: #******;
}


/*INDEX*/


/*GENRES*/
.genre{
  display: inline-flex;
  /*float: left;*/
  margin: 10px 20px;
}


/*MOVIES BY GENRE*/



/*MOVIE*/



/*SOUNDTRACK LIST*/


/*MEDIA QUERIES*/


/*USER PROFILE*/


/*LOGOUT*/
#logout-logo{
  width: 80vw;
  margin: 40px auto 20px auto;
}


/*@media only screen and (min-width:480px)*/


/*@media only screen and (min-width:601px)*/


/*@media only screen and (min-width:920px)*/


/*@media only screen and (min-width:1200px)*/