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

 /*
=== REDOSLIJED ===

   === RESPONSIVE HEADER MENU-MOBILE ===
	=== POZADINA ===
	 === MENU-KLUB === 
 	 === MENU PLUS ===
  	 === YOUTUBE WIDGET ===
  	  === SUBMENU ===
    	 === MENU RESPONSIVE ===
     	 === LOGO TOP MARGINA === 
			=== FOOTER  === 
		 	 === RESPONSIVE FOOTER - MOBILE   ===
				=== RESPONSIVE FOOTER - TABLET  ===
			  	=== RESPONSIVE FOOTER - LAPTOP  ===
					=== POSALJI UPIT  ===
				 	 === GALERIJA -BIJELA POZADINA  ===
						=== NOVOSTI HOME  ===
							=== CAPTCHA  ===
						   	 === ADVANCED IMAGE GALLERY  ===
*/

/* === RESPONSIVE HEADER MENU-MOBILE === */
@media(max-width:1000px){
.header_inner.clearfix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}
.home .content .content_inner {
		padding-top: 85px;
	}	
.content .content_inner {
		padding-top: 50px;
	}	
}
/* === POZADINA  === */
.full_width, .content.content_top_margin_none{
	background-color:#fff !important;
}
.content .container .container_inner.page_container_inner, .full_page_container_inner {
    padding: 0 !important;
}
.container {
	background-color:#fff !important;
}
/* === MENU-KLUB === */
.klub > a {
    border-bottom: solid 1px #cbd4d4!Important;
}


/* === MENU PLUS === */
nav.vertical_menu_on_click ul>li.menu-item-has-children>a>.plus {
	background-image: url(http://dev.michel.hr/lisak/wp-content/uploads/2020/05/lisak-vertical_menu_cross.png);
}


/* === YOUTUBE WIDGET === */
.thumb_image {
	width: 0px!Important;
    height: 0px!Important;
}
.playbutton {
	display: none;
}


/* === SUBMENU === */
.vertical_menu .second .inner > ul > li > a, .vertical_menu .wide .second .inner > ul > li > a {
	padding-left: 10px;
	border-bottom: solid 1px #f7f7f7;
	background-color: #c6dbb4;
}


/* === MENU RESPONSIVE === */

@media only screen and (max-width: 1920px) {
nav.vertical_menu {
	margin: 100% 0 0;
}
.vertical_menu_area_widget_holder {
	margin: 152% 0 0;
}
}
@media only screen and (max-width: 1600px) {
nav.vertical_menu {
	margin: 80% 0 0;
}
.vertical_menu_area_widget_holder {
	margin: 130% 0 0;
}
}
@media only screen and (max-width: 1366px) {
nav.vertical_menu {
	margin: 60% 0 0;
}
.vertical_menu_area_widget_holder {
	margin: 110% 0 0;
}
}
@media only screen and (max-width: 1024px) {
nav.vertical_menu {
	margin: 50% 0 0;
}
.vertical_menu_area_widget_holder {
	margin: 100% 0 0;
}
}


/* === LOGO TOP MARGINA === */
.vertical_logo_wrapper {
	margin-top: 50px;
}

/* === FOOTER === */

footer .four_columns .widget_text {
	float:left;
	width: 50%;
	margin: 0 !important;
}
.footer_top .container_inner{
	border-bottom: 1px solid;
    padding-bottom: 15px;
}
.footer_bottom_holder{
	padding-top: 15px;
}
.image.wp-image-2379 {
	padding-left: 25px;
}

.footer_top_holder,.footer_bottom_holder{
	background: #fff !important;
}

.footer_bottom img {
	max-width:106% !important;
}


.footer_bottom .textwidget p {
	font-size:12px;
}

.footer_top .container, .footer_bottom_holder .container {
    background-color: #ffffff !important;
}

aside .vertical_menu_area_widget_holder #text-11 {
	border: none !important;
	padding: 5px 0px 5px 20px !important;
	cursor:auto !important;
}
/* === RESPONSIVE FOOTER - MOBILE === */

@media (min-width: 1000px){
.four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 {
    width: 33% !important;
    float: left;
}
@media only screen and (max-width: 480px){
.four_columns .column1, .four_columns .column2, .four_columns .column3 {
		margin:0px !important;
	}
	.column3.footer_col3 .column_inner {
    padding: 0px !important;
}
}
@media only screen and (max-width: 600px) {	
	.four_columns > .column1 > .column_inner {
    padding: 0 0 0 0 !important;
}
.four_columns > .column2 > .column_inner{
	padding: 0px 31px 0 0px !important;
	}
.four_columns > .column3 > .column_inner{
	padding: 0 60px 0 0px !important;
	}
.four_columns > .column4 > .column_inner{
	padding: 0 45px 0 0px !important;
	}
.footer_bottom_holder .footer_bottom .image{
	width:100% !important;
	}
}

/* === RESPONSIVE FOOTER - TABLET === */ 
@media (min-width: 767px) and (max-width: 999px) {
	
	.footer_bottom img {
	max-width:120% !important;
}
	.four_columns > .column4 > .column_inner {
    padding: 0 0 0 62px !important;
}
#text-3, #text-5, #text-7, #text-9 {
    float: none !important;
	padding-left: 1px !important ;
	}
#text-5 {
	margin-left: 0px;
	}
#text-2{
	padding-bottom: 35px !important;
	}
#text-4, #text-6{
	padding-bottom: 15px;
	}
#text-5 {
		float:none;
	}
#text-8{
		padding-bottom:50px;
	}
}

@media (min-width: 799px) and (max-width: 800px){
	#text-4{
		padding-bottom:35px !important;
	}
}
/* === RESPONSIVE FOOTER - LAPTOP === */ 
@media (min-width: 1280px) and (max-width: 1440px) {
	.footer_bottom img {
	max-width:120% !important;
}
.four_columns.clearfix {
		padding-left: 25px;
	}
.footer_top_border.in_grid {
    width: 950px !important;
	}
#text-3, #text-5, #text-7{
	float:left !important;
	padding: 15px 0 !important;
	}
#text-9 {
	float:left !important;
	padding: 35px 0 !important;
	}
#text-5 {
	margin-left:0px;
	}
}

/* === POSALJI UPIT === */
#backgroundPopup{
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    z-index:9999;
}
#popupContact{
	display: none;
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 550px;
	background: #fafafb;
	z-index:99999;
	padding: 35px 45px;
	font-size:13px;
	box-sizing: border-box;
	height: calc(100% - 60px);
	overflow-y: auto;
}
@media(max-height: 900px){
	#popupContact{
		top: 30px;
		height: calc(100% - 60px);
		transform: translate(-50%,0);
	}
}
@media(max-width: 550px){
	#popupContact{
		top: 0;
		left: 0;
		transform: translate(0,0);
		height: 100%;
		overflow-y: scroll;
	}
}	
#popupContact h1{
	margin: 0 0 15px 0;
}
#popupContactClose {
	font-size: 24px;
    line-height: 38px;
    right: 0px;
    top: 0px;
    position: absolute;
    color: #fff;
    font-weight: 700;
    display: block;
    background: #d33;
    width: 40px;
    height: 40px;
    text-align: center;
	cursor: pointer;
}

.wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output:before {
    background-color: #cfe8be !important;
    color: #000 !important;
}


/* === GALERIJA -BIJELA POZADINA === */

.pp_overlay {
    background-color: #fff !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}
.pp_overlay {
    opacity: .6!important;
}

.pp_nav .currentTextHolder, a.pp_arrow_previous:after, a.pp_arrow_next:after {
	color:#000 !important;
}
.pp_close:after {
	color: #ff0000 !important;
}

/* === NOVOSTI HOME === */
@media(min-width: 1001px){
	#places .latest_post_holder ul{
		display: table;
		width: 100%;
		border-spacing: 15px;
		table-layout: fixed;
	}
	#places .latest_post_holder ul .clearfix{
		display: table-cell;
		width: 33% !important;
		float: none !important;
	}
	#places .latest_post_holder ul .clearfix:before, #places .latest_post_holder ul .clearfix:after, #places .latest_post_text_inner, #places .latest_post_inner{
		border-spacing: 0;
	}
	#places .latest_post_inner{
		margin: 0 !important;
	}
	#places .latest_post_date{
		position: absolute;
		top: -52px;
	}
	#places .latest_post_title{
		margin-top: 20px;
		padding: 0 10px;
	}
}

/* @media(min-width: 360px) and (max-width:1000px){
	#places .latest_post_holder ul{
		display: table;
		width: 100%;
		border-spacing: 5px;
		table-layout: fixed;
	}
	#places .latest_post_holder ul .clearfix{
		display: table-cell;
		width: 33% !important;
		float: none !important;
	}
	#places .latest_post_holder ul .clearfix:before, #places .latest_post_holder ul .clearfix:after, #places .latest_post_text_inner, #places .latest_post_inner{
		border-spacing: 0;
	}
	#places .latest_post_inner{
		margin: 0 !important;
	}
	#places .latest_post_date{
		position: absolute;
		top: -52px;
	}
	#places .latest_post_title{
		margin-top: 20px;
		
	}
}

@media(min-width: 768px) and (max-width:800px){
	.pocetna-novosti{
		margin-left:15px !important;
	}
	
	#places.vc_row {
    width: 81%;
	}
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width: 100% !important;
	}
}

@media (min-width: 375px) and (max-width: 414px) {
    .pocetna-novosti.wpb_column {
        margin-left:-25px;
    }
}
@media (min-width: 470px) and (max-width: 480px) {
    .pocetna-novosti.wpb_column {
        margin-left:-50px;
    }
}
 */

/* === CAPTCHA === */
	.wpcf7-form-control.wpcf7-captchar{
		padding: 10px 30px;
		border: 1px solid #d6d6d6;
		margin-top: 10px;
}

/* === ADVANCED IMAGE GALLERY === */
.qode-advanced-image-gallery .owl-nav .qode-next-icon, .qode-advanced-image-gallery .owl-nav .qode-prev-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out;
    font-size: 30px;
    width: 33px;
    height: 54px;
    line-height: 54px;
    border: none;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    background-color: #fff;
}

@media  only screen and (max-width: 767px){
	.weddings-column .section_inner_margin {
		display: flex;
		flex-wrap: wrap;
	}
	.weddings.wpb_column {
		order: 2;
	}
}

@media only screen and  (min-width: 1000px){
	#nav-menu-item-3178, #nav-menu-item-3179, #nav-menu-item-3180 {
		display:none;
	}
}

@media  only screen and (max-width: 999px){
	.fa.fa-facebook a, .fa.fa-instagram a, .fa.fa-linkedin a   {
		font-size: 20px;
		margin-top: -49px;
		padding-top: 18px;
	}
	.fa-facebook::before, .fa-instagram::before, .fa-linkedin::before {
		font-size: 20px;
    	color: #888888;
	}
	.fa.fa-facebook span, .fa.fa-instagram span, .fa.fa-linkedin span {
		visibility: hidden;
	}
	
}

@media(max-width: 1000px){
	.pp_pic_holder .pp_hoverContainer  {
	margin-top:60px;
	}
}

.cn-button.bootstrap {
	color: #000 !important;
    background: #cfe8be !important;
}

.cn-close-icon:after, .cn-close-icon:before {
	    background-color: #000 !important;
}
}
@media(min-width: 1001px){
.vertical_menu_area_widget_holder{
	width: calc(100% - 60px);
}
aside .widget{
	margin: 0 0 10px 0;
}
nav.vertical_menu{
	top: 150px !important;
	transform: none !important;
	background: #cfe8be;
}
}

/*POPUP*/
.pum-theme-3787 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { 
	padding: 8px 20px;
	color: #33333378;
	font-size: 20px;
	background-color: #cfe8be;
}
#popmake-3804 {
	padding: 70px 30px;
}
/*footer menu*/
.column4 {
	display: none;
}
.four_columns .column3 .column_inner .widget_text {
	float: left;
  	width: 33%;
  	margin: 0 !important;
}
.four_columns>.column1,
.four_columns>.column2,
.four_columns>.column3,
.four_columns>.column4 {
  width:33%;
  float:left
}
@media(max-width: 600px){
	.four_columns .column3 .column_inner .widget_text {
		width: 50%;
	}
	.four_columns>.column1,
	.four_columns>.column2,
	.four_columns>.column3,
	.four_columns>.column4 {
	  width:100%;
	  float:left;
}
}