/*
Theme Name: DCMultipage
Author: David Chan
Author URI: http://davidchankl.me/
Description: DC\'s take on a multipage template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dcmultipage
Tags:

This theme, like WordPress, is licensed under the GPL.

DCMultipage is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
/*--------------------------------------------------------------
# Word Break
--------------------------------------------------------------*/

#primary, #secondary{

    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.centerstuff{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.fullwidth{
    width:100vw !important;
}

/*--------------------------------------------------------------
# Filters
--------------------------------------------------------------*/

.overlay{
    position:absolute;
    z-index:2;
    background:rgba(88, 88, 88, 0.2);
    top:0;
    left:0;
    height:100%;
    width:100%;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

.bgimage h1, .bgimage h2, .bgimage h3{
    text-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

.widget ul{
    list-style:none;
    padding-left:15px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

body{

    font-family:"source sans pro";

}

.mainlogo{
  z-index:99;
}

.mainlogo img{
  max-width:460px;
  margin-top: 88px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}


.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Post Meta
--------------------------------------------------------------*/

.entry-meta .posted-on{
    margin-right: 20px;
}

.posted-on .fa, .byline .fa{
    color:#bcbcbc;
}

.posted-on a, .byline a{
    color:#777;
    text-decoration:none;
}

.posted-on a:hover, .byline a:hover{
    color:#555;
    font-weight:bold;
}

/*--------------------------------------------------------------
# Multi Page Template
--------------------------------------------------------------*/

.bgimage{
    height:100vh;
    background-size:cover !important;
    background-position:center !important;
    color:#fff;
}
.branch{
    text-align:center;
    z-index:3;
    font-family: 'Dancing Script', cursive;

}
.branch h1{
  font-size:50px;
}
.zoom{
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.zoom:hover{
    -webkit-filter:brightness(60%);
    filter:brightness(60%);
}

@media(max-width:767px){
    .bgimage{
        height:50vh;
    }
.mainlogo img{
    max-width: 303px;
margin-top:auto;
}
}

@media(max-width:1200px){
  .branch h1{
    font-size:40px;
  }
}

/*--------------------------------------------------------------
## Modal
--------------------------------------------------------------*/

.modal-content{
  border-radius: 0;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.modal-header, .modal-content, .modal-footer{
  border:none;
}
.modal-content .thumbnail p{
  height:40vh;
}
.modal-header{
  padding:0 !important;
}
.modal-title{
  color:#dec291;
}

.fa-close{
  position: absolute;
  top: 10px;
  right: 10px;
  color: #adadad;
  font-size: 25px;
  opacity: 1;
}

.open-reservation-modal{
  cursor:select;
}

.text{
  padding:40px;
}
@media(max-width:767px){
  .text{
    padding:20px !important;
  }
}
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.btn{
  border-radius:0 !important;
  letter-spacing:1px;
}

.btn-xl{
  font-size: 18px;
  padding: 20px 40px;
  margin-top:20px;
}

.btn-fancy{
  border:1px solid;
  text-transform:uppercase;
}

.btn-fancy:hover{
  background-color:#dec291;
  color:#fff !important;
}

.btn-fancy-black{
  color: #888;
  border: 1px solid;
  margin-top: 20px;
  cursor: -webkit-zoom-in;
  padding: 10px 20px;
  border-color: #ddd;
}
.btn-fancy-black:hover{
  color:#fff !important;
  border-color:#333;
  background-color:#333;
}

.btn-danger{
  color:#fff !important;
}

.color-1{
  background-color:#4b883c;
  color:#fff;
  border:none;
}

.color-2{
  background:#fff;
  color:#333 !important;
  border:none;
}

.color-3{
  color:#dec291;
}

.color-3:hover{
  background-color:#4b883c;
}

.bg-gray{
  background-color:#f5f5f5;
  border-top: 1px solid #e2e2e2;
}