/*
 Theme Name:   ProductiePunt
 Theme URI:    http://www.productiepunt.com/
 Description:  Rectangulum Child Theme
 Author:       Leo Enzlin - Sticky Pixels
 Author URI:   http://www.stickypixels.nl
 Template:     rectangulum
 Version:      1.0.0
*/

html, body, .animsition, div.hfeed.site{height:100%;}
#main{height:75%;}
#content{position:relative;}
body{font-family:Lato, Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased !important;font-weight:300;background-color:transparent;}
.site-header, .site-footer, div.content-full{background:transparent !important;}
#masthead{padding-top:20px;}
a img:hover{opacity:.9;}
.navigation-main{margin-top:36px !important;}
.navigation-main ul li a{text-transform:uppercase;font-size:18px;padding:0 20px;}
.navigation-main ul li.current_page_item > a, .navigation-main ul li.current-menu-item > a{font-weight:400;}
a{moz-transition:all 0.5s ease-in-out;ms-transition:all 0.5s ease-in-out;o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;webkit-transition:all 0.5s ease-in-out;}
a:hover{text-decoration:none;}
.tagline{display:none;}
#supersized{position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:105%;width:105%;background-size:cover;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;}
#supersized img{opacity:.7;min-width:100%;min-height:100%;max-width:none !important;}
.entry-content{color:#eee;}
h1, h2, h3, h4, h5, h6{font-family:Lato, Helvetica, Arial, sans-serif;font-weight:300;text-transform:uppercase;color:#eee;}
p{font-weight:400;}
.site-title{font-size:30px;line-height:30px;}
.site-branding, .site-menu{width:auto;}
.content-right .entry-header,.content-right .entry-content,.content-right .entry-meta{padding-right:72px;}
.single .content-right .entry-content{padding:0 72px 48px 0;}
.single .content-right .entry-header{padding:48px 72px 48px 0;}
.single .content-right .entry-header .entry-format{float:right;width:20%;color:#2e3138;text-align:right;margin:12px 0;}
.single .content-right .entry-header .entry-format .fa{margin-right:5px;}
.single .content-right .entry-header .entry-title{float:left;width:80%;text-transform:uppercase;margin:0;}
.single .content-right footer.entry-meta{padding-right:72px;}
.content-left,.content-right,.content-full{width:65%;float:none;margin:auto;padding:100px 12px;}
.content-right .entry-content,.content-full .entry-content,.content-right .entry-meta,.content-full .entry-meta,.archive .entry-header,.search-results .entry-header,#respond,.comment #respond{padding:0;}
.content-right .entry-header,.content-full .entry-header,.single .content-right .entry-content,.single .content-right footer.entry-meta{padding:0 0 24px;}
.single .content-right .entry-header .entry-format{float:none;text-align:left;width:auto;}
.single .content-right .entry-header .entry-title,.single .content-right .entry-header .entry-date{float:none;width:auto;}
.single .content-right .entry-header,.archive .page-header,.search-results .page-header{padding:24px 0;}
footer{display:none;}

/* GALLERY */
.site-content .gallery a img{width:80%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;moz-transition:all 0.5s ease-in-out;ms-transition:all 0.5s ease-in-out;o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;webkit-transition:all 0.5s ease-in-out;}
.site-content .gallery a img:hover{width:100%;opacity:1;}
figure.gallery-item{/* border:1px solid #555;border-radius:10px;background-color:rgba(100, 100, 100, .1);*/ width:22%;min-width:200px;display:inline-block;position:relative;margin:1%;}
.gallery-icon{padding-top:100%;}
.gallery-item .wp-caption-text{color:#000;font-size:.9em;moz-transition:all 0.5s ease-in-out;ms-transition:all 0.5s ease-in-out;o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;webkit-transition:all 0.5s ease-in-out;}
.gallery-item:hover .wp-caption-text{color:#fff;}

/* mbYTplayer */
div#wrapper_mbYTP_playerVideo1.mbYTP_wrapper{-webkit-transition:opacity 2000ms !important;transition:opacity 2000ms !important;}