/*
Theme Name: Zara-zero
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 1.3
Template: make
*/

@import url( '/wp-content/themes/make/style.css' );
@import url( '/wp-content/themes/zarazero/testing-features.css' );

html, body {height:100%;}
#site-wrapper {
  min-height: 100%;
  margin-bottom: -142px; 
}

/* ===========================
			TYPOGRAPHIE  
=========================== */
@import url(//fonts.googleapis.com/css?family=Julius+Sans+One);

.alter-font {
	font-family: 'Julius Sans One', sans-serif;
}
/* ===========================
			HEADER
=========================== */
.site-header-main {
	padding-top: 25px;
	padding-bottom: 25px;
}

@media screen and (min-width: 801px) {
	#site-navigation {
	margin-left: 10px;
	float: left;
	min-width: 725px;
  }
}


#menu-main-menu,
#menu-main-menu-en {margin-bottom: 0px;} 

#menu-main-menu a,
#menu-main-menu-en a {
	padding: 8px 10px 0 8px; /*padding-top:44px;*/
	color: #646464;
}

#menu-main-menu .current_page_item a,
#menu-main-menu-en .current_page_item a {
  /*font-family: 'Julius Sans One', sans-serif;*/
	color: #e0e0e0;
	font-weight: normal;
}

#menu-item-625-en a,
#menu-item-1481-bg a {color: #e0e0e0;}

/* ===========================
		SITE CONTENT
=========================== */
.site-content  { 
	background-color: #262626;
	padding-top: 4rem;
}
/* gallery background overlay */
.builder-gallery-captions-dark .builder-gallery-content {
	background-color: rgba(23, 23, 23, 0.7); 
}
.builder-gallery-content {
	display: flex;
  	justify-content: center;
}

/* gallery typography */
.builder-gallery-title,
.builder-gallery-content-inner {
	font-weight: normal; 
	text-align: center;
	align-self: center;
}

/* ===========================
			FOOTER
=========================== */
.site-footer {
	border-top :solid 1px #0f0d0b;
	padding: 1rem 0;
}

/* footer menu */
#menu-footer-menu,
#menu-footer-menu-en {
	position: relative;
	text-align: center;
	
}

#menu-footer-menu li,
#menu-footer-menu-en li {
	display: inline;
}

#menu-footer-menu a,
#menu-footer-menu-en a {
	font-weight: normal;
	color: #646464;
	padding: 5px;
}

#menu-footer-menu a:hover,
#menu-footer-menu-en a:hover {
	color: #ffffff;
}

#menu-footer-menu .current_page_item a,
#menu-footer-menu-en .current_page_item a {
	color: #e0e0e0;
	font-weight: normal;
}

.contact-us {
	color: #646464;
	font-weight: normal;
}

/* wc logo @ #footer */
.wc-logo { 
	float: none;
	padding-top: 10px; 
}
.wc-logo a {
	float: none; 
	display: block;
	text-indent: -9999px; 
	background-color: transparent; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	overflow: hidden;
	margin: 0 auto; 
	background-image: url(/wp-content/themes/zarazero/images/wise-creation_zaradesign.png);
	height: 41px; 
	width: 42px;
	margin-bottom: 10px; 
}
.wc-logo a:hover, .wc-logo a:focus { background-position: 0 -41px; }


/* ===========================
    HOME PAGE
    Gallery 
=========================== */

.builder-gallery-image {
  background-size: 280px 280px;
  background-repeat: no-repeat;
}
.builder-gallery-item {
  width: 280px;
}

.builder-gallery-columns-3 .builder-gallery-item {
  width: 280px;
  margin-bottom:36px;
  margin-right: 36px;
}
.last-2 {
  margin-right: 36px;
}


/* ===========================
    Home page Hero Image
=========================== */

#heroimage {
  display: flex;
  height: 100vh;
  background: url("/wp-content/themes/zarazero/images/mondo_hero.jpg") no-repeat center center;
  background-size: cover;
  align-items: center;
  justify-content: space-around;
}

.home-content {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.home-text{
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 4em 2em 0 2em;
}

.hero-sub {
  font-family: 'Julius Sans One', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.3em;
  line-height: 1.2;
  margin-top: 0;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}

.hero-title {
  font-family: 'Julius Sans One', sans-serif;
  font-size: 2.1em;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-top: 0;
  position: relative;
  color: #fff;
  text-shadow: 1px 1px 5px #000000;
}

.hero-logo {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

.scroll-down {
  height: 40px;
  width: 40px;
  bottom: 80px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  text-align: center;
  text-decoration: none;

  -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}

.scroll-down:before {
  height: 40px;
  width: 40px;
  background: #382f2d;
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  margin: 0 0 0 -10px;
  position: absolute;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

/*  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/

  -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

  z-index: 1;
}

.scroll-down:hover:before{
  opacity: .6;
}

.scroll-down-icon{
  height: 20px;
  width: 20px;
  display: block;
  margin-left: 0;
  position: absolute;
  left: 50%;
  bottom: 15px;
  color: #fff;
  font-size: 30px;

  -webkit-animation: scroll-down-anim 1s infinite;
  -moz-animation: scroll-down-anim 1s infinite;
  -o-animation: scroll-down-anim 1s infinite;
  animation: scroll-down-anim 1s infinite;     
  z-index: 2;
}

/* ===========================
    CONTENT ELEMENTS
=========================== */
/* Breadcrumb on Project pages*/
.yoast-seo-breadcrumb {
  font-size: 1em;
  margin-bottom: 1em;
}
.yoast-seo-breadcrumb a {
  color: #999;
}

/* hide title from breacrumb */
.parent-pageid-1408 .breadcrumb_last,
.parent-pageid-1422 .breadcrumb_last,
.parent-pageid-1443 .breadcrumb_last,
.parent-pageid-791 .breadcrumb_last,
.parent-pageid-789 .breadcrumb_last,
.parent-pageid-766 .breadcrumb_last {
  display: none;
}

/* Project title */
.parent-pageid-1408 .entry-title,
.parent-pageid-1422 .entry-title,
.parent-pageid-1443 .entry-title,
.parent-pageid-791 .entry-title,
.parent-pageid-789 .entry-title,
.parent-pageid-766 .entry-title {
  font-size: 1.4em;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
}

/* Fon na slider */
.master-slider {
  background: #2d2720 !important;
}

/* Styleing Contact Form */
.sow-contact-form {
  margin-top: -12px;
}

form input,
form textarea {
  color: #000;
  border-radius: 3px !important;
}

label {
  text-align: center;
}

textarea {height: 165px;}

.sow-submit-styled {
  text-align: center;
}

/* Building - Contact Form */
#sow-contact-form-9 .sow-form-field-checkboxes ul li label,
#sow-contact-form-9 p {
  text-align: left;
  color: #727272;
  line-height: 1.2em;
}

.builder-section-panels .ui-state-active {
  background: #eaecee !important;
  border-color: #eaecee !important;
  color: #171717 !important;
}

/* Logo on the contact page */
.wp-image-282 {
  margin-right: 275px;
}
/* Align first p with project title */
.parent-pageid-15 .builder-text-content p,
.parent-pageid-623 .builder-text-content p  {
  margin-top: 6px; 
}

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

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

  /* Branding & Navigation */
  .custom-logo {
    margin: 0 auto;
    /*width: 100px  !important;
    height: 127px !important; 
    background-image: url('/wp-content/themes/zarazero/images/logo_mondo_RWD.png')  !important;*/
  }

  nav#site-navigation.site-navigation {
  	width: 100%;
  }
  #menu-main-menu li,
  #menu-main-menu-fr li {
  	text-align: center;
  }
  .menu-toggle{
  	text-align:center;
    background: #1e1a15;
    font-size: 1.7em;
  }
  .menu-toggle:before {
  	padding: 6px;
  }
  .menu-toggle:after {
  	background: #eee;
  	padding: 6px;
  }

  /* Hero Image */

  .hero-title {
    font-size: 1.2em;
    letter-spacing: normal;
    line-height: 1.1;
    margin-top: 0;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px 2px #000000;
  }

  .home-text {
    font-size: 1em;
  }

  .hero-logo {
    margin-top: 2em;
  }

  .scroll-down {
    bottom: 20px;
  }

  #menu-footer-menu {display: none;}

  /* Logo on the Contact page */

  .sow-contact-form {
  margin-top: 0;
  }

  .wp-image-282 {
    margin: auto;
  }

}