/*
Theme Name: Eardrum
Description: Eardrum theme
Author: KHAN
Version: 1.0
*/

/**************************** GENERAL ****************************/

body, .wrapper, .content {	
	background-color: #FFF !important;
}

div.container_inner {
	width: 100% !important;
}

.content .container .container_inner.page_container_inner {
	padding: 100px 0 0 !important;
}

div.wrapper_inner {
	margin-top: -100px !important;
}


/**************************** TEMPLATE ****************************/

div#content-area {
	background: #FFF;
	padding: 20px 5%;
}

footer .container {
	width: 80%;
	padding: 0 10%;
}

.footer_top {
	text-align: center;
}

@media only screen and (max-width: 568px) {
	footer .container {
		padding: 0 6%;
	}
}


/**************************** TYPOGRAPHY ****************************/

p {
	font-family: Helvetica Neue;
	color: #212121;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 300;
}

div#service-category-1 p.section-summary {
	font-family: Helvetica Neue;
	color: #212121 !important;
}

body.home p.section-summary, div#service-category-2 p.section-summary {
	font-family: Helvetica Neue;
	color: #919191 !important;
}

body.home strong, div#service-category-1 strong, div#service-category-2 strong, div#service-category-single strong, div#service-category-1 .portfolio_title a, div#service-category-2 .portfolio_title a, div#service-category-single .portfolio_title a {
	color: #FFF !important;
}

p.section-summary {
	padding-bottom: 25px;
}

div.portfolio_single p, div#content-area p {
	padding-bottom: 15px;
}

h1, h2, h3, h4, h5 {
	font-family; Helvetica Neue !important;
}

h2 {
	color: #FAA629 !important;
	font-size: 40px !important;
	font-weight: bold !important;
}

div#content-area h2 {
	padding-bottom: 20px !important;
}

h3 {
	color: #FFFFFF !important;
	font-size: 33px !important;
	padding-top: 5px;
	font-weight: bold !important;
}

h4 {
	color: #FAA629 !important;
	font-size: 20px !important;
	padding-bottom: 10px !important;
	font-weight: bold !important;
}

.footer_top p {
	color: #919191 !important;
}


/**************************** HEADER ****************************/

body.page-id-4156 .q_logo {
	display: none;
}

body.page-id-4156 header svg.angled-section.svg-top {
	display: none;
}

body.page-id-4156 .content .container .container_inner.page_container_inner {
	padding: 0 !important;
}

.header_bottom {
	padding: 8px 45px 8px !important;
}

section#parallax-header {
	background-color: #2B343C !important;
}

.q_logo {
	z-index: 9000;
}

.q_logo img {
	top: -40% !important;
}

a.nav-logo {
	height: 75px !important;
	margin-top: 0 !important;
}

header.fixed.scrolled .header_bottom {
	border-bottom: 3px solid #faa629;
}

nav.main_menu>ul>li>a:hover, nav.mobile_menu ul li.active > a {
	color: #FAA629;
}

@media only screen and (min-width: 569px) and (max-width: 667px) and (orientation: landscape) {
	section#parallax-header {
		height: 400px !important;
		background-size: 150%;
	}
}

@media only screen and (max-width: 568px) {
	section#parallax-header {
		height: 500px !important;
		background-size: 350%;
	}
}


/**************************** HOME ****************************/

body.page-id-4197 section#parallax-header {
	background-color: #FFF !important;
	margin-top: -65px;
}

body.page-id-4197 div.header_bottom {
	background-color: transparent !important;
}

div#content-area-home {
	background-color: #FFFFFF !important;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

div#content-area-home h5.portfolio_title a {
	font-size: 12px !important;
}

div#content-area-home div.portfolio_description {
	padding: 3px 10px 0px 10px !important;
	height: 25px;
}

div#content-area-home .projects_holder.v3 .mix {
	width: 32.9% !important;
}

div#content-area-home div.projects_holder_outer {
	margin-bottom: -20px !important;
}

div#content-area-home .projects_holder.v4 .mix {
	width: 24.5% !important;
}

div.homepage-video {
	height: 450px !important;
    vertical-align: middle;
}


/**************************** AUDIO ****************************/

div#audio-section {
	background-color: #FFFFFF !important;
	padding-bottom: 150px !important;
}

div.audio-player {
	background: #FAA629;
	padding: 8px;
	color: #FFF;
	font-size: 17px;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: #FAA629 !important;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #2B343C !important;
	margin: -15px 0 0 !important;
}

@media only screen and (min-width: 569px) and (max-width: 667px) and (orientation: landscape) {
	div.featured-audio-2, div.featured-audio-3 {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 568px) {
	div.audio-player {
		margin-bottom: 20px !important;
	}
}


/**************************** VOICES ****************************/

div#voices-section {
	background-color: #2B343C !important;
	padding-bottom: 150px !important;
}

div.video-player {
	padding: 8px;
	margin-top: -21px;
	color: #FFF !imporant;
	font-size: 17px;
	margin-bottom: 10px !important;
	background: #FAA629;
}

#arve .arve-play-svg-circle-bg {
	display: none;
}

#arve .arve-thumbnail {
	z-index: 999;
}

#arve .arve-play-btn {
	z-index: 9999;
}

@media only screen and (min-width: 569px) and (max-width: 667px) and (orientation: landscape) {
	div.featured-video-2, div.featured-video-3 {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 568px) {
	#arve .arve-play-svg-circle-bg {
		display: block;
	}

	div.arve-embed-container {
		margin-top: 30px;
	}

	div.featured-video-2, div.featured-video-3 {
		padding-top: 10px;
	}
}


/**************************** VISUALS ****************************/

div#visuals-section {
	background-color: #FFFFFF !important;
	padding-bottom: 50px !important;
}


/**************************** WORK ****************************/

.projects_holder article .portfolio_description {
	padding: 10px 10px 0 10px !important;
	height: 35px;
}

.projects_holder article .portfolio_description .portfolio_title {
	letter-spacing: 2px !important;
}

.full_width .projects_holder_outer.v4 .standard {
	width: 100% !important;
	margin: 15px 0 0 !important;
}

.filter_outer {
	margin: 20px 0 !important;
}

.portfolio_standard .filter_holder > ul > li:first-child {
	display: none;
 }

div#content-area {
	background-color: #FFFFFF !important;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

div#content-area h5.portfolio_title a {
	font-size: 12px !important;
}

div#content-area div.portfolio_description {
	padding: 3px 10px 0px 10px !important;
	height: 25px;
}

div#content-areadiv.projects_holder_outer {
	margin-bottom: -20px !important;
}

div#content-area .projects_holder.v4 .mix {
	width: 24.4%;
	margin: 0 0 1%;
}


/**************************** INDIVIDUAL WORK ****************************/

body.single-portfolio_page .content .container {
	background: #FFF;
	padding-bottom: 15px;
}

div.portfolio_single {
	background: #FFF;
}

div.portfolio_single .vc_col-sm-8 {
	padding-right: 15px;
}

body.single-portfolio_page div.info.portfolio_categories {
	display: none;
}

div.portfolio_detail.portfolio_single_no_follow {
	margin-bottom: -55px;
}

body.single-portfolio_page .two_columns_66_33 .column2 {
	width: 100%;
}

div#portfolio-video {
	width: 100% !important;
	height: 500px !important;
	margin-top: 100px;
}

div#portfolio-video .vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

div#portfolio-about {
	padding: 149px 5% 0;
}

div#portfolio-about .vc_col-sm-4 {
	padding-top: 47px !important;
}

div#portfolio-about h1 {
	text-transform: uppercase;
}

div#portfolio-about h4 {
	color: #2b343c !important;
}

div#portfolio-list {
	padding: 35px 5%;
}

#portfolio-list h4 {
	padding-bottom: 20px !important;
}

body.single-portfolio_page div.arve-embed-container {
	height: 400px !important;
}

.two_columns_66_33>.column2>.column_inner {
	padding: 0 !important;
}

.portfolio_navigation {
	width: 100% !important;
	margin-bottom: 25px !important;
}

.portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a {
	color: #2b343c !important;
    border: 2px solid #2b343c !important;
}

.portfolio_navigation.navigation_title {
	padding: 13px 0 50px !important;
}

.portfolio_navigation span.categories {
	display: none !important;
}

.portfolio_navigation .portfolio_next {
	right: 5% !important;
}

.portfolio_navigation .portfolio_prev {
	left: 5% !important;
}

.portfolio_navigation.navigation_title .post_info span {
	color: #2b343c !important;
}

div.arve-wrapper.arve-hover-effect-zoom {
	padding-top: 5px;
}

body.single-portfolio_page h1 {
	padding-bottom: 10px;
}

div.portfolio-media {
	margin-top: -2px;
}


/**************************** NEWS ****************************/

.q_masonry_blog {
	margin-bottom: 0 !important;
}

div.q_masonry_blog_post_text {
	min-height: 200px !important;
}

.q_masonry_blog article .q_masonry_blog_post_info {
	margin: 0 !important;
    color: #2b343c !important;
    font-style: italic;
}


/**************************** NEWS - SINGLE ****************************/

body.single-post h4 {
	text-transform: uppercase;
}

div.comment_pager, div.comment_holder, div.comment_form {
	display: none !important;
}


/**************************** SERVICES ****************************/

section#service-parallax-header {
	height: 270px !important;
	background-color: #2B343C !important;
	background-size: 100% !important;
	padding-top: 50px !important;
}

div.header-logo {
	margin-top: -40px !important;
}

div#service-category-1 {
	background-color: #FFFFFF !important;
	padding-top: 35px !important;
	padding-bottom: 150px !important;
}

div#service-category-2 {
	background-color: #2B343C !important;
	padding-bottom: 150px !important;
}

div#service-category-single {
	background-color: #FFFFFF !important;
	padding-top: 35px !important;
	padding-bottom: 50px !important;
}

div#service-category-1 a, div#service-category-2 a, div#service-category-single a {
	color: #faa629 !important;
}

div#service-category-1 a:hover, div#service-category-2 a:hover, div#service-category-single a:hover {
	font-weight: bold !important;
}

.testimonials_c_holder .testimonial_content_inner {
	background: #ebebeb !important;
	padding: 40px 45px 60px;
}

div.testimonials_c_carousel {
	background: #ebebeb !important;
}

.testimonials_c_holder .flex-control-nav {
	margin-top: 0 !important;
	padding-bottom: 20px !important;
}

.testimonials_c_holder .flex-control-nav li a {
	background-color: #2c353d !important;
}

.testimonials_c_holder .flex-control-nav li a:active {
	background-color: #FFF !important;
}

body.page-id-4509 .testimonials_c_holder .testimonial_content_inner, body.page-id-4509 div.testimonials_c_carousel {
	background: #FFF !important;
}

.testimonials_holder {
	padding: 30px 45px;
}



/**************************** CONTACT ****************************/

label {
	color: #2b343c !important;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
	border: 1px solid #2b343c !important;
	border-radius: 4px !important;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
	font-size: 16px !important;
    letter-spacing: 1px !important;
	color: #333 !important;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]), input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
	border: 1px solid #2b343c !important;
	color: #2b343c !important;
	background: #f6a429 !important;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
	background-color: #FFF !important;
}

.wpb_gmaps_widget .wpb_wrapper {
	background-color: #FFF !important;
}


/**************************** 404 ****************************/

body.error404 {
	background-color: #2B343C !important;
}

div.page_not_found {
	background-color: #2B343C !important;
	margin: 10% 0 !important;
}

body.error404 footer.uncover {
	display: none;
}

.qbutton {
	border-color: #FAA629 !important;
	color: #FAA629 !important
}


/**************************** MOBILE ****************************/

@media only screen and (max-width: 1000px) {

	header {
		margin-top: 100px !important;
		height: 0;
	}

	.header_bottom {
		padding: 0 45px !important;
	}

	.mobile_menu_button {
		margin: 25px 20px 0 0;
		float: left !important;
		height: 65px !important;
	}

	.mobile_menu_button span {
		font-size: 33px !important;
		color: #faa629 !important;
	}

	nav.mobile_menu {
		width: 112% !important;
		margin-left: -26px !important;
		margin-top: -3px !important;
		padding-left: 27px !important;
		padding-bottom: 10px !important;
	}

	nav.mobile_menu ul li.active > a {
		color: #faa629 !important;
		font-weight: 600 !important;
	}

	.q_logo {
		display: block !important;
		top: -107px !important;
	}

	.q_logo a {
		left: -28%;
		height: 60px !important;
	}

	a.nav-logo {
		height: 85px;
		margin-top: 165px !important;
	}

	.vc_custom_1499918569104 {
		padding-right: 8% !important;
		padding-left: 8% !important;
	}

	div#content-area .projects_holder.v4 .mix, div#content-area-home .projects_holder.v3 .mix, div#content-area-home .projects_holder.v4 .mix {
		width: 100% !important;
		margin: 0 0 5%;
	}

	div#content-area-home div.projects_holder_outer {
		margin-bottom: 0 !important;
	}

	.header_bottom {
		padding: 0 25px !important;
	}

	header .q_logo img.mobile {
		height: 45% !important;
	}

	.logo_wrapper {
		left: 40% !important;
	}

	.mobile_menu_button {
		margin: 15px 0 0 !important;
		z-index: 9999 !important;
	}

	body.page-id-4197 div.header_bottom {
		background-color: rgba(43, 52, 60, 1) !important;
		height: 65px !important;
	}

	div.mobile-slider.vc_column_container>.vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: -90px;
	}

	body.home div#mobile-header h2 {
		color: #FAA629 !important;
    	font-size: 30px !important;
    	font-weight: bold !important;
    	text-align: center;
    	padding-top: 20px !important;
	    margin-bottom: -30px !important;
	}

}


@media only screen and (max-width: 767px) {

	h2 {
		line-height: 40px;
	}

	.homepage-video {
		display: none;
	}

	.content .container .container_inner.page_container_inner {
		padding: 85px 0 0 !important;
	}

	div#content-area h2 {
		text-align: left !important;
	}

	.q_tabs.horizontal .tab-content {
		padding: 0 0 10px !important;
	}

	div#portfolio-about {
	    padding: 125px 5% 0;
	}

	div#portfolio-about .vc_col-sm-4 {
		padding-top: 0 !important;
	}

	div.portfolio_single .vc_col-sm-8 {
		padding-right: 0 !important;
	}

	div.what-we-do-page .vc_column_container {
		padding-bottom: 20px;
	}

	div.what-we-do-page .vc_custom_1501055389870 {
		margin-top: 0 !important;
	}

	div#service-parallax-header {
		display: none;
	}

	.angled-section.svg-top {
		display: none;
	}

	.angled-section {
		display: none;
	}

	div#service-category-single {
    	padding-top: 0 !important;
		margin-top: -25px;
	}

	body.page-id-4537 div#service-category-single {
		padding-top: 25px !important;
	}

	div#service-category-1 {
		padding-top: 0 !important;
		margin-top: -25px;
		padding-bottom: 0 !important;
	}

	div#service-category-2 {
		background-color: #FFFFFF !important;
		padding-top: 25px !important;
		padding-bottom: 50px !important;
	}

	div#service-category-2 p.section-summary {
    	color: #212121 !important;
	}

	.q_masonry_blog article {
		margin: 0 0 10px !important;
	}

	div.q_masonry_blog_post_text {
		min-height: auto !important;
	}

	div.contact-page .vc_empty_space {
		display: none;
	}

	img.eardrum-building {
		display: none;
	}

}


@media only screen and (max-width: 414px) {

	nav.mobile_menu {
		margin-top: -20px !important;
	}

}