/*
Theme Name: Gabriella Klein	
Theme URI: http://sthlmwebdesign.com
Author: STHLMWebDesign.com 
Author URI: http://sthlmwebdesign.com
Description: Custom theme for Gabriella Klein
Version: 1.0
License: Private - All rights reserved 
License URI: http://sthlmwebdesign.com
*/

/* GLOBAL CSS
--------------------------------------------------------------------------------------- */


a, a:focus, a:hover { color: #444; }


/* STRUCTURAL CSS
--------------------------------------------------------------------------------------- */


nav.navbar {
	padding: 0 !important; 
	color: #FFF;
	background: #FFF;
	border-bottom: 1px solid #f29400;  
	margin-bottom: 0;
}
.navbar-brand {
	padding: 0;
	padding-left: 10px;
	padding-top: 2px;
}
.navbar-title {
	font-family: 'Playfair Display SC', serif;
	font-size: 20px;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
	color: #000;
	margin-top: 2.5px;
	width: 300px;
}
.sub-navbar-title {
	font-size: 17px;
}
.navbar-brand img {
	width: 49px !important;
	height: 45px !important;
	float: left;
}
nav.navbar ul li a {color: #000; }
nav.navbar ul li a:hover {background: #eee !important;}
nav.navbar ul li.active a,
nav.navbar ul li.active a:hover,
nav.navbar ul li.current_page_parent a,
nav.navbar ul li.current_page_parent a:hover { 
	color: #FFF !important;
	background: #f29400 !important;
}

/* Collapsed Menu */

.navbar-toggle {color: #333333 !important; border: 1px solid #333333 !important; }
.navbar-header .icon-bar {color: #333333 !important;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {}
.navbar-collapse {border-top: none !important;}

/* Front Page */

.cover-header-container {
	position: relative;
	overflow: hidden;
	padding-top: 65px;
	height: 100vh;
	margin-bottom: 0px;
	box-shadow: inset 0 0 100px rgba(0,0,0,.8) !important;
}
.fixed-bg {
	transform: translate3d(0,0,0) scale(1.25);
	width: 100%;
	height: 100vh;
	position: absolute;
  	left: 0;
  	top: 0;
  	z-index: -1;
}
.loaded .fixed-bg {
  	transform: scale(1);
  	transition: 6.5s transform;
}
.cover-copy-container {
	position: absolute;
	top: 30%;
	left: 0; 
	right: 0;
	margin: 0 auto;
	opacity: 0;
   	transition: opacity 2s ease-in;
   	-moz-transition: opacity 2s ease-in;
   	-webkit-transition: opacity 2s ease-in;
}
.loaded .cover-copy-container {opacity: 1;}
.cover-copy-container a:hover {text-decoration: none !important;}
.cover-copy-container h1, 
.cover-copy-container h2  { 

	font-family: 'Playfair Display SC', serif;
	font-size: 100px;
	color: #FFF;
	text-shadow: 0 1px 3px rgba(0,0,0,.8);
	text-align: center;
	max-width: 100%;	
}
.cover-copy-container hr {width: 30%; border-color: #f29400; }
.cover-copy-container h2 {font-size: 64px;}

@media (max-width: 767px) {
	.cover-copy-container h1 { font-size: 48px;	}
	.cover-copy-container h2 {font-size: 36px;}
}
@media (min-width: 768px) { }

/* Page */

.cover-content-container {margin-top: 40px !important; }
.cover-content-container p {max-width: 550px; margin-left: auto; margin-right: auto; }
.btn-container a.btn {
	font-family: 'Playfair Display SC', serif;
	border: 1px solid #f29400; 
	background: #f29400;
	color: #FFF;
	margin-left: auto; 
	margin-right: auto;
}
.btn-container a.btn:hover {border: 1px solid #f29400; background: #f29400;}
.btn-container {max-width: 550px; margin: 40px auto; overflow: auto; }

.cover-extraimages {margin-top: 40px; max-width: 600px; overflow: auto; margin: 0 auto; }

.page-container {margin-top: 65px;}
.page-container h1 {
	font-family: 'Playfair Display SC', serif;
	margin-bottom: 65px;
}

@media (max-width: 767px) {
	.btn-container a.btn {
		margin-left: auto; 
		margin-right: auto;
		display: block;
		margin-bottom: 15px;
	}

}
@media (min-width: 768px) { }

/* Footer */

footer {margin-top: 20px; padding-top: 20px;}
footer hr {
	width: 30%;
	height: .5px;
	color: #eee;
}
footer p {
	color: #444;
	text-align: center;
}
footer p .small {font-size: 10px;}

.home footer {display: none;}
/* KONTAKT PAGE 
--------------------------------------------------------------------------------------- */


.wpcf7 form {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px) {.wpcf7 form {padding-top: 40px;} }
.wpcf7 form .btn {
	border: 1px solid #333333; 
	background: #FFF;
	color: #333333;
	font-family: 'Playfair Display SC', serif;
}
.wpcf7 form .btn:hover {border: 1px solid #000; color: #000; background: #FFF;}
.screen-reader-response {display: none;}
.wpcf7-mail-sent-ok {background-color: #dff0d8; padding: 20px;}
.wpcf7-validation-errors {background-color: #f2dede; padding: 20px;}
.wpcf7-not-valid-tip {background-color: #f2dede; padding: 2px;}

/* GALLERY PAGE
--------------------------------------------------------------------------------------- */

.gallery-post {
	width: 25%; 
	float: left; 
	padding: 0 20px; 
	margin-bottom: 40px;
}
@media (max-width: 767px) { .gallery-post {width: 100%;} }
.gallery-post img {
	width: 100%; 
	height: auto; 
	margin-bottom: 0;
}
.gallery-post h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	line-height: 29px;
	text-align: center;
	margin-top: 5px;
}

.gallery-columns-2 {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
}
.gallery-columns-3 {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
}
.gallery-columns-4 {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
}
.gallery-columns-5 {
 -webkit-column-count: 5;
 -moz-column-count: 5;
 column-count: 5;
}
.gallery-columns-6 {
 -webkit-column-count: 6;
 -moz-column-count: 6;
 column-count: 6;
}
.gallery-columns-7 {
 -webkit-column-count: 7;
 -moz-column-count: 7;
 column-count: 7;
}
.gallery-columns-8 {
 -webkit-column-count: 8;
 -moz-column-count: 8;
 column-count: 8;
}
.gallery-columns-9 {
 -webkit-column-count: 9;
 -moz-column-count: 9;
 column-count: 9;
}
.gallery-item {
 display: inline-block;
 text-align: center;
 vertical-align: top;
 width: 100%;
 margin: 0 0 0.5em;
}
.gallery-item img {width: 100%; height: auto;}

.bwg-title2 {
    display: none;
}
.bwg-standard-thumbnails .bwg-zoom-effect .bwg-zoom-effect-overlay {
    background-color: unset!important;
}