/*
Theme Name: Jen Elek
Description: Custom theme for Jen Elek, based on Wynn Child Theme
Author: Megan Woo
Template: wynn
Version: 1.0
*/

@import url("../wynn/style.css");

.page-loader {
	display: none !important;
}

.home #content-wrap #no-pb-title,
.home #content-wrap hr.separator {
	display: none !important;
}

.home .gallery-item-caption {
	display: none !important;
}

h3.gallery-title {
	color: #000;
}

.post-header .project_client {
	color: #000 !important;
	font-size: 1.1em !important;
	font-weight: bold !important;
	line-height: 160%;
}

.single-portfolio-content {
	padding-top: 1em;
}

.social_media_icons .font-icon {
	background: #333 !important;
}

.social_media_icons .font-icon:hover {
	background: #555 !important;
}

#header-bottom {
	width: 100%;
}

.ui-accordion .ui-accordion-header {
	background: transparent !important;
	color: #FFF !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

.ui-accordion .ui-accordion-header {
	padding: 3px 15px !important;
	margin-bottom: 0 !important;	
}

.ui-accordion .ui-accordion-content {
	padding-left: 40px !important;
	font: 13px !important;
}

.ui-accordion .ui-accordion-content p {
	margin-bottom: 0 !important;
}

#page-content {
	padding-bottom: 30px !important;
}

.page-loader {
	background: transparent !important;
	width: 71px;
	height: 71px;
	border-radius: none;
	border: none;
}

.be-loader {
	background: transparent url(images/loader.png) no-repeat !important;
	width: 71px;
	height: 71px;
	border-radius: none;
	margin: 0;
	 -webkit-animation: 
        rota none,
        opa none,
        spin 1s linear infinite !important;
    -moz-animation: 
        rota none,
        opa none,
        spin 1s linear infinite !important;
    -ms-animation: 
        rota none,
        opa none,
        spin 1s linear infinite !important;
    -o-animation: 
        rota none,
        opa none,
        spin 1s linear infinite !important;
    animation: 
        rota none,
        opa none,
        spin 1s linear infinite !important;
}

.be-loader li {
	background: transparent !important;
}

@keyframes spin
{
	from { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	to   { transform: rotate(360deg); }
}

.map-section  {
	padding-top: 80px;
}

.map-section .gmap {
	display: none;
}

input[type="submit"]:hover {
	opacity: 0.8;
}

@media only screen and (max-width: 1279px) and (min-width: 960px) {
	#header-wrap {
		max-width: 970px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	#header-wrap {
		max-width: 730px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	#header-wrap {
		max-width: 440px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 479px) {
	#header-wrap {
		max-width: 300px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 959px) {
	#navigation {
		line-height: 26px !important;
	}
}