/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/* Custom CSS */

/* Web Font BebasNeue */
@font-face {font-family: 'BebasNeue';src: url('webfonts/335B3A_0_0.eot');src: url('webfonts/335B3A_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/335B3A_0_0.woff2') format('woff2'),url('webfonts/335B3A_0_0.woff') format('woff'),url('webfonts/335B3A_0_0.ttf') format('truetype');}

body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a {
    font-family: BebasNeue;
}

.fa-facebook-square:before {
   content: "\f082";
   font-size: 35px;
}

.fa-instagram:before {
   content: "\f16d";
   font-size: 35px;
}

.fa-youtube-square:before {
   content: "\f166";
   font-size: 35px;
}

li.social-icon {
    margin-right: 20px;
}

/* embedded youtube video */
    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
	background-size: cover;
    	background-repeat: no-repeat;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	/*margin-top: -24px;*/
	-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	-webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        background: url("/wp-content/uploads/2017/03/YouTube-icon-full_color.png") no-repeat;
	background-size: 68px 48px;
        cursor: pointer;
    }

#vsel .vsel-content {
   border-bottom: 1px solid rgba(28,28,28,0.9);
}

.style-light .link, .style-light.style-override .link, .style-dark .style-light .link, .style-light a, .style-light.style-override a, .style-dark .style-light a, .style-light input[type=checkbox]:checked:before, .style-light.style-override input[type=checkbox]:checked:before, .style-dark .style-light input[type=checkbox]:checked:before {
   color: rgba(0,0,0,0.5);    
   font-weight: bold;
}

.style-light .link-hover, .style-light.style-override .link-hover, .style-dark .style-light .link-hover, .style-light a:not(.btn-text-skin):hover, .style-light.style-override a:not(.btn-text-skin):hover, .style-dark .style-light a:not(.btn-text-skin):hover, .style-light a:not(.btn-text-skin):focus, .style-light.style-override a:not(.btn-text-skin):focus, .style-dark .style-light a:not(.btn-text-skin):focus, .style-light a.active, .style-light.style-override a.active, .style-dark .style-light a.active, .style-light .tmb .t-entry-text .t-entry-title a:hover, .style-light.style-override .tmb .t-entry-text .t-entry-title a:hover, .style-dark .style-light .tmb .t-entry-text .t-entry-title a:hover, .style-light .tmb .t-entry-text .t-entry-title a:focus, .style-light.style-override .tmb .t-entry-text .t-entry-title a:focus, .style-dark .style-light .tmb .t-entry-text .t-entry-title a:focus, .style-light .tmb .t-entry p.t-entry-comments .extras a:hover i, .style-light.style-override .tmb .t-entry p.t-entry-comments .extras a:hover i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a:hover i, .style-light .tmb .t-entry p.t-entry-comments .extras a.active i, .style-light.style-override .tmb .t-entry p.t-entry-comments .extras a.active i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a.active i, .style-light .tmb .t-entry p.t-entry-comments .extras a:focus i, .style-light.style-override .tmb .t-entry p.t-entry-comments .extras a:focus i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a:focus i, .style-light .widget_nav_menu li.active > a, .style-light.style-override .widget_nav_menu li.active > a, .style-dark .style-light .widget_nav_menu li.active > a, .style-light div[class*=sharer-].share-button label:hover, .style-light.style-override div[class*=sharer-].share-button label:hover, .style-dark .style-light div[class*=sharer-].share-button label:hover, .style-light div[class*=sharer-].share-button label:focus, .style-light.style-override div[class*=sharer-].share-button label:focus, .style-dark .style-light div[class*=sharer-].share-button label:focus {
   color: #ffc42e;
}