/*
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/style.css");

/* html {
    scroll-behavior: smooth;
} */

nav.main_menu>ul>li>a {
    padding: 0px 15px;
}

div.section {
	background-attachment: fixed;
}

nav.main_menu > ul > li:hover > a span:not(.plus):after,
nav.main_menu > ul > li.active > a span:not(.plus):after {
	bottom: -3px;
    left: 50%;
    background-color: #fff;
    height: 10px;
    width: 10px;
	content: "";
    transition: background-color .3s ease-in-out;
    border-radius: 50%;
    transform: translateX(-50%);
}

header:not(.with_hover_bg_color) nav.main_menu>ul>li>a>span:not(.plus),
nav.vertical_menu>ul>li>a>span:not(.plus) {
	border: none;
}

nav.main_menu > ul > li:hover > a span:not(.plus),
nav.main_menu > ul > li.active > a span:not(.plus) {
    border: none;
}

header.sticky .header_bottom {
    box-shadow: 0px -10px 20px #000;
}

.ls-wp-container {
    max-height: 80vh;
}

#back_to_top>span {
	border: 2px solid #000;
}

#back_to_top span i,
#back_to_top span span {
	color: #000;
}

/* gallery style */
.wpb_flexslider.flexslider .slides {
    overflow: hidden;
    max-height: 410px;
}

.wpb_gallery .wpb_flexslider .flex-direction-nav a {
    border: 2px solid #fad347;
    overflow: hidden;
    width: 26px;
    height: 26px;
}
.caroufredsel-direction-nav a i, .flex-direction-nav a i {
    line-height: 29px;
    font-size: 16px;
    position: relative;
    top: -7px;
    color: #fad347;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-direction-nav a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto;
    bottom: 0;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-direction-nav a:hover {
    background: #fad347;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-direction-nav a:hover i{
	color: #fff;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-direction-nav a.flex-next {
    right: calc(50% - 35px);
}
.wpb_gallery .wpb_flexslider.flexslider .flex-direction-nav a.flex-prev {
    left: calc(50% - 35px);
}
.wpb_gallery .wpb_flexslider.flexslider ul.flex-direction-nav {
    height: 57px;
}

/* footer */
footer .container_inner {
	border: none;
}

.footer_top {
    padding: 0;
}

.footer_col3 {
	text-align: right;
}

.footer_copy {
	padding: 0 85px;
    display: inline-block;
	max-width: 1100px;
}

.footer_top .four_columns .column2 .column_inner>div,
.footer_top .three_columns .column2 .column_inner>div,
.footer_top .two_columns_50_50 .column2 .column_inner>div {
	margin: 0;
	padding: 0;
}

.two_columns_50_50>.column1>.column_inner {
	padding: 0 !important;
}

.column2.footer_col2 .textwidget {
	padding-left: 200px;
}

.error404 h1 span {
    color: #000;
}

@media only screen and (max-width: 1200px) {
	
	.footer_copy {
		max-width: 950px;
	}
}

@media only screen and (max-width: 1000px) {
	
	.column1.footer_col1>.column_inner {
		padding-right: 0;
	}
}

@media only screen and (max-width: 850px) {
	
	.two_columns_50_50>.column1, .two_columns_50_50>.column2 {
		width: 100%;
		margin: 0 0 30px 0;
    	text-align: center;
	}
	
	.vc_col-sm-8 {
		margin-top: 0px;
	}
	
	.column1 .textwidget p {
		max-width: 80%;
		margin: 0 auto;
	}
	
	#text-4 .separator {
		margin-top: 5px !important;
	}
	
	.footer_top .four_columns .column2 .column_inner>div,
	.footer_top .three_columns .column2 .column_inner>div,
	.footer_top .two_columns_50_50 .column2 .column_inner>div {
		margin: 0;
		padding: 0;
	}
	
	footer .container_inner {
		padding: 30px 0 0 0;
	}
	
	.column2.footer_col2 .textwidget {
		padding-left: 0;
	}

}


@media only screen and (max-width: 600px) {
	
	div#produse .vc_col-sm-4 {
		margin-bottom: 20px;
	}
	
	div#despre-noi, div#produse, div#servicii, .footer_top_holder {
		padding: 0 20px;
	}
	
	.qode-prettyphoto {
		height: 205px;
	}
	
	#pp_full_res {
		position: relative;
		height: 205px;
	}
	
	#pp_full_res>img {
		width: 100%!important;
		height: 100% !important;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.pp_content_container {
		width: 90%;
		margin: 0 auto;
	}
	
	.pp_hoverContainer {
		display: none !important;
	}
	
	.footer_col3 {
		text-align: left;
	}
	
	.column1 .textwidget p {
		max-width: 100%;
		margin: 0 auto;
	}
}