@charset "utf-8";
/* CSS Document */

#slide-controls {

    width: calc(100% - 80px);
    letter-spacing: 1px;
    z-index:2000;
    position: absolute;
    left:40px;
    bottom:0;
    margin-bottom:30px;
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    
}

#slide-controls.dark {
    
    color:#262626;  
    
}

#slide-controls.light {
    
    color:#ffffff; 
    
}

#slide-controls table td {
    
    height: 40px;    
    
}

#slide-counter {

    width:66px;
    font-size: 14px;
    line-height: 16px;
    float: left;
    
}

#slide-counter-td {
    
    width:66px;  
    
}

#thumbs-button-con, #thumbs-close-con {
 
    width:32px;
    height:20px;
    overflow: hidden;
    float: left;
    font-family: "Hhere_Web Regular";
    
}

#thumbs-close-con {
 
    display:none;
    
}

#thumbs-button, #thumbs-close-button     {

    font-size: 110px;
    line-height:0;
    position: relative;
    top:6px;
    letter-spacing: 0;

}

#read-more-button-con {

    position: absolute;
    width:32px;
    height:32px;
    z-index:2000;
    left:calc(50% - 16px);
    bottom: 22px;
    overflow: hidden;
    font-family: "Hhere_Web Regular";

}

#read-more-button {
    
    font-size: 104px;
    line-height:10px;
    position: relative;
    letter-spacing: 0;
    top:7px;
    
}

#read-more-button.dark {
    
    color:#262626;   
    
}

#read-more-button.light {
    
    color:#ffffff; 
    
}

#thumbs-button:hover, 
#read-more-button:hover,
#thumbs-close-button:hover {
    
    opacity: 0.6!important;
    
}

#slide-controls .control-link {

    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.5px;
    
}


@media only screen and (max-width: 1439px), screen and (max-height: 767px) {

    #slide-controls {

        width: calc(100% - 40px);
        left:20px;
        margin-bottom:20px;

    } 
    
    #thumbs-button-con, #thumbs-close-con {

        width:50px;
        height:40px;
        float:right;

    }

    #thumbs-button,  #thumbs-close-button    {

        font-size: 170px;
        top:14px;
        left:10px;

    }
    
/*    #read-more-button-con {
    
        display:block;
    
    }*/

}

@media only screen and (max-width: 767px), screen and (max-height: 767px) { 

    #slide-controls {

        width: calc(100% - 40px);
        margin-bottom:10px;

    } 
    
    #slide-controls .control-link {

        font-size: 12px;
        line-height: 14px;
        letter-spacing: 1px;

    }
    
    #read-more-button-con {
    
        bottom:13px;
    
    }
    
    #slide-counter {

        font-size: 12px;
        line-height: 14px;
        width:50px;
        padding-top: 2px;

    }
    
    #slide-counter-td {

        width:50px;  

    }

}