/*
Theme Name: dg
Description: dg Theme
Theme URI: https://andreamantegazza.it
Author: Dev AM
Version: 1.0
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

@font-face {
	font-family: 'times-new-roman-mt-condensed';
	src: url('fonts/times-new-roman-mt-condensed.eot');
	src: local('☺'), url('fonts/times-new-roman-mt-condensed.woff') format('woff'), url('fonts/times-new-roman-mt-condensed.ttf') format('truetype'), url('fonts/times-new-roman-mt-condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


html{
    overflow-y: auto;
}
body {
    font-size: 3.45vw;
    letter-spacing: -0.05vw;
    line-height: 0.95em;
    font-family: 'times-new-roman-mt-condensed';
    filter: blur(0);
    transition: filter 2s;
    min-height: 100vh;
}

body.blurred{
    filter: blur(20px);
    transition: filter 12s;
}

/* We like off-black for text. */
body, select, input, textarea {color: #000;}

a {color: #000; text-decoration: none;}
a:hover {color: #000;}

::-moz-selection{background: #000; color: #fff; text-shadow: none;}
::selection {background: #000; color: #fff; text-shadow: none;}

.list-wrapper,
.list-wrapper *::-moz-selection{background: #fff; color: #000; text-shadow: none;}
.list-wrapper,
.list-wrapper *::selection {background: #fff; color: #000; text-shadow: none;}



a:link {-webkit-tap-highlight-color: #000;}

ins {background-color: #000; color: #000; text-decoration: none;}
mark {background-color: #000; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.clearafter:after{
    content: '';
    display: block;
    clear: both;
}

::-webkit-scrollbar {
  width: 0;
}

/* C O D E
-------------------------------------------------------------------------------*/
header{
    padding: 0 10px;
    padding-top: 10px;
}
.home .entry{
    padding: 0 10px;
}

.home .info-wrapper{
    padding-top: 0.9em;
}

.home .social{
    padding-top: 0.9em;
}

.home .list-wrapper{
    padding: 0.9em 0;
}

.home .list-toggle span {
    cursor: pointer;
}
/*
.home .list-toggle span:hover {
    text-decoration: underline;
}
*/

.home .list-content {
    font-size: 0.9vw;
    line-height: 1.2em;
    font-family: 'HelveticaNeue-CondensedBold';
    margin-top: 2.5vw;
    letter-spacing: 0;
}
.home .list-content h3 {
    margin-bottom: 1em;
}


/***/
div#cookie-law-info-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: left;
    font-size: 0.9vw;
    line-height: 1.2em;
    font-family: 'HelveticaNeue-CondensedBold' !important;
    margin-top: 2.5vw;
    letter-spacing: 0;
}

a.cli_settings_button,
a#cookie_action_close_header {
    outline: none;
}

a.cli_settings_button {
    padding-left: 5vw;
}
a#cookie_action_close_header {
    padding-left: 18vw;
    cursor: pointer;
}



/* STYLE
-------------------------------------------------------------------------------*/
.col-md-1{
    float: left;
    width: 8.33%;
}
.col-md-2{
    float: left;
    width: 16.66%;
}
.col-md-3{
    float: left;
    width: 25%;
}
.col-md-4{
    float: left;
    width: 33.33%;
}
.col-md-6{
    float: left;
    width: 50%;
}
.col-md-7{
    float: left;
    width: 58.33%;
}
.col-md-8{
    float: left;
    width: 66.66%;
}
.col-md-9{
    float: left;
    width: 75%;
}
.col-md-10{
    float: left;
    width: 83.33%;
}
.col-md-11{
    float: left;
    width: 91.66%;
}
.col-md-12{
    float: left;
    width: 100%;
}

.col-md-20{
    float: left;
    width: 20%;
}

@media screen and (max-width: 960px) {
    body {
        font-size: 6vw;
        line-height: 1em;
        transition: filter 0.5s;
    }
    .margin-mobile{
        margin-bottom: 0.9em;
    }
    .home .list-content {
        font-size: 3vw;
        line-height: 1.2em;
        margin-top: 6vw;
    }
    .home .list-content .list {
        margin-bottom: 30vw;
    }
    
    
    
    
    /***/
    div#cookie-law-info-bar {
        position: fixed;
        font-size: 3vw;
        line-height: 1.2em;
    }

    a.cli_settings_button,
    a#cookie_action_close_header {
        outline: none;
    }

    a.cli_settings_button {
        padding-left: 0;
    }
    a#cookie_action_close_header {
        padding-left: 0;
    }
    
    a.cli_settings_button,
    a#cookie_action_close_header {
        display: block;
        margin-left: 0 !important;
        width: 46%;
        display: inline-block;
    }

    
    

    /* STYLE
    -------------------------------------------------------------------------------*/
    .col-sm-25{
        float: left;
        width: 25%;
    }
    .col-sm-50{
        float: left;
        width: 50%;
    }
    .col-sm-100{
        float: left;
        width: 100%;
    }
}