/*

Theme Name: LemStud.io

Description: No description

Author: globe & baribal & LEM & else

Template: audioman

*/



@import url('../audioman/style.css');



.logo {

    max-width: 60px;

}



.social-img {

    max-width: 16px;

}

.icontainer {

     padding-right: 15px;

     padding-left: 15px;

     margin-right: auto;

     margin-left: auto

 }

 

 @media (min-width:768px) {

     .icontainer {

        

     }

 }

 

 .irow {

     margin-right: -15px;

     margin-left: -15px;

     margin-bottom: 15px;

 }

 

 .irow:after,

 .irow:before {

     display: table;

     content: " "

 }

 

 .irow:after {

     clear: both

 }

 

 .icol-sm-1,

 .icol-sm-2,

 .icol-sm-3,

 .icol-sm-4,

 .icol-sm-5,

 .icol-sm-6,

 .icol-sm-7,

 .icol-sm-8,

 .icol-sm-9,

 .icol-sm-10,

 .icol-sm-12 {

     position: relative;

     min-height: 1px;

     padding-right: 15px;

     padding-left: 15px;

     -webkit-box-sizing: border-box;

 }

 

 @media (min-width:768px) {

     .icol-sm-1{

         float: left;

         width: 8.33333333%;

     }

     .icol-sm-2 {

         float: left;

         width: 16.66666667%;

     }

     .icol-sm-3 {

         float: left;

         width: 25%;

     }

     .icol-sm-4 {

         float: left;

         width: 33.33333333%;

     }

     .icol-sm-5 {

         float: left;

         width: 41.66666667%;

     }

     .icol-sm-6 {

         float: left;

         width: 50%;

     }

     .icol-sm-7 {

         float: left;

         width: 58.33333333%;

     }

     .icol-sm-8 {

         float: left;

         width: 66.66666667%;

     }

     .icol-sm-9 {

         float: left;

         width: 75%;

     }

     .icol-sm-10 {

         float: left;

         width: 83.33333333%;

     }

     .icol-sm-12 {

         float: left;

         width: 100%;

     }

 }





.irow img {

    width: 100%;

}



@media (max-width: 1200px) and (min-width: 993px) {



.valign {

    display: flex;

    align-items: center;

}

}



@media (min-width: 750px){

    .sticky {

        position: fixed;

        top: 0;

        width: 100%;

    }

}



.site-header-logo {

    display: none;

}

.sticky-post, .more-link .readmore:hover, .more-link .readmore:focus, .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore, .posts-navigation a, #content #infinite-handle span button, #scrollup, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button, .button, button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus, #feature-slider-section .cycle-pager span:hover, #feature-slider-section .cycle-pager span:focus, #feature-slider-section .cycle-pager .cycle-pager-active, .widget_calendar tbody a, #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after, .pagination .page-numbers.current, .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward, .demo_store .woocommerce-store-notice__dismiss-link, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, table.shop_table_responsive tr td.product-remove a, #gallery-section .entry-footer .edit-link a, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button {

    background: transparent;

}

.button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .page-links a:hover, .page-links a:focus, .posts-navigation a:hover, .posts-navigation a:focus, .header-media .more-link .readmore:hover, .header-media .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, #hero-section .more-link .readmore:hover, #hero-section .more-link .readmore:focus, .promotion-section .more-link .readmore:hover, .promotion-section .more-link .readmore:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, #scrollup:hover, #scrollup:focus, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:focus, .custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause, .custom-header-media .wp-custom-header-video-button:hover, .custom-header-media .wp-custom-header-video-button:focus, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce .product-container .added, .woocommerce .product-container .wc-forward:hover, .woocommerce .product-container .wc-forward:focus, .demo_store .woocommerce-store-notice__dismiss-link:hover, .demo_store .woocommerce-store-notice__dismiss-link:focus, #gallery-section .entry-footer .edit-link a:hover, #gallery-section .entry-footer .edit-link a:focus, table.shop_table_responsive tr td.product-remove a:hover, table.shop_table_responsive tr td.product-remove a:focus, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus {

    background: #000;

}

.section-title-wrapper{

    display: none;

}

body{

    font-family: 'Overpass', sans-serif !important;

}



/* WORK */

.site-header{

    position: fixed;

    left: 0;

    width: 100%;

    top: 0;

    z-index: 99;

}

#site-content-wrapper{

    margin-top: 84px;

}

.work{

    position: relative;

}

#movie1{

    height: 100%;

}

#movie2{

    height: 100%;

}

#movie3{

    height: 100%;

}

#movie4{

    height: 100%;

}

.movie-content {

    position: absolute;

    bottom: 0;

    width: 45%;

}

.movie-content h1{

    padding-left: 20px;

    font-size: 300%;

}

.movie-content p{

    background: rgba(0, 0, 0, 0.5);

    color: #f1f1f1;

    font-size: 15px;

    padding: 20px;

    margin-bottom: 0;

}

html{scroll-behavior:smooth}



/* work - mobile */



.mobile{

    margin-top: 80px;

}



.mobile-text{

    position: absolute;

    bottom: 0;

    max-width: 400px;

    background: rgb(0, 0, 0, 0.5);

    padding: 10px 0 0 0;

    font-size: 15px;

    color: #fff;

}



.mobile-text h1{

    text-align: center;

}



.mobile-text p{

    padding: 15px;

    margin-bottom: 0;

}



/* About / Contact */



.globe_content{

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 100px;

}

.globe_content a{

    color: #000;

    font-size: 200%;

}

.globe_content h1{

    font-size: 4rem;

    font-weight: 600;

}

.main-navigation

.current-menu-item > a{

    color: #000;

}

a:hover {

    color: #000;

}

button:hover{

    background: #000;

}

#site-content-wrapper{

    z-index: 2;

}



/* --- WORKS --- */

.work-title{

    text-align: center;

    background: #2228;

    position: absolute;

    bottom: 0;

    height: 100px;

    width: 100%;

    transition: height 2s;

}

.work-tile:hover{

    cursor: pointer;

}

.work-tile:hover > .work-title{

    height: 250px;

    background: #fff;

}

.work-tile:hover > .work-title h2{

    font-size: 36px;

    font-weight: 800;

    color: #000;

}

.work-title h2{

    padding-top: 40px;

    transition: font 2s;

    font-size: 22px;

}

.work-tile{

    overflow: hidden;

    padding: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    min-height: 450px;

}
.menu-inside-wrapper{
    background-color: transparent !important;
}
.home .custom-header-overlay{
    position: relative;
}
@media screen and (min-width: 30em){
.home .custom-header-media{
    height: auto !important;
    margin-bottom: 5vh;
}
}
@media (max-width: 976px){
    .home .custom-header-media{
        height: 80vh;
    }
    .home .custom-header-media video{
        height: 100%;
        object-fit: cover;
    };
}