/**
 * BNS Add Style - Custom Stylesheet
 *
 * This file was added after the activation of the BNS Add Style Plugin.
 *
 * If you no longer want to use these styles delete the contents of this file,
 * or simply deactivate the BNS Add Style Plugin (recommended).
 *
 * If you choose to deactivate this plugin this file will remain as is but will
 * not be used. If you reactivate this plugin the styles below will take effect.
 *
 * Add your custom styles for this theme below this comment block. Enjoy!
 */



/* set min-height to 100 view height */
html body, #container { min-height: 100vh;  }
body p, div, span, a {
  -ms-word-break: keep-all;
  -ms-word-wrap: keep-all;
  word-break: keep-all !important;
}


/* reset container css 
*************************************************************/
#container { overflow: hidden; }
#container #content { margin-top: 0; }
#container .hentry { margin-bottom: 0; }
#container .entry-content { padding: 0; }
.home .wpb_row{ margin-bottom: 0px; }


/* Center inner content */
#inner-content { margin: 0 auto; display: table; }


/* Relative sizings */
#main { width: 100%; padding: 0; margin: 0; }
#main section { height: 100%; }


/* remove footer/header backgrounds */
#container .header, #container .footer { background: none; }


/* set background-size to cover */
body.custom-background { background-size: cover; }
p { color: #54301a; }

select {
  margin: 2px;
  padding: 5px;
  width: 100%;
}
.jquery-responsive-select-menu { margin-bottom: 10px; }

#OT_form, .OT_wrapper { width: 250px !important; }
.OT_day, .OT_time, .OT_party {
  height: auto !important;
}


/***************************************************************
              Header
****************************************************************/
.headerImgs { display: block; }
.headerImgs .top-images { list-style: none; text-align: center; margin: 0; background: rgba(255,255,255,0.6); }
.headerImgs .top-images li { display: inline-block; width: 100px; height: 65px; background-size: 100%; background-repeat: no-repeat; background-position: center; margin-right: 30px; }
.headerImgs .top-images li:last-child { margin-right: 0; }
.headerImgs .top-images li a { display: block; width: 100%; height: 100%; }

.headerImgs .top-images .cobblestones { 
  background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/cobblestones.png'); 
}
.headerImgs .top-images .shg { 
  background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/SHG.png'); width: 120px; 
}
.headerImgs .top-images .moonstones { 
  background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/logo.png'); 
}

/******************************************************* Logo */
.header #logo { text-align: center; margin: 40px 0; }
.header #logo img { max-width:275px; height: auto; }





/***************************************************************
              Navigation
****************************************************************/
#menu-main-menu, #menu-footer-menu { display: table; margin: auto; }
footer .nav li a, #container .nav li a { padding: 0; color: #54301a; text-transform: lowercase; text-decoration: none; }
.nav li a:after { content: ""; padding-right:1px; background-color: #54301a; }
.nav li:last-child a:after { display: none !important; }




/***************************************************************
              default page set-up 
****************************************************************/
#featured-image, #post-content { box-sizing: border-box; display: inline-block; vertical-align: top; height: 100%; overflow: hidden; }
#featured-image { width: 32%; }
#post-content { width: 68%; position: relative; }
#main section.hentry { background: rgba(255,255,255,0.5) }

.not-home #post-content .post-content-wrapper { 
  padding: 5% 10%;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 95%; 
  width: 100% !important;
}

.no-v-center { 
  position: static !important;
  -ms-transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  transform:translateY(0); !important; top: 0 !important; 
}


#featured-image img { min-height: 100%; }


.entry-content a { color: #54301a; font-weight: bold; text-decoration: none; }
.entry-content a:hover { color: #54301a; font-weight: bold; text-decoration: underline; }
.entry-content h3 { color: #54301a; }

/***************************************************************
              Homepage Only
****************************************************************/
/* Slider */
#first-slider { width: 67%; }
#first-slider { margin: 0; padding: 0; float: left; overflow: hidden; max-height: 100%; }
#first-slider * { margin: 0; padding: 0; }

#homepage-content { width: 33%; height: 100%; float: left; background: url('http://moonstones110.com/wp-content/uploads/2015/04/Whats-New-Background.png'); padding: 15px;}

.entry-content .home-text {  }
.entry-content .home-text p { margin: 0 0 1em; }
.entry-content .home-text a { color: #c26b11; text-decoration: none; }
.entry-content .home-text a:hover { color: #c26b11; text-decoration: underline; }


/***************************************************************
              Menu Page
****************************************************************/
p.brown-menu-box {
  background: #923f1f;
  padding: 20px 5px;
  word-break: normal;
  word-wrap: normal;
  width: 70px;
  height: 45px;
  box-sizing: content-box;
  display: table;
  margin: 0 auto !important;
}
p.brown-menu-box a { color: #fff; text-decoration: none; }


/* Gallery Page */
.thumb-container {
  float: left;
  max-width: 25%;
  box-sizing: border-box;
  padding: 2.5px 5px;
}
.entry-content .thumb-container img {
  padding: 0;
  margin: 0;
  border: 2px solid #54301a;
  box-sizing: border-box;
  cursor: pointer;
}
#images-grid { width: 35%; position: relative; height: 100%; float: right; }
#images-mirror { height: 100%; width: 65%; float: left; background-size: contain; background-position: center; background-repeat: no-repeat; }

#images-grid > .images-grid-wrapper { 
  padding: 5% 10%;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 95%; 
}
#images-grid .images-grid-wrapper > div { position: initial; top: initial; transform: none;  }

/***************************************************************
              Menu Page
****************************************************************/

.news a { color: #924020; text-transform: uppercase; font-size: 11px; }


/****************************************************************
 Giftcard Page 
*****************************************************************/

.giftcard-btn {
  margin: 0 auto;
  display: table;
}
.giftcard-img { margin: 0; }


/***************************************************************
 Footer
****************************************************************/
.social-icons { list-style: none; text-align: center; margin: 0; }
.social-icons li { display: inline-block; width: 25px; height: 25px; margin-right: 10px; margin-bottom: 0 !important; }
.social-icons li:last-child { margin-right: 0; }
.social-icons li a { display: block; background-size: contain; width: 25px; height: 25px; background-repeat: no-repeat; }
.social-icons a.twitter-icon { background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/twitter-icon.png'); }
.social-icons a.facebook-icon { background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/facebook.png'); }
.social-icons a.youtube-icon { background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/youtube.png'); }
.social-icons a.instagram-icon { background-image: url('http://moonstones110.com/wp-content/uploads/2015/03/instagram.png'); }
.social-icons a.pinterest-icon { background-image: url('http://moonstones110.com/wp-content/uploads/2015/05/pinterest.png'); }

.footer-video { display: table; margin: 0 auto; width: 50px; height: 50px; background: #111; }
.footer-video a { display: block; height: 50px; background: url('http://moonstones110.com/wp-content/uploads/2015/04/Phantom_Logo_with_website_400x400-e1429338244206.png'); background-size: cover; box-sizing border-box; border: 1px solid #54301a; }
.footer-text { font-size: 14px; font-weight: bold; text-align: center; }
.footer-text a { color: #54301a; text-decoration: none; }
.footer-address { font-size: 11px; text-align: center; }
.footer-address a { color: #54301a; text-decoration: none; }
.footer-address-spacing { margin: 0 1.5em; }
.copyright { font-size: 10px; text-align: right; }




/* Modal 
===============================================================*/
div#newsletter-modal { background: #923f1f; padding: 35px; width: 90%; max-width: 375px;
  -webkit-box-shadow: 10px 10px 29px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 29px -5px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 29px -5px rgba(0,0,0,0.75);
}
.newsletter-form {  }
div#newsletter-modal label { color: #fff; text-align: center; display: block; margin-bottom: 5px; }
div#newsletter-modal input[type="text"], div#newsletter-modal input[type="email"] { margin-bottom: 5px; border-radius: 0; width: 100%; }
div#newsletter-modal p { color: #fff; text-align: center; margin-top: 0; margin-bottom: 5px; }
div#newsletter-modal .form-submit-button {
  background: #dbd5c7;
  color: #543015;
  border: none;
  padding: 10px 30px;
  border-radius: 20px;
  margin: 0 auto;
  display: block;
}


/***************************************************************
    Media Queries
****************************************************************/

/*Desktop******************************************************************/@media (min-width: 1050px) {

/***********************
Default page dims
***********************/
  #inner-content { width: 1000px; }
  #main { height: 460px; }

/************************
 nav-menu 
*************************/
  #container .nav li a, footer .nav li a { font-size: 18px; }
  .nav li a:after { margin: 0 25px; }

/***********
Other
*************/
  #homepage-content {  }
  #homepage-content p { font-size: 16px; }

/************************
 default font size
*************************/
  .entry-content p { font-size: 16px; }

}
/*Tablets*********************************************/@media (min-width: 768px) and (max-width: 1050px) {

/***********************
Default page dims
***********************/
  #inner-content { width: 670px; }
  #main { height: 310px; }
/************************
 nav-menu 
*************************/
  #container .nav li a, footer .nav li a { font-size: 15px; }
  .nav li a:after { margin: 0 16px; }
/************************
 default font size
*************************/
  .entry-content p { font-size: 13px; }

}






/*Mobile phones*************************************************************/@media ( max-width: 767px ) {

/***********************
Default page dims
***********************/
  #inner-content {  }
  #main {  }
  #featured-image, #post-content { width: 100%; position: initial; } 
  #featured-image { max-width: 50%; display: block; margin: 0 auto; min-height: 1px; height: auto; }
  #featured-image img { height: auto; min-height: 1px; }
  .not-home #post-content > .post-content-wrapper { position: initial; }

/************************
 default font size
*************************/
  .entry-content p { font-size: 12px; }

/* homepage content adjustments */
  #homepage-content { width: 100%; float: right; padding-bottom: 20px; }
  #first-slider { width: 100%; float: left; }

/* resize header images */
  .headerImgs .top-images li { width: 75px; height: 45px; }
  .headerImgs .top-images .shg { width: 85px; }

/* Gallery Page */
#images-grid, #images-mirror { float: none; width: 100%; display: block; min-height: 300px; }

/* resize footer links */
  .footer-links { margin-top:15px; }

}


@media only screen and (min-width: 768px) {
/* override bones default style */
/* Should Remove later from lib/css/style.css */
  .widget.widget_text {
    padding: 0;
    margin: 15px 0;
  }


/* Center content on desktop sizes */
  #homepage-content > div, .post-content-wrapper > div { position: relative; top: 50%;  
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform:translateY(-50%);
}

}