/*
Theme Name: Camyno Child Theme
Theme URI: http://www.camyno.themefyre.com/
Description: Sample child theme for premium WordPress theme Camyno, for updates follow Themefyre on <a href="https://twitter.com/themefyre">Twitter</a> or <a href="https://facebook.com/themefyre">Facebook</a>.
Author: Themefyre
Author URI: http://themefyre.com/
License: The MIT License (MIT)
License URI: http://opensource.org/licenses/MIT
Version: 1.0
Template: camyno

font-family:'DIN Next LT W04 Regular';
font-family:'DIN Next LT W04 Bold';

*/

#header {
	padding: 5px 0;
	line-height: 65px;
	height: 65px;
}

.home #header .cv-logo {
	display: none;
}

#header {
	padding: 5px 0;
	line-height: 65px;
	height: 250px;
	background: url(/wp-content/themes/camyno-child/images/sub-bg.png) no-repeat center center !important;
	background-size: cover !important;
}

.home #header {
	height: 65px;
	background: #515254 !important;
}

#header-logo {
	width: 150px;
}

#header h1 {
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 30px;
}

.cv-logo a {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 104px auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 104px;
}

.primary-menu li a {
	font-family:'DIN Next LT W04 Bold';
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

#header .primary-menu a:hover, #header .primary-tools a:hover, #header .primary-social a:hover {
	color: #FFCD71 !important;
}

.socket-text {
	font-size: 17px; 
	font-weight: 800;
}

.wrap {
	padding: 0 5%;
}

#below-footer {
	background: #F2F2F2;
	padding: 15px 0 60px;
	text-align: center;
	color: #666666;
	font-size: 13px;
}

#portfolio-cats {
	border-top: 4px solid #fff;
}

#portfolio-cats .col {
	width: 25%;
	float: left;
	position: relative;
}

#portfolio-cats .col img {
	display: block;
	width: 100%;
}

#portfolio-cats .col a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;	
}

#portfolio-cats .col .bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;	
	background: #333333;
	opacity: .9;
	transition: background 300ms linear 0s;
	-webkit-transition: background 300ms linear 0s;
	-moz-transition: background 300ms linear 0s;
	-ms-transition: background 300ms linear 0s;
	-o-transition: background 300ms linear 0s;
}

#portfolio-cats .col:hover .bg {
	background: #FFCD71;	
}

#portfolio-cats p {
	font-size: 27px;
	font-family:'DIN Next LT W04 Bold';
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 9999;
	transition: color 200ms linear 0s;
	-webkit-transition: color 200ms linear 0s;
	-moz-transition: color 200ms linear 0s;
	-ms-transition: color 200ms linear 0s;
	-o-transition: color 200ms linear 0s;
}

#portfolio-cats .col:hover  p {
	color: #333333;
}

hr.hidden {
	clear: both;
	border: none;
	visibility: hidden;
	height: 0;
	margin: 0;
}

h3 {
	line-height: 120% !important;
}

#header .primary-tools {
	border: none !important;
	background: none !important;
	position: relative !important;
	width: 100%;
}

.cv-fullscreen-overlay.overlay-menu-wrap .overlay-menu > li > a {
	text-shadow: none !important;
	text-transform: uppercase;
	font-family:'DIN Next LT W04 Bold';
}

#field_1_2, #field_1_3 {
	width: 50%;
	float: left;
}

#field_1_3 {
	float: right;
	clear: none;
}

#field_1_2 input, #field_1_3 input {
	width: 99.5%;
}

h1 {
	line-height: 120%;
	margin-bottom: 20px;
}

h4 {
	line-height: 120%;
	margin-bottom: 50px;
}

.hover-bg {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 205, 113, 0.5) 0%, rgba(255, 205, 113, 0.85) 71%, rgba(255, 205, 113, 0.85) 100%) repeat scroll 0 0;
    text-shadow: 0 0 2px #ffcd71;    
    padding: 0.9375em;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: opacity 300ms linear 0s;
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -ms-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    opacity: 0;
}

.cv-lightbox-gallery-item {
	z-index: 999999999 !important;
}

.image-container:hover .hover-bg {
	opacity: 1;
}

.hover-bg p {
	color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-family:'DIN Next LT W04 Bold';
	font-size: 1.25em;
}


@media all and (max-width: 860px) {
	#portfolio-cats .col {
		width: 50%;
	}
}

@media all and (max-width: 639px) {
	#header .primary-tools {
		margin-top: 8px !important;
	}
}


@media all and (max-width: 580px) {
	#header .primary-tools {
		margin-top: 8px !important;
	}
}


@media all and (max-width: 500px) {
	.celebrating {
		display: none;
	}
	
	h1 {
		clear: both;
	}
	header {
		height: 170px !important;
	}
	
	.home #header {
		height: 65px !important;
	}
	#portfolio-cats {
		display: none;
	}
}
