/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/bridge/style.css");

@font-face {
	font-family: "Crimson Text";
	font-style: normal;
	font-weight: normal;
	src: url(fonts/CrimsonText-Regular.ttf) format("truetype");
}

@font-face {
	font-family: "Neutra Text Light SC";
	font-style: normal;
	font-weight: normal;
	src: url(fonts/NeutraText-DemiSC.otf) format("opentype");
}

.q_logo > a {
	max-height: 70px;
}

.main_menu > ul > .menu-item > a > span:not(.plus) {
	color: #353535;
	font-family: "Neutra Text Light SC", sans-serif;
	font-size: 18px;
}

.main_menu > ul > .menu-item > a:hover > span:not(.plus),
.main_menu > ul > .menu-item > a.current > span:not(.plus) {
	color: #E2C54A;
}

.main_menu > ul > .menu-item.lang-item {
	margin: 0 6px 0 7px;
}

.main_menu > ul > .menu-item.lang-item > a {
	width: 55px;
	padding: 0;
	text-align: center;
}

.main_menu > ul > .menu-item.lang-item > a > span:not(.plus) {
	color: #FFF;
	padding: 0;
}

.main_menu > ul > .menu-item.lang-item:hover > a > span:not(.plus) {
	background: none;
}

.menu-item.lang-item a:after {
	background: #E2C54A;
	line-height: 150px !important;
	height: 55px;
	width: 55px;
	content: "";
	position: absolute;
	display: block;
	border-radius: 30px;
	top: 33px;
	z-index: -1;
	left: 0;
}

#menu-footer_menu .menu-item.lang-item {
	background: #E2C54A;
	height: 55px;
	width: 55px;
	display: block;
	border-radius: 30px;
	padding: 0;
}

#menu-footer_menu .menu-item.lang-item a {
	color: #FFF !important;
	font-family: "Neutra Text Light SC", sans-serif;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
}

header .header_bottom_right_widget_holder {
	padding: 0 0 0 7px;
}

.header_bottom_right_widget_holder .header_bottom_widget.widget_text {
	float: left;
	position: relative;
}

.header_bottom_right_widget_holder .header_bottom_widget.widget_text:first-child {
	margin: 0 27px 0 7px;
}

.header_bottom_right_widget_holder .header_bottom_widget.widget_text:after {
	content: "";
	position: absolute;
	display: block;
	height: 55px;
	width: 55px;
	top: -7px;
	left: -7px;
	z-index: -1;
	background: #F3F3F1;
	line-height: 120px !important;
	border-radius: 30px;
}

.header_bottom_right_widget_holder .header_bottom_widget .q_social_icon_holder .fa-stack {
	background: none;
}

.portfolio_page-template-default .paspartu_outer {
	padding: 122px 3% 3% 3%;
}

/* adapt columns in REFERENZE pages */
.portfolio_page-template-default .paspartu_outer .paspartu_inner .portfolio_single div.flexslider ~ div.portfolio_container .column1 {
	width: 100%;
}

/* adapt columns in SERVIZI pages */
.portfolio_page-template-default .paspartu_outer .paspartu_inner .portfolio_single .portfolio_container.two_columns_66_33 .column2 {
	display: block;
}

.paspartu_inner .title {
	background: #E2C54A !important;
	height: 150px !important;
}

.paspartu_inner .title .title_holder,
.portfolio_page-template-default .title {
	height: 150px !important;
	padding: 0 !important;
}

.paspartu_inner .title .title_holder h1 > span {
	color: #353535 !important;
	font-size: 36px;
}

.paspartu_inner .title span.separator.small {
	margin-top: 25px;
	height: 12px;
	width: 86px;
}

.full_width .projects_holder_outer.v4 .standard {
	width: 100%;
	margin: 0;
}

.paspartu_inner .portfolio_single .info.portfolio_categories,
.paspartu_inner .portfolio_single .info.portfolio_content h6,
.paspartu_inner .portfolio_single .portfolio_social_holder,
.paspartu_inner .portfolio_single .portfolio_navigation,
.paspartu_outer .paspartu_left,
.paspartu_outer .paspartu_right,
.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category,
.projects_holder article .portfolio_description .project_category,
.portfolio_page-template-default .paspartu_outer .paspartu_inner .portfolio_single .portfolio_container .column2,
#contatti .vc_empty_space:last-child {
	display: none;
}

h1,
.paspartu_inner .title span {
	font-size: 46px;
	text-transform: lowercase;
	font-family: "Neutra Text Light SC", sans-serif;
	letter-spacing: 0;
}

h2 {
	font-size: 24px;
	text-transform: lowercase;
	font-family: "Neutra Text Light SC", sans-serif;
	letter-spacing: 0;
}

.home #servizi article .text_holder,
.home #leistungen article .text_holder {
	display: none;
}

#referenze {
	background-color: #E2C54A;
	margin: 0;
}

#referenze_small {
	margin: 0;
}

#referenze_small .uvc-heading h1 {
	color: #E2C54A !important;
	font-size: 40px;
	font-family: "Neutra Text Light SC", sans-serif;
	text-transform: lowercase;
	margin: 0 0 30px;
}

#referenze_small .projects_holder {
	margin: 0 0 50px;
}

#referenze_small .projects_holder article {
	border-bottom: 1px solid #000;
}

#referenze_small .projects_holder article .portfolio_description .portfolio_title p {
	text-transform: capitalize;
	font-size: 22px;
}

.portfolio_single .portfolio_single_text_holder h3 {
	display: none;
}

.single-portfolio_page .title_holder br + i {
	display: none;
}

p {
	font-size: 18px;
	font-family: "Crimson Text", sans-serif;
	color: #353535;
	line-height: 40px;
}

#servizi article.mix.mix_all,
#leistungen article.mix.mix_all {
	width: 49%;
	margin: 0 0 2.1%;
}

#servizi article .portfolio_title a,
#leistungen article .portfolio_title a {
	color: #353535;
	font-family: "Neutra Text Light SC", sans-serif;
	font-size: 18px;
	margin: 15px 10px 0;
	display: block;
	text-align: center;
	line-height: 26px;
}

.view-all a {
	font-style: italic;
}

.view-all a:hover {
	color: #353535;
}

#contatti {
	margin: 3% 0;
	background-color: #F3F3F1;
	padding: 60px 0;
}

.home .paspartu_outer {
	padding-bottom: 0;
}

#contatti .contact-letter {
	width: 60px;
	height: 60px;
	border-radius: 30px;
}

#contatti .contact-letter p {
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	padding: 13px 0 17px;
	font-size: 26px;
	line-height: 30px;
	text-transform: lowercase;
	font-family: "Neutra Text Light SC", sans-serif;
}

#contatti p,
footer p {
	line-height: 30px;
}

.footer_bottom p,
.footer_bottom p a {
	color: #353535;
}

footer .footer_top h5 {
	color: #E2C54A !important;
	font-size: 24px;
	text-transform: lowercase;
	font-family: "Neutra Text Light SC", sans-serif;
	margin: 0;
}

footer .column3 img {
	max-height: 60px;
	margin-top: 31px;
	width: 200px;
}

footer .column2 {
	margin-top: 32px;
}

footer .three_columns > .column1,
footer .three_columns > .column2,
footer .three_columns > .column3 {
	margin-left: 8.333333333%;
	width: calc(33.3333333333% - 8.3333333%);
}

footer .footer_bottom_holder {
	background-color: #FFF;
	border: none;
	padding: 10px 0;
}

footer .footer_top_holder {
	background: #F3F3F1;
	margin: 0 3%;
}

footer .footer_top_holder .footer_top.footer_top_full {
	padding: 3% 0 3%;
	margin: 0 3% 0;
	border-top: none;
}

.home footer .footer_top_holder .footer_top.footer_top_full {
	border-top: 1px dotted #000;
}

footer .footer_top_holder .footer_top.footer_top_full .three_columns {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a,
.projects_holder article .portfolio_description .portfolio_title a {
	font-size: 22px;
	font-family: "Crimson Text", sans-serif;
	color: #353535;
	line-height: 40px;
	text-transform: initial;
}

/* MOBILE */
@media screen and (max-width: 768px) {
	p {
		font-size: 18px;
		line-height: 24px;
		padding: 0 15px;
	}

	nav.mobile_menu {
		border-top: 1px solid #E2C54A;
	}

	nav.mobile_menu ul li a,
	nav.mobile_menu ul li h3 {
		font-size: 20px;
		text-align: center;
	}

	.mobile_menu_button span i {
		color: #353535;
	}

	.mobile_menu .lang-item {
		width: 55px;
		background-color: #E2C54A;
		border-radius: 30px;
		height: 55px;
		float: left;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.mobile_menu .menu-item:nth-last-child(2) {
		margin-left: calc((100% - 110px - 20px) / 2);
		margin-right: 10px;
	}

	.mobile_menu .menu-item:last-child {
		margin-right: calc((100% - 110px - 20px) / 2);
		margin-left: 10px;
	}

	.mobile_menu .lang-item a {
		color: #FFF;
		line-height: 55px;
		padding: 0;
	}

	.menu-item.lang-item a:after {
		display: none;
	}

	nav.mobile_menu ul li a:hover,
	nav.mobile_menu ul li.active > a,
	nav.mobile_menu ul li.current-menu-item > a {
		color: #E2C54A;
	}

	.home .paspartu_outer {
		padding-bottom: 0 !important;
	}

	.paspartu_enabled .container_inner,
	.paspartu_enabled.boxed div.section .section_inner,
	.paspartu_enabled div.grid_section .section_inner,
	.paspartu_enabled .full_width .parallax_content,
	.paspartu_enabled .steps_holder_inner,
	.paspartu_enabled .carousel-inner .slider_content_outer,
	.paspartu_enabled nav.content_menu ul,
	.paspartu_enabled .container_inner nav.content_menu {
		width: 90%;
		margin: 0 5%;
	}

	#chi-siamo {
		margin-top: 20px;
	}

	#chi-siamo p {
		text-align: center !important;
		padding: 0;
	}

	.home .separator.small,
	body:not(.home) #referenze .separator.small {
		margin: 15px auto 30px !important;
	}

	body:not(.home) .separator.small {
		display: block;
	}

	body:not(.home) #referenze .vc_column-inner {
		padding: 0 5px !important;
	}

	/* adapt columns in SERVIZI pages */
	.portfolio_page-template-default .paspartu_outer .paspartu_inner .portfolio_single div.portfolio_images {
		width: 100%;
		margin: 0;
	}

	.portfolio_page-template-default .paspartu_outer .paspartu_inner .portfolio_single div.portfolio_images ~ div.portfolio_container {
		width: 100%;
	}

	/* END */
	#servizi .vc_column-inner,
	#leistungen .vc_column-inner {
		padding: 0;
	}

	#servizi article,
	#leistungen article {
		margin-bottom: 50px !important;
	}

	#servizi article.mix.mix_all,
	#leistungen article.mix.mix_all {
		width: initial;
		margin: initial;
	}

	#servizi .vc_empty_space,
	#leistungen .vc_empty_space {
		display: none;
	}

	#referenze {
		margin: 0 -6px;
		padding: 0 10px 10px !important;
	}

	#referenze .vc_empty_space {
		height: 20px !important;
	}

	.home #referenze article:nth-child(n+4) {
		display: none !important;
	}

	#referenze article .text_holder {
		display: block !important;
		height: 100% !important;
		width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		background-color: rgba(255, 255, 255, 0.5);
	}

	#referenze article a:hover {
		color: #E2C54A;
	}

	#servizi,
	#leistungen,
	#referenze,
	#referenze_small,
	#contatti {
		padding: 0 5%;
	}

	#referenze_small .vc_column-inner, #referenze_small .full_section_inner {
		padding: 0 !important;
	}

	#contatti {
		text-align: center !important;
		padding: 20px 0 0;
		margin: 5% 3% 0;
	}

	#contatti .contact-letter {
		display: inline-block;
	}

	#contatti .vc_col-sm-1 {
		margin: 10px 0 0;
	}

	#contatti .vc_col-sm-3 {
		margin: 10px 0 40px;
	}

	.footer_top .column_inner > div {
		text-align: center;
	}

	.footer_top .column2 {
		margin: 0;
		position: relative;
		padding: 30px 0;
	}

	.footer_top .column2 > .column_inner {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		min-width: 195px;
	}

	.side_menu_button > a,
	.mobile_menu_button span {
		color: #E2C54A;
	}

	.portfolio_page-template-default .title_outer {
		margin-bottom: 50px;
	}

	.portfolio_page-template-default .title .image {
		display: none;
	}

	.portfolio_page-template-default .portfolio_single p {
		padding: 0;
	}

	footer .footer_top_holder {
		margin: 0 5%;
	}

	footer .footer_top_holder .footer_top.footer_top_full .three_columns {
		width: 100%;
	}

	footer .footer_top_holder .footer_top.footer_top_full .three_columns .column1,
	footer .footer_top_holder .footer_top.footer_top_full .three_columns .column2,
	footer .footer_top_holder .footer_top.footer_top_full .three_columns .column3 {
		margin: 0;
		width: 100%;
	}

	footer .footer_top_holder .footer_top.footer_top_full .three_columns .column2 {
		padding: 70px 0;
	}

	footer .column2 .widget .social_icons {
		display: block !important;
		margin-left: 10px;
	}

	footer .footer_bottom_holder {
		padding: 10px 5px;
	}

	.footer_bottom p {
		font-size: 16px;
	}
}