/*
Theme Name: Dubrovnik Photo
Theme URI: http://www.dubrovnikphoto.hr
Description: Dubrovnik Photo Wordpress Theme
Author: Dubravko Lenert
Author URI: http://www.dubrovnikphoto.com
Template: Divi
Version 1.0.0
*/

@import url("../Divi/style.css");
/* @import url("jquery.pagepiling.css"); */

/* =Theme customization starts here
------------------------------------------------------- */

/* .pp-section {
    height:100%;
    position:absolute;
    width:100%;
    
    backface-visibility: hidden; 
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);

	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
} */





/* colors */

.brown {color: #bcb3a2;}
.blue {color: #48a2aa;}
.red {color: #9b2b29;}
.golden {color: #e0b047;}


/* :root {
	--brown: #bcb3a2;
	--blue: #48a2aa;
	--red: #9b2b29;
	--golden: #e0b047;
} */

/* 
.brown {color: var(--brown);}
.blue {color: var(--blue);}
.red {color: var(--red);}
.golden {color: var(--golden);}
 */


/* .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute !important; } */




/* general */

body { min-height: 100% !important; }
/* #page-container, #et-main-area { height: 100%; }  
#page-container { overflow: visible !important; } */

html { height: 100%; }

body, p {
	font-family: 'Roboto', 'Helvetica' ,'Arial', 'Lucida', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather Sans','Helvetica', 'Arial','Lucida',sans-serif; }

/* h1 {
	font-weight: 700;
	font-size: 30px;
	text-align: center;
} */


h1 {
	font-family: 'Avenir Next';
   /* 36px */
/* 	font-size: 2.25rem;  */
    font-size: 3.5em;
	font-weight: 700;
	text-align: center;
	color: black;
}

@media (min-width: 700px){ 
  h1 { 
    font-size: 4.5rem; /* 3.5 - 56px */
  }
}

@media (min-width: 1000px){   
  h1 {
    font-size: 6rem; /* 4.75 - 76px */
  }
}


/*************************** 
 * 
 *	      TOP MENU 
 * 
 **************************/

/* #main-header,
#et-top-navigation { 
  height: 44px !important;
	top: 0;
} */


/*************************** 
 * 
 *	      HOMEPAGE 
 * 
 **************************/

#fv-dots { z-index: 99; }

/* .vh100 {
    min-height: 100vh;
	max-height: 100vh;
	width: 100%;
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
} */

.headerContainer {
	display: flex;
	flex-wrap: wrap;
/* 	align-items: center; */
	align-content: space-evenly;  /* center */
	justify-content: center;
}

.vh100 img { height: 100%; object-fit: cover;}

.headerContainer p { width: 100%; padding: 0% 25%; text-align: center; }
/* .headerContainer h1 { padding: 5% 1%; } */
/* .headerContainer h1 { font-family: 'Avenir Next'; font-size: 6em; padding: 5% 1%;} */
.headerContainer h3 { 
	width: 100%; 
	font-weight: 700;
	font-size: 1.5em;
/* 	padding: 5% 1%;  */
	text-align: center; 
	color: #bc221a;
}

@media (max-width: 700px){ 
  .headerContainer p { 
    padding: 0 5%;
  }
}






/* PARTNERS SLIDER */

/* .partnersHeader {
  background-color: #bc2d25;
  float: left;
} */

h2.partnersHeader {
/* 	display: inline-block; */
	float: left;
	text-align: left;
	font-family: 'Avenir Next';
	font-weight: 600;
	color: #fff;
	font-size: 3em;
	padding: 1% 1%;
	margin: 2%;
}

.et_pb_fullwidth_header_container { width: 100% !important; }
.box-container { height: 100%; }

.partners-slider {
  position: relative;
  height: 60%;
  margin: 5% 0;
}

.partners-wrapper {
/*     background-color: #8f2727; */
    height: 80%;
	width: 100%;
    padding: 0;
}
.tns-ovh, .tns-inner, .tns-outer { height: 100%; }

.myBox { height: 100%; background-color: #bc221a;} /* #9b2b29 stara*/
.myBox img { 
	float: left;
	height: 80%; 
	object-fit: cover;
}
.myBox p { color: #fff; text-align: center;}
.imgLogo {
	float: left;
    height: 20%;
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgLogo img {
	    display: block;
    width: 80%;
    height: 50%;
    object-fit: contain;
}

/* TNS NAV */

.tns-nav {
    text-align: center;
    margin: 10px 0;
}

.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  border: 0;
}

.tns-nav > .tns-nav-active {
  background: #999;
}

.tns-outer [aria-controls]{
  cursor: pointer;
}












/* media Showcase - double slider with bg img */

.mediaShowcaseContainer {
	width: 100%;
	max-width: 100%;
	background-color: #e0b047;
}

.mediaShowcaseWrapper{
	max-width: 1080px;
	border: 1px solid grey;
}

.mediaShowcaseLeftSlider h3, 
.mediaShowcaseRightSlider h3 { color: #fff !important; padding: 20px; }


@media (min-width: 981px){
	.mediaShowcaseElementLeft {
		padding-right: 11.5% !important;
	}
}

@media (max-width: 980px){
	.mediaShowcaseElementRight {
		padding: 0 25% !important;
	}
}



h2.mediaShowcaseHeader {
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

div.mediaShowcaseLeftBox, div.mediaShowcaseRightBox {
	display: grid;
	width: 100%;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
div.mediaShowcaseLeftBox { 	background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/laptop.svg"); }

div.mediaShowcaseRightBox { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/cellphone.svg"); }

.mediaShowcaseLeftSlider {
	position: absolute;
	top: 19%;
	left: 4%;
	width: 92%;
	height: 68%;
}

.mediaShowcaseRightSlider {
	display: block;
	position: absolute;
	top: 19%;
	left: 5%;
	width: 90%;
	height: 66%;
}








/* SERVICES SECTION  */

.servicesSliderSection {
/* 	margin-top: 50px; */
	width: 100%;
	max-width: 100%;
/* 	background-color: #48a2aa; */
}

/* SERVICES WITH 3X3 GALLERY */

.gallery3x3Wrapper {
  width: 50%;
}

.gallery3x3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery3x3Item {
  position: relative;
  width: 32%;
  padding-bottom: 32%;
  margin-bottom: 2%;
  border: 1px solid green;
}

.gallery3x3Item img {
  position: absolute;
  height: 100%;
  object-fit: cover;
}

.restaurants, .companies {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  margin: auto;
}

div.servicesTextWrapper {
  width: 45%;
/*   margin-left: 5%; */
}
div.servicesText { margin-left: 15%; }

div.restaurants {
	max-width: 1080px;
}

.slideServices {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 75px 0;	
}
.slideRestaurant { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/services-bg.jpg");}
.slideCompanies { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/services2-bg.jpg");}

.servicesText {  }
.servicesText h2 { font-size: 40px; color: #fff; text-align: center; padding: 40px 0; }
.servicesText p { color: #fff; text-align: center; font-size: 20px; }

/* SLIDER PREV/NEXT BUTTONS */

  .prev, .next {
    padding: 0px;
    text-align: center;
    background-position: center;
    background-size:
    contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 35%;
    width: 10%;
    height: 30%;
    opacity: 0.3;

  }

  .prev {
    background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/previousArrow.svg");
    left: 1%;
  }
  .next {
    background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/nextArrow.svg");
    right: 10px;
  }




/* test boxes */
  .box1, .box2, .box3, .box4, .box5, .box6 {
    color: #fff !important;
	text-align: center !important;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

  .box1 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe1.jpg");}
  .box2 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe2.jpg");}
  .box3 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe3.jpg");}
  .box4 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe4.jpg");}
  .box5 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe5.jpg");}
  .box6 { background-image: url("http://dubrovnikphoto.hr/wp-content/uploads/2021/03/gaffe6.jpg");}

.tns-ovh, .tns-inner, .tns-outer, .mediaShowcaseLeftSlider, .my-slider1, .mediaShowcaseRightSlider, .my-slider2 { height: 100%; width: 100%; }