/*
Theme Name: Wlow Pro
Theme URI: http://example.com/twenty-fifteen-child/
Description: Wlow Pro Theme (child of wlow)
Author: Andrea Marchetti
Author URI: http://example.com

Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: wlowpro
Template: wlow
*/

/* Focus
--------------------------------------- */



/* Solo Pages
--------------------------------------- */


.navbar .container {position:relative;}
.navbar-brand {position: absolute; top:0; left:0;}
.navbar-brand > img {width:auto; height: 100px;float:left;}



/* normal page image logo */
.navbar-brand > img.image-white{display: none;}
.navbar-brand > img.image-black{display: none}
.navbar-brand >img.brownlogo{display: block; height: 78px; margin-left: 5%}
.navbar-brand >img.browndiamond{display: none; transition-property: display; transition-duration: 1s;}

/* home page image logo */
.home .navbar-brand > img{position: absolute;top:0;left:5px;}
.home .navbar-brand > img.brownlogo{display: block;opacity: 1;}
.home .navbar-brand > img.browndiamond{display: block;opacity: 0; margin-left: 5%}
.home .navbar-brand > img.image-black{display: block;opacity: 0;}
.home .navbar-brand > img.image-white{display: block;opacity: 1;}


/*logo when scroll in home */
.navbar-scroll-down .navbar-brand > img.image-black{opacity: 1;}
.navbar-scroll-down .navbar-brand > img.image-white{opacity: 0;}
.navbar-scroll-down .navbar-brand > img.browndiamond{display: block; opacity: 1; margin-left: 5%}
.navbar-scroll-down .navbar-brand > img.brownlogo{opacity: 0;}
.navbar-scroll-down .navbar-brand > img{height:50px;}


/* ------------------------------------------------------------------------- *
/* 3 Modules */
/* ------------------------------------------------------------------------- */

/* Focus
--------------------------------------- */

.poster{height: 550px; display: table;width: 100%; overflow: hidden;position: relative}
.poster__fill{width:100%; height: 100%; background: url(https://pacificcoastgrill.com/PCGimages/poster-gradient.png) no-repeat bottom left; position: absolute; top:0; left:0}
.poster__caption{ display:table-cell; vertical-align: bottom; z-index: 1;position: relative;padding:30px;}
.poster__caption__copy,
.poster__caption__title{max-width: 600px;color:#fff;margin-bottom: 20px;	}

/*-----------------------------
Nav Logo Fix
-----------------------------*/
@media (max-width: 995px) {

.navbar-brand > img{ height: 85px;}
.home .navbar-brand > img{position: absolute; top:0; left: 20px;}

}


@media (max-width: 820px) {

.navbar-brand > img{ height: 71px;}
.home .navbar-brand > img{ top: 3px; }

}

@media (max-width: 769px) {

.navbar-brand > img{ height: 62px;}
.home .navbar-brand > img{ left: 3px; }

}
/* ----------------------------- */
/* Smarthphone */
/* ----------------------------- */
@media (max-width: 767px) {
    .navbar-brand > img{height:62px!important;}
	.home .navbar-brand > img.brownlogo{display: block;opacity: 1;}
    .home .navbar-brand > img.browndiamond{display: block;opacity: 0;}
	.home .navbar-brand > img.image-black{display: block;opacity: 1;}
	.home .navbar-brand > img.image-white{display: block;opacity: 0;}


}