/* navy BG #14406A */


#mastheadBg, 
header#masthead,
#mastheadBg.sticky,
header#masthead.sticky {
  /*  background: #14406A; */
/*  background: #333; */
   background: url(../images/shrink-bg-slim.jpg);
   background-size: cover;
}




#mastheadBg:before, 
#mastheadBg.sticky:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(38, 40, 44, 0.8);
}





 #mastheadBg {
 		position: fixed;
 		width: 100%;
 		height: 100px;
 		/*background: #14406A;*/
 		z-index: 99;
 		-webkit-transition: all 0.4s ease;
 		transition: all 0.4s ease;
 		opacity: .75;
        background: url(../images/shrink-bg-slim.jpg);
        background-size: cover;
}
 }



  #mastheadBubble {
    position: absolute;
    left: 50%;
    height: 100px;
    width: 200px;
    margin-left: -50px;
    background: #ffc627 no-repeat center;
    z-index: 999;
    opacity: .7;
    top: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background-size: contain;
    border: 2px solid #fff;
    border-top: 0;
    display: none;
}

 header#masthead {
 		position: fixed;
 		width: 100%;
 		text-align: center;
 		height: 150px;
 		/* background: #F1BA5F; 
 		background: none;    */
 		z-index: 99;
 		-webkit-transition: all 0.4s ease;
 		transition: all 0.4s ease;
 		margin-top: 0;
 }
 
 #mastheadBg.sticky,
 header#masthead.sticky {
    height: 56px;
    padding-left: 20px;

    opacity: .75;
    border-bottom: 5px solid #fff;
 }

.main-navigation li a {
    padding: 6px 12px;
}

.sticky .main-navigation li a {
    font-family: 'DM Serif Text', serif;
    color: #fff;
    font-size: 15px;
    padding: 5px 8px;
}


  header#masthead .site-branding a,
  header#masthead .site-branding h1, 
  header#masthead .site-branding {
  	position: relative;
 	height: 100%;
 }


.topbar {
    position: absolute;
    top: 95px;
    left: 0;
    z-index: 99;
    padding: 5px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom-right-radius: 10px;
    display: none;
}


.topbar address {
    margin: 0;
}


.topbar .bp-contact-card>div {
    margin: 4px 0 0 0;
    color: #fff;
display: inline-block;
}

.topbar a {
    width: auto;
    float: right;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    font-size: 16px;
}

   #mastheadBg.sticky .site-branding a,
   #mastheadBg.sticky .site-branding h1, 
   #mastheadBg.sticky .site-branding {
  	max-height: 48px;
 }

.site-title a {
/*	font-family: 'Khand', sans-serif; */
    font-family: 'Abril Fatface', cursive;
    display: block;
    text-indent: -9999px;
}


/*
nav#site-navigation {
    position: absolute;
    right: 20px;
    left: 400px;
    top: 25px;
    width: auto;
    background: none;
}
*/

nav#site-navigation {
    position: absolute;
    right: 10px;
    left: 350px;
    top: 10px;
    width: auto;
    background: none;
    padding: 0;
}


header#masthead.sticky nav#site-navigation {
	/* left: 250px; */
    top: -10px;	
}




#mastheadBg, header#masthead {
    border-bottom: 5px solid #ccc;
}


.site-title {
    background: url(../images/logo2.png) top left no-repeat;
    background-size: contain;
    height: 95%;
    margin-top: 10px;
}

.home .entry-content {
	margin-top: 0;
}

.home .entry-title {
	display: none;
}

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

.topbar {
display: none;
}

	#mastheadBg,
	header#masthead,
	 #mastheadBg.sticky,
	header#masthead.sticky {
		height: 56px;
		padding-left: 20px;
        opacity: .9;
	}

	header#masthead .site-title {
	    text-indent: -9999px;
	    font-size: 22px;
	    text-align: left;
	    height: auto;
          /*  background: url(../images/quayslogo.png) top left no-repeat; */
    background: url(../images/logo2.png) top left no-repeat;
	    background-size: contain;
        min-height: 45px;
        margin-top: 2px;
        margin-left: 0;
	}	


	nav#site-navigation {
	    position: relative;
	    right: auto;
	    left: auto;
	    top: auto;
	    width: 100%;
	    background: none;
	    padding-top: 0;
		padding-left: 0;
	}

    .menu-toggle.hide {
        display: block !important; 
    }

    .toggled .menu-toggle.hide,
    .menu-toggle.hide {
        bottom: auto;
    }

}