/* @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,400italic,700italic,900|Marcellus:300,400,600,700&subset=latin-ext'); */
 
      body {
        font-family: 'Lato',sans-serif;
        color: #32323a;
        font-weight: 300;
      }
      section{       
        background-color: #ffffff;
      }
      aside{       
        background-color: #ffffff;
      }
      h1, h2, h3, h4, h5, h6 {
        font-family: 'Marcellus',serif;
        
      }
      header{
        color: #18181e;
      }
      .header-bar {
          background-color: #d35852;
      }
      .bottom-bar {
          background-color: #2d4540;
      }
      .sidenav, .sidebar-container {
          background-color: #466c62;
      }
      .sidenav , .sidenav a,  .sidenav p, .sidebar-container, .sidebar-container a, .sidebar-container p{
          color: #fff;
      }
      nav ul li, nav{
          background-color: #2d4540; 
      }
      .chevron-right span, .chevron-left span {
       border-color:#fff;
      }
                   .site-title a,
            .site-description {
                color: #ffffff;
            }
            .menuburger-inner span{
                background:  #ffffff;
            }
            @supports( mix-blend-mode: multiply ) {
            body.custom-background > div#page {
                position: relative;
                z-index: 1;
            }
            body.custom-background > div#page-top{
            position: relative;
            z-index: 2;
        }  
            body.custom-background::before {
                    background: #d35852;
                    opacity: .6;
                   /* mix-blend-mode: multiply; */

                    content: '';
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: fixed;
                    top: 0;
                    left: 0;
                    z-index: 0;
                }
            }

            .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body
            {
            background: #f7f7f7 !important;
            border-radius: 0px;
            }
                        .mejs-container * {
            color: #2b2b2b;
            }
            .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
            background: rgba(156, 156, 156, 0.56);
            }
            .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
            box-shadow: 0px 1px 7px rgba(154, 154, 154, 0.22);
            }
            .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
            background: #01a4a5;
            }
            .current-progress{
                background-color: #68a295;
            }