/*
Theme Name: Rad Drawings
Author: radiandev
Description: radiandev
Version: 1
*/

html, body {
    position: relative;
    height: 100%;
}
html, body, h1, h2{
    font-family: 'Architects Daughter', cursive !important;
}
body {
    background: #f0f0f0;
    
    font-size: 14px;
    color:#555;
    text-shadow: 0px 0px 6px rgba(0,0,0,.3);
    margin: 0;
    padding: 0;
    
}

#main{
    margin:0 3em;
}
.mobile{
  display: none;
}
.page_title{
    width: 100%;
    text-align: center;
    font-size: 2em;
    padding:10px 0 10px;
}
.drawings-container{
    padding: 1em;
}
.drawing-wrapper{
    text-align: center;
}
.drawing-img{
    display: inline-block;
    padding:.5em;
    background-color:#444;
    margin:0 auto 1em;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.drawing-wrapper img{
    max-width: 100%;
    max-height: 600px;
    float: left;
}

.grid-item{
    width:25%;
}
/*.grid-item.boxportrait{
    width:300px;
    height: 600px;
}
.grid-item.boxlandscape{
    width: 600px;
    height: 300px;
}
.grid-item.boxsquare{
    width: 400px;
    height: 400px;
}*/
.grid-item-img{
    margin:1em;
    padding: 1em;
    border:solid black 12px;
    background: white;
    box-shadow: -7px 7px 10px;
}
.grid-item img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.grid-item-img-wrapper{
    width: 100%;
    background-size: 100%;
    box-shadow: inset 0 0 10px black;
}
.grid-item.boxportrait img{
    vertical-align: middle;
}
.grid-item.boxlandscape img{
     display: block;
}
.blocks-gallery-item{
    margin: 0 !important;
}
.blocks-gallery-item figure{
    padding:.5em;
    margin:.5em !important;
    background-color: black;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.blocks-gallery-item figure img{
    padding:1em;
    background-color: white;
    box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    width: 90% !important;
}
.imgholder{
    padding:.8em;
    margin:.5em;
    box-shadow: inset 0 0 8px rgba(0,0,0,.5);
    background-color: white;
}
.imgholder img{
    width: 100%;
}
.captionholder{
    position: absolute;
    z-index: 20;
    bottom:0;
    width: 100%;
}
.actualcaption{
    margin: 1em;
    background-color: white;
    text-align: center;
}
.mdl-cell{
    background-color: black;
    box-shadow: 0 0 10px rgba(0,0,0,.6)
}
.mdl-grid{
    padding: 0 !important;
}


@media (max-width:1280px) {
    .grid-item{
        width:33.3%;
    }

}
@media (max-width:767px) {
    .grid-item{
        width:50%;
    }

}


@media (min-width:376px) and (max-width: 667px) {
 

}

@media (max-width:375px) {
    #main{
    margin:0 .5em;
}
.grid-item{
        width:100%;
    }

}