/*!
Theme Name: Sixten
Theme URI: https://wp.vlthemes.me/sixten/
Author: VLThemes
Author URI: https://themeforest.net/user/vlthemes
Description: Sixten is a carefully crafted flexible, powerful and high performance portfolio WordPress Theme for personal and corporate use. We designed it by focusing on functionality and ease of use for both sides: the Visitor and the WordPress Admin.
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sixten
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

@font-face {  font-family: PPFormula;  src: url('fonts/PPFormula-Extrabold.otf'); }
@font-face {  font-family: Speed;  src: url('fonts/Speed.ttf'); }
@font-face {  font-family: Ringside-Bold;  src: url('fonts/Ringside-Bold.otf'); }
@font-face {  font-family: Ringside-Medium;  src: url('fonts/Ringside-Medium.otf'); }
@font-face {  font-family: Ringside-Light;  src: url('fonts/Ringside-Light.otf'); }

.customfont-title h1 {
	font-family: "Special Gothic Expanded One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.customfont p{
	font-family: Ringside-Light;
}

.customfont-speed a{
	font-family: "Special Gothic Expanded One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #757575;
}

/* WordPress API Elements */

.wp-caption {
	margin: 30px 0;
	font-size: 16px;
	text-align: center;
	font-style: italic;
	max-width: 100%;
}

.wp-caption p,
.wp-caption-text {
	margin: 0;
	margin-top: 5px;
}

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.screen-reader-text {
	visibility: visible;
}

.screen-reader-text {
	display: none;
}

.aligncenter {
	margin: 30px auto;
	display: block;
}

.alignright {
	margin: 10px 0 10px 30px;
	float: right;
}

.alignleft {
	margin: 10px 30px 10px 0;
	float: left;
}

.griditem {
    position: relative;
    background-color: #777;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    width: 100%;
    overflow: hidden;
}

.video {
    position: relative;
    margin-top: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

.overlay {
    
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}


.titles {
    display: table;
    width: 100%;
    height: 100%; /*important, forces to 100% height of parent*/
    opacity:;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .25s ease;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-decoration: none;
    
}


.titles p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 25px;
    font-family: helvetica;
}

.griditem:hover .titles {
    text-decoration: none;
    opacity:0;
}

.imgspacer {
    width:100%;
}

.griditem:hover .video {
    display: inline;
}

.griditem:hover .imgspacer {
    display: none;
}


h5 {
    font-family: Helvetica Neue;
    font-size: 5em;
    color: #FFFFFF;
    padding-bottom:0;
    margin-bottom:-30px;
}

h6 {
    padding-top: 0;
}