*, html {
  scroll-behavior: smooth;
   -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/*        ANIMATION         */

.fade-in-4{
    animation:fadeIn .4s}

@keyframes fadeIn{
    0% {
        opacity:0;
        transform: translateY(50vh);
    }
    100% {opacity:1;
    transform: translateY(0);}
}

body{background-color: white;}
/*body.page{margin-bottom: 0;}*/

body.single-dafa_object,
body.page-id-1128,
body.page-id-1169,
body.page-id-1443,
body.page-id-1837,
body.page-id-2128{
    margin-bottom: 0;
    background-color: black;
}


div.logo{
    mix-blend-mode:exclusion;
    opacity: 1;
    transform: translateY(0);
    transition: .5s;
}
div.logo.scroll-down{
    mix-blend-mode:normal;
    opacity:0;
    transform: translateY(-200px)!important;
}
div.logo.scroll-up{
    mix-blend-mode:normal;
    transform: translateY(0);
}
div.logo .header-logo-container{
    transition: .5s;
    transition-delay: .3s;
}

div.logo.scroll-up .header-logo-container{
    background-color:white;
    border-bottom-right-radius: 25px;
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
}
div.logo.scroll-up p{color:black;}
div.logo.scroll-up a{color:black;}

.header-logo-container{padding:25px;}

.header-logo{
    color:white;
    font-family: 'Favorit Medium';
    font-size: 48px;
}

a.header-logo{
    color:white;
    transition: .3s;
    transition-delay: .3s;
}

a.header-logo:visited{color:white;}

a.header-logo:hover{color:grey;}

.header-logo p{margin:0;}

.main-navigation{
    width: 176px;
    padding: 25px;
    border-top-left-radius: 25px;
    height: calc(100% - 25px);
    
    transition: .3s;
}

.header{
    background-color:white;
    width: 176px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: calc(100% - 25px);
    /*mix-blend-mode:soft-light;*/
    
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    
    transition: .3s;
}

.main-navigation.footer{
    width: 100%;
    padding:0;
}

.main-navigation ul a{
    margin:5px 5px;
}

/*.main-navigation .menu-menu-1-container .nav-menu li{
    position: relative;
    padding:10px 15px;
    margin-top: 15px;
    background-color: white;
    border-radius: 25px;
    text-align: center;
    
}*/

.main-navigation.footer ul a{
    color:white;
    margin:0 15px 0 0;
}

.menu-item-16:before{
    content:"Laboratory for Cinematic Autosociobiographies";
    top:32px;
    position:absolute;
    color:darkgrey;
    hyphens: none;
    font-size: 10px;
    margin: 0 0 0 15px;
}

.menu-item-15:before{
    content:"Digital Archive of Cinematic Autosociobiographies";
    position:absolute;
    top:32px;
    color:darkgrey;
    hyphens: none;
    font-size: 10px;
    margin: 0 0 0 15px;
}

.toggle-nav{
    padding:25px;
    width:176px;
    
    visibility: hidden;
}

.toggle-nav button{
    width:100%;
    font-family: 'Favorit Medium';
    
    border-radius: 25px;
    background-color: white;
    border:none;
    box-shadow:0px 0px 15px rgba(0,0,0,0.1);
    
    padding: 10px 15px;
}

.close-overlay{
    padding:25px 0 0 0;
    width:100px;
    right:225px;
    
    cursor: pointer;
}

.close-overlay button{
    width:100%;
    font-family: 'Favorit Medium';
    
    padding:10px 15px;
    
    border-radius: 25px;
    background-color: white;
    border:none;
    box-shadow:0px 0px 15px rgba(0,0,0,0.1);
    
    cursor: pointer;
}

/* Navigation in DAFA-Object starts */

.single-dafa_object,
.page-id-1128,
.page-id-1169,
.page-id-1443,
.page-id-1837,
.page-id-2128{
    
    main{background-color: black;}
    
    .header-logo img{width:275px;}
    
    .main-navigation{
        width: 176px;
        padding: 90px 25px 25px 25px;
        border-top-left-radius: 25px;
        
        right:-176px;
    }
    
    .main-navigation.open{
        right:0px;
    }

    .header{
        background-color:black;
        width: 176px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0;
        height: calc(100% - 25px);
        /*mix-blend-mode:soft-light;*/
        
        box-shadow:-5px -5px 15px rgba(255,255,255,0.1);
        
        right:-176px;
    }
    
    
    .header.open{
        right:0;
    }
    
    .tbc{margin: 0;}

    .main-navigation.footer{
        width: 100%;
        padding:0;
    }

    .main-navigation ul a{
        margin:5px 5px;
    }

    .main-navigation.footer ul a{
        color:white;
        margin:0 15px 0 0;
    }
    
    .toggle-nav{
        padding:25px;
        width:176px;
    
        visibility:visible;
    }

    .toggle-nav button{
        width:100%;
        font-family: 'Favorit Medium';

        border-radius: 25px;
        background-color: black;
        border:none;
        box-shadow:0px 0px 15px rgba(255,255,255,0.5);

        padding: 10px 15px;
    }
    
    .close-overlay{
        padding:45px 0 0 0;
        width:100px;
        left:36px;
    }
    
    .bg-toggle{display: none;}
    
    .site-footer{box-shadow:0px 0px 30px rgba(255,255,255,0.25);}
    
}

/* Navigation in DAFA-object ends*/

#BTT{transition: .2s;}

.page-header{padding:25vh 176px 0px 90px;}

.page-header h1{margin-bottom:0;}
.dafa-header {padding: 25px;}
.object-header{padding:25px 245px 0px 245px;}

.object-header .object{max-height:950px;}


.dafa-crumbs{padding: 90px 0px 0px 25px;}

.copyright{padding: 34px 210px 0px 0px}
.copyright p{
    /*transform: rotate(90deg);*/
    border: 1px solid black;
    border-radius: 25px;
    
    padding: 5px 10px;
    margin:0;
    
    font-size: 12px;
    opacity: .3;
}

.copyright-page{padding: 34px 210px 0px 0px}
.copyright-page p{
    /*transform: rotate(90deg);*/
    border: 1px solid black;
    border-radius: 25px;
    
    padding: 5px 10px;
    margin:0;
    
    font-size: 12px;
    opacity: .3;
}

.cookie{padding: 15px;}

.cookie.show{
    visibility: visible;
}

.cookie.hidden{
    visibility: hidden;
}

.cookie div{
    border-radius: 25px;
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    
    padding:25px;
    
}

.cookie div button{
    cursor: pointer;
    
    background-color: black;
    color:white;
    
    font-family: 'Favorit Medium';
    
    border: 2px solid white;
    border-radius: 25px;
    
    transition: color .2s;
}

.cookie div button:hover{
    
    background-color: white;
    color:black;
    
    font-family: 'Favorit Medium';
    
    border: 2px solid white;
    border-radius: 25px;
}

#fp.main-content{padding:50vh 176px 0px 25px;}

.main-content{
    /*top:calc(50vh);*/
    padding:25px 176px 0 25px;
}

.single-post .main-content{
    /*top:calc(50vh);*/
    padding:25px 176px 25px 25px;
}

.tbc{margin: 15px 0;}

.main-slider{
    min-height:400px;
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
}

.page-module{padding: 32px 64px 64px 64px;}
.page-module.blockquote{padding:64px;}

.feed{transition: .3s}
.feed-element{transition: .5s;}
.feed:hover .feed-element{
    box-shadow:4px 30px 74px -50px rgba(0,0,0,0.5);
    transform: translateY(-15px);
}
.thumbnail{
    border-radius:25px 0 0 0;
    transition: .3s;
}
.feed:hover .thumbnail{
    transform: scale(.75);
    border-radius:0 0 25px 0;
}
.feed-info{transition: .3s;}
.feed:hover .feed-info{
    padding: 0 0 24px 24px;
}

.text-module{padding: 64px 384px 32px 64px;}

.image-module{
    top:0;
    left:0;
    padding: 0px 64px 32px 64px;
}

/* FULL SCREEN MODE */

img, video{transition: .5s;}

.fs-element{
    transition: .3s;
}

.fs-element.full-screen{
    position:fixed;
    top:0;
    left:0;
    padding:32px;
    z-index:99999;
    width:100vw;
    height:100vh;
    background-color: white;
    
    img, video{
        position:relative;
        height: 80vh;
        width:auto;
        transition: .5s;
    }
}

div.toggle-nav{transition: .3s;}

.logo.full-screen{
    transform: translateY(-95px);}
div.header.full-screen{
    transform: translateX(176px);}
nav.main-navigation.top.full-screen{
    transform: translateX(176px);}
div.toggle-nav.full-screen{
    transform: translateX(176px);}

/**********************/


.mosaic-module{padding: 32px 64px 64px 64px;}

.overlay-module{
    padding: 0 208px 32px 32px;
    top: 0;
    right: calc((50vw + 208px)*-1);
    
    height: calc(100% - 25px);
    width: calc(50vw + 208px);
    overflow-y: auto;
    
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    
    transition:.3s;
}

.overlay-module.open{
    /*padding: 0 208px 32px 32px;*/
    top: 0;
    right: 0;
    
    height: calc(100% - 25px);
    overflow-y: auto;
    
    box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
}

.open-overlay img{
    border-radius: 0 0 25px 0;
    transition: .5s;
}

.open-overlay video{
    border-radius: 0 0 25px 0;
    transition: .5s;
}

.open-overlay div{transition: .3s;}
.open-overlay p{transition: .3s;}

.open-overlay:hover div img{
    border-radius: 25px 0 0 0;
    transform: scale(0.98);
}
.open-overlay:hover div video{
    border-radius: 25px 0 0 0;
    transform: scale(0.98);
}
.open-overlay:hover p{color:white;}

.site-footer{
    padding: 64px;
}

.youtube-video{
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* Modules in DAFA-object starts */

.single-dafa_object, 
.page-id-1128,
.page-id-1169,
.page-id-1443,
.page-id-1837,
.page-id-2128{
    .main-content{padding:0px 25px 25px 25px;}
    
    .main-content .main-slider{
    min-height:400px;
    box-shadow: none;
    }
    
    .text-module{padding:32px 220px 32px 220px;}
    
    .image-module{padding: 32px 220px 32px 220px;}
    
    .feed:hover .feed-element{
        box-shadow:0px 0px 30px 3px rgba(255,255,255,0.25);
        transform: translateY(-15px);
        padding: 32px 32px 0 0;
    }
    
}

.mic-icon{
    content:url(../img/mic-icon.png);
    width:100px;
    
}

a.dafa-object{
    h3, p{
    visibility: hidden;
    opacity: 0;
    transform: translateY(-25px);
    transition: .3s;
    }
    
    img{transition: .3s ease-out;}
    
    box-shadow: 0;
    transition:.5s;
}

a.dafa-object:hover{
    h3, p{
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
    transition: opacity .5s, transform .3s;
    }
    
    img{transform: scale(.9);}
    video{transform: scale(.9);}
    
    box-shadow:0px 0px 30px 3px rgba(255,255,255,0.25);
    transform: translateY(-20px);
}

/* Modules in DAFA-objetc ends */

/* GENERAL TYPOGRAPHY */

h1,h2,h3,h4,h5,p,li,button{
    font-family: 'Favorit Medium';
    color:black;
    hyphens:auto;
    -webkit-hyphens:auto;
}

strong{
    hyphens:auto;
    -webkit-hyphens:auto;}

h1{
    font-size:64px;
    line-height:1.15;
    margin: 15px 0 30px 0;
}

h2{
    font-family: 'Favorit Lining Medium';
    font-size: 48px;
    margin: 0 0 0 0;
}

.page-id-110 h2{font-family: 'Favorit Medium';}
footer h2{font-family: 'Favorit Medium';}

.blockquote h2{font-family: 'Favorit Medium';}

h3{
    font-size: 32px;
    margin: 30px 0 15px 0;
    line-height:1.3;
}

h4{
    font-size: 24px;
    margin: 0 0 15px 0;
}

p{
    font-size:18px;
    margin: 15px 0px 0px 0px;
    margin-bottom: 0;
}

blockquote p{
    font-size:20px;
    text-align:end;
    margin:0;
}

div.text-module ol li{font-size: 18px;}
div.text-module ul li{font-size: 18px;}

.favorit{font-family: 'Favorit Medium';}

nav ol li{
    list-style-type: none;
}

.main-navigation ul ul{
    display:block;
    position:relative;
    margin-top:48px;
    left:auto;
    box-shadow: none;
    
    font-size: 10px;
    margin-left: 10px;
}

ul li{list-style-type: none;}
ol li{list-style-position: inside;}

ol{padding:0; margin:0;}

p{margin:15px 0;}

p b{color:darkgray;}
p strong{color:darkgray;}
i{font-family: 'Favorit Medium Italic';}
strong i{font-family: 'Favorit Lining Medium Italic';}

.overlay-module .detail{color:darkgray;}


a{
    font-family: 'Favorit Lining Medium';
    text-decoration: none;
    color: blue;
}

a:visited{color: blue;}
a.white:visited{color: white;}

button{
    background: none;
    border:none;
    color:blue;
}

button:disabled{
    color:lightgray;
}

button.toggle{
    border: 2px blue solid;
    border-radius: 50px;
}

[aria-current]{
    font-family: 'Favorit Medium';
    color:black !important;
}

[aria-current]:before{
    content: '\21b3';
    font-family: 'Favorit Medium';
    display: inline-block;
    margin-left: 0; /* same as padding-left set on li */
    margin-right:0;
    width: 1.2em; /* same as padding-left set on li */
}

/* Typography — DAFA Pages & Objects */

.single-dafa_object,
.page-id-1128,
.page-id-1169,
.page-id-1443,
.page-id-1837,
.page-id-2128{
    h1,h2,h3,h4,h5,p,li,span,button{
        font-family: 'Favorit Medium';
        color:white !important;
    }
    
    a{color:white;}
    
    h2.object-text{
        font-size: 32px;
        line-height:1.25;
    }
    
}

/* GENERAL MEDIA */

.video{
  position: fixed;
  right:0;
  top:0;
  min-width: 100%;
  min-height: 100%;
}

.image{
    position: fixed;
    right:0;
    top:0;
    /*min-width: 100%;*/
    width:100%;
}

/* FORMATTING FOR MODULES */

.text-module ul li:before{
    content: '\21b3';
    font-family: 'Favorit Medium';
    display: inline-block;
    margin-left: 0; /* same as padding-left set on li */
    margin-right:0;
    width: 1.2em; /* same as padding-left set on li */
}

.text-module ul{margin-left:0; padding-left:0;}

blockquote{
    margin: 45px 0 45px 90px;
}

/*blockquote p{
    font-size: 24px;
    margin: 0;
    text-align: end;
}*/

.description p{
    color:lightgray;
}

p.description{
    color:lightgray;
}

.thumbnail{height:300px;}

/*.slider{
    height:500px;
}
.slider_slides-cont{
    height:500px;
}*/

.slider_slide {
   display: none;
   top:0;
   left:0; 
}

.slider_slide:first-child {
   display: block;
}

/*      RESPONSIVENESS      */

/*      TABLET (starting 1024px)      */

@media only screen and (max-width:1024px){
    .header-logo img{width:275px;}
    
    .main-navigation{
        width: 176px;
        padding: 90px 25px 25px 25px;
        border-top-left-radius: 25px;
        
        right:-176px;
    }
    
    .main-navigation.open{
        right:0px;
    }

    .header{
        background-color:white;
        width: 176px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0;
        height: calc(100% - 25px);
        /*mix-blend-mode:soft-light;*/
        
        box-shadow:-5px -5px 15px rgba(0,0,0,0.1);
        
        right:-176px;
    }
    
    
    .header.open{
        right:0;
    }
    
    .tbc{margin: 0;}

    .main-navigation.footer{
        width: 100%;
        padding:0;
    }

    .main-navigation ul a{
        margin:5px 5px;
    }

    /*.main-navigation .menu-menu-1-container .nav-menu li{
        position: relative;
        padding:10px 15px;
        margin-top: 15px;
        background-color: white;
        border-radius: 25px;
        text-align: center;

    }*/

    .main-navigation.footer ul a{
        color:white;
        margin:0 15px 0 0;
    }
    
    .toggle-nav{
        padding:25px;
        width:176px;
    
        visibility:visible;
    }

    .toggle-nav button{
        width:100%;
        font-family: 'Favorit Medium';

        border-radius: 25px;
        background-color: white;
        border:none;
        box-shadow:0px 0px 15px rgba(0,0,0,0.1);

        padding: 10px 15px;
    }
    
    .close-overlay{
        padding:32px 0 0 0;
        width:100px;
        left:36px;
    }

    .page-header{padding:25vh 176px 0px 57px;}

    .page-header h1{margin-bottom:0;}
    .object-header{padding:25px 115px 0px 115px;}
    .dafa-crumbs{padding: 90px 0px 0px 25px;}
    
    .copyright{padding: 225px 0px 0px 0px}
    .copyright p{
        transform: rotate(-90deg) translateY(90px);
        border: 1px solid black;
        border-radius: 25px;

        padding: 5px 10px;
        margin:0;

        font-size: 12px;
        opacity: .3;
    }
    
    .copyright-page{padding: 225px 0px 0px 0px}
    .copyright-page p{
        transform: rotate(-90deg) translateY(45px);
        border: 1px solid black;
        border-radius: 25px;

        padding: 5px 10px;
        margin:0;

        font-size: 12px;
        opacity: .3;
    }
    #fp.main-content{padding:50vh 25px 25px 25px;}
    .main-content{
        /*top:calc(50vh);*/
        padding:25px;
    }
    
    .single-post .main-content{padding:25px;}
    
    .main-slider{min-height:400px;}

    .text-module{
        padding: 32px 192px 32px 32px;
    }

    .image-module{padding: 32px 32px;}

    .page-module{padding:32px;}
    
    .mosaic-module{padding: 32px;}
    
    .overlay-module.open{
        padding: 0 64px 32px 32px;
        top: 95px;
        right: 0;
    
        height: calc(100% - 120px);
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .overlay-module{
        padding: 0 64px 32px 32px;
        top: 95px;
        right: -75vw;
    
        height: calc(100% - 120px);
        width: 75vw;
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .single-dafa_object {
        .main-content{padding:0px 25px 25px 25px;}

        .main-content .main-slider{
        min-height:400px;
        box-shadow: none;
        }

        .text-module{padding:32px 90px 32px 90px;}

        .image-module{padding: 0 90px 32px 90px;}

    }

    .site-footer{
        padding: 32px;
    }
}

@media only screen and (max-width:768px){
    
    .header-logo img{width:275px;}
    
    .main-navigation{
        width: 176px;
        padding: 90px 25px 25px 25px;
        border-top-left-radius: 25px;
        
        right:-176px;
    }
    
    .main-navigation.open{
        right:0px;
    }

    .header{
        background-color:white;
        width: 176px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0;
        height: calc(100% - 25px);
        /*mix-blend-mode:soft-light;*/
        
        box-shadow:-5px -5px 15px rgba(0,0,0,0.1);
        
        right:-176px;
    }
    
    
    .header.open{
        right:0;
    }
    
    .tbc{margin: 0;}

    .main-navigation.footer{
        width: 100%;
        padding:0;
    }

    .main-navigation ul a{
        margin:5px 5px;
    }

    /*.main-navigation .menu-menu-1-container .nav-menu li{
        position: relative;
        padding:10px 15px;
        margin-top: 15px;
        background-color: white;
        border-radius: 25px;
        text-align: center;

    }*/

    .main-navigation.footer ul a{
        color:white;
        margin:0 15px 0 0;
    }
    
    .toggle-nav{
        padding:25px;
        width:176px;
    
        visibility:visible;
    }

    .toggle-nav button{
        width:100%;
        font-family: 'Favorit Medium';

        border-radius: 25px;
        background-color: white;
        border:none;
        box-shadow:0px 0px 15px rgba(0,0,0,0.1);

        padding: 10px 15px;
    }
    
    .close-overlay{
        padding:45px 0 0 0;
        width:100px;
        left:36px;
    }

    .page-header{padding:25vh 25px 0px 24px;}

    .page-header h1{margin-bottom:0;}
    .object-header{padding:25px 57px 0px 57px;}
    .dafa-crumbs{padding: 130px 0px 0px 25px;}
    
    .copyright{padding: 225px 5px 0px 0px}
    .copyright-page{padding: 225px 5px 0px 0px}

    .main-content{padding:25px;}
    .single-post .main-content{padding:25px;}
    
    .main-slider{min-height:400px;}

    .text-module{
        padding: 32px 32px 32px 32px;
    }

    .image-module{padding: 32px 32px;}

    .page-module{padding:32px;}
    
    .overlay-module.open{
        padding: 0 32px 32px 32px;
        top: 95px;
        right: 0;
    
        height: calc(100% - 120px);
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .overlay-module{
        padding: 0 32px 64px 32px;
        top: 95px;
        right: -75vw;
    
        height: calc(100% - 120px);
        width: 75vw;
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .single-dafa_object {
        .main-content{padding:0px 25px 25px 25px;}

        .main-content .main-slider{
        min-height:400px;
        box-shadow: none;
        }

        .text-module{padding:32px 32px;}

        .image-module{padding: 32px 32px;}

    }
    
    a.dafa-object{
    h3, p{
    visibility:visible;
    opacity: 1;
    transform: translateY(-25px);
    transition: .3s;
    }
    
    img{transition: .3s ease-out;}
    
    box-shadow: 0;
    transition:.5s;
}

    .site-footer{
        padding: 32px;
    }    
}

@media only screen and (max-width:425px){
    
    .header-logo-container{padding:25px;}
    
    .header-logo{
        font-size: 36px;
        line-height: 40px;
    }
    
    .header-logo p{
        line-height: 1.2;
        margin-top:15px;
    }
    
    .main-navigation{
        width: 150px;
        padding: 90px 15px 15px 15px;
        border-top-left-radius: 25px;
        
        right:-150px;
    }
    
    .main-navigation.open{
        right:0px;
    }
    
    .main-navigation ul ul{
        margin:0 0 0 10px;
    }

    .header{
        background-color:white;
        width: 150px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0;
        height: calc(100% - 25px);
        /*mix-blend-mode:soft-light;*/
        
        box-shadow:-5px -5px 15px rgba(0,0,0,0.1);
        
        right:-150px;
    }
    
    
    .header.open{
        right:0;
    }
    
    .menu-item-16:before{
    content:none;
    top:0;
    position:absolute;
    }

    .menu-item-15:after{
        content:none;
        position:absolute;
        top:0;
    }
    
    .tbc{margin: 0;}

    .main-navigation.footer{
        width: 100%;
        padding:0;
    }
    
    .main-navigation ul{
        display: block;
    }

    .main-navigation ul a{
        margin:5px 5px;
    }

    /*.main-navigation .menu-menu-1-container .nav-menu li{
        position: relative;
        padding:10px 15px;
        margin-top: 15px;
        background-color: white;
        border-radius: 25px;
        text-align: center;

    }*/

    .main-navigation.footer ul a{
        color:white;
        margin:0 15px 0 0;
    }
    
    .toggle-nav{
        padding:15px;
        width:150px;
    
        visibility:visible;
    }

    .toggle-nav button{
        width:100%;
        font-family: 'Favorit Medium';

        border-radius: 25px;
        background-color: white;
        border:none;
        box-shadow:0px 0px 15px rgba(0,0,0,0.1);

        padding: 10px 20px;
    }
    
    .close-overlay{
        padding:32px 0 0 0;
        width:100px;
        left:36px;
    }

    .page-header{padding:30vh 25px 0px 24px;}

    .page-header h1{margin-bottom:0;}
    .object-header{padding:25px 25px 0px 24px;}
    .dafa-crumbs{padding: 200px 25px 0px 25px;}
    
    
    .copyright{padding: 175px 0px 0px 0px}
    .copyright p{
        transform: rotate(-90deg) translateY(95px);
        border: 1px solid black;
        border-radius: 25px;

        padding: 5px 10px;
        margin:0;

        font-size: 12px;
        opacity: .3;
    }
    .copyright-page{
        display: none;
        padding: 150px 5px 0px 0px;}

    .main-content{
        padding:15px;
    }
    
    .single-post .main-content{
        padding:15px;
    }
    
    .main-slider{min-height:400px;}

    .text-module{padding: 24px;}

    .image-module{padding: 24px;}

    .page-module{padding:24px;}
    
    .mosaic-module{padding: 24px;}
    
    .overlay-module.open{
        padding: 0 32px 32px 32px;
        top: 190px;
        left: 0;
    
        height: calc(100% - 25px);
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .overlay-module{
        padding: 0 32px 32px 32px;
        top: 100vh;
        right:0;
    
        height: calc(100% - 25px);
        width: 100vw;
        overflow-y: auto;
    
        box-shadow: -2px -2px 30px rgba(0,0,0,0.15);
    }
    
    .single-dafa_object {
        .main-content{padding:0px 25px 25px 25px;}

        .main-content .main-slider{
        min-height:400px;
        box-shadow: none;
        }

        .text-module{padding:24px 0;}

        .image-module{padding:24px 0;}

    }

    .site-footer{
        padding: 32px;
    }

    .site-footer{
        padding: 24px;
    }
    
    /* GENERAL TYPOGRAPHY */


    h1{
        font-size:48px;
        margin: 15px 0 30px 0;
    }

    h2{
        font-family: 'Favorit Lining Medium';
        font-size: 36px;
        margin: 0;
    }


    h3{
        font-size: 24px;
        margin: 30px 0 15px 0;
    }

    p{
        font-size:18px;
        margin: 15px 0;
    }
    
    .single-dafa_object,
    .page-id-1128,
    .page-id-1169,
    .page-id-1443,
    .page-id-1837,
    .page-id-2128{
        h1,h2,h3,h4,h5,p,li,span,button{
        font-family: 'Favorit Medium';
        color:white!important;
        }
    }
    
}

@media only screen and (max-width:375px){
    .header-logo{
        font-size: 32px;
    }
    
    .main-content{
        padding:15px 0;
    }
    
    .single-post .main-content{
        padding:15px 0;
    }
    
}