/*
Theme Name: The Baubox
Description: The Baubox Theme
Author: Monterey Bay Design
Template: exponent
Version: 999999.0
*/

/***********************************
CUSTOM STYLES
by Monterey Bay Design
www.montereybaydesign.com
***********************************/

/*CHANGE NAV STYLE PRIOR TO BREAK FOR MOBILE MENU*/
@media only screen and (max-width: 1378px) {
.tatsu-menu li a {padding-right: 5px !important; font-size:.8em!important;}
.page-online-consultation .consult-row { width:100% !important; margin-bottom: 5px!important;}	
}

@media only screen and (max-width: 1200px) {
.page-our-story .tatsu-interactive-box {max-height: none !important; margin-bottom: 5px !important;} 	
.page-meet-the-box .tatsu-interactive-box {max-height: none !important; max-width: 340px; margin: 0 auto; margin-bottom: 5px !important;} 
.page-inside-the-box .tatsu-interactive-box { margin: 0 auto;  margin-bottom: 5px !important;} 	
}

/*ADDRESS STYLING FOR ADA COMPLIANCE*/
a:focus { outline: -webkit-focus-ring-color auto 5px;}

/**********************
    HEADER
**********************/
.tatsu-header a:hover {color: #CF8F1B;}

/*****HAMBURGER******/
.tatsu-hamburger .line-wrapper > .line-1 {width: 66%;}
.tatsu-hamburger .line-wrapper > .line-3 {width: 33%;}
.tatsu-hamburger .line-wrapper:hover > .line-1, .tatsu-hamburger .line-wrapper:hover > .line-3 {width: 100%;}

/**********************
    HERO
**********************/
#hero { text-shadow: 1px 1px 1px #000;  }

/******************
    BLOG
*******************/
.exp-posts-loop-style1 .exp-post-details {border: 1px solid #CF8F1B;}
.blog a:link {color: #000;}
.blog a:hover {color: #1D7E20;} 
.exp-posts-loop .exp-post-title a:hover {color: #1D7E20;}
.widget ul li a:hover {color: #1D7E20;}
.blog .widget a:hover  {color: #1D7E20 !important;}
.exp-post-single-header .exp-post-title a:hover {color: #1D7E20;}
.widget h2 {font-size: 28px !important;} 

/*****************************
  ALTERNATING COLOR SECTIONS
******************************/
.tatsu-section:nth-child(even):not(.tatsu-Sk3xoh5aj.tatsu-section):not(.tatsu-ryWalIzhai.tatsu-section) {background-color: #fff; border-bottom: 1px solid #ddd;}
.tatsu-section:nth-child(odd):not(.tatsu-Sk3xoh5aj.tatsu-section):not(.tatsu-ryWalIzhai.tatsu-section) {background-color: #fafafa; border-bottom: 1px solid #ddd;}

/**ALTERNATING COLOR BORDER EXCEPTIONS**/
.tatsu-B1xE815ybn.tatsu-section {border-bottom: none!important;}
.tatsu-hcf5fb012p6rsyqc.tatsu-section {border-bottom: none!important;}
.tatsu-rJWdErNh6j.tatsu-section {border-bottom: none!important;}
.tatsu-hb4yzqzbox3vukb0.tatsu-section {border-bottom: none!important;}

/******************
    TESTIMONIALS
*******************/
.page-testimonials .tatsu-interactive-box-stacked .tatsu-interactive-box-header {display:none;}
.page-testimonials .tatsu-interactive-box-content {background: rgba(255,255,255,0.7); padding: 20px; font-weight: 500;}
.page-testimonials .tatsu-interactive-box-content a {font-weight: bold; color: #555;}
.page-testimonials .tatsu-interactive-box-content a:hover {color: #d5ac63;}
.single-testimonials .be-themes-content-padding {padding:70px 70px;}

/******************
ONLINE CONSULTATION
*******************/
.page-online-consultation .tatsu-interactive-box-back {background: #efefef !important; padding: 15px;}
.page-online-consultation .tatsu-interactive-box { /*min-width: 320px;*/ max-width: 355px !important; margin: 0 auto;}

/******************
PREFERRED VENDORS
*******************/
.page-preferred-vendors .tatsu-interactive-box-back {background: #000 !important; padding: 15px;}
.page-preferred-vendors .tatsu-interactive-box-title {text-shadow: 2px 2px 3px #000;  }
.page-preferred-vendors .tatsu-interactive-box-content h2, .page-preferred-vendors .tatsu-interactive-box-content h4 {color: #fff;}

/******************
CASE STUDIES
*******************/
.page-case-studies .tatsu-interactive-box-overlay::after {background: rgba(0,0,0,0.5) !important; }
.page-case-studies .tatsu-interactive-box-content {text-shadow: 1px 1px 3px #000;}

/******************
MEET THE BOX
*******************/
.page-meet-the-box .tatsu-interactive-box-back {background: #efefef !important; padding: 15px;}

/******************
OUR STORY
*******************/
.page-our-story .tatsu-interactive-box-back {background: #fff !important; padding: 15px;}

/******************
FRONT FINISHES
*******************/
.page-front-finishes .tatsu-interactive-box-back {background: #fff !important; padding: 15px;}
.page-front-finishes .tatsu-interactive-box { /*min-width: 320px;*/ max-width: 355px !important; margin: 0 auto;}

/******************
HANDLES
*******************/
.page-handles .tatsu-interactive-box-back {background: #fff !important; padding: 15px;}

/******************
INSIDE THE BOX
*******************/
.page-inside-the-box .tatsu-interactive-box-back {background: #fff !important; padding: 15px;}
/*.page-inside-the-box .tatsu-interactive-box { min-height: 300px !important;  }*/

/********************
   CONTACT PAGE
*********************/
.page-contact .tatsu-section:nth-child(even):not(.tatsu-Sk3xoh5aj.tatsu-section) {background-color: #fff; border-bottom: 1px solid #ddd;}
.page-contact .tatsu-section:nth-child(odd):not(.tatsu-Sk3xoh5aj.tatsu-section)  {background-color: #fafafa; border-bottom: 1px solid #ddd;}

/******************
GLOBAL TATSU FOOTER
*******************/
#tatsu-footer-container a:hover {color: #CF8F1B!important;}

/******************
     FOOTER
*******************/
a.siteby {font-style: italic; font-size: 80%; color: #ccc !important;}
a.siteby:hover {color: #CF8F1B !important;}
.site-by {font-size: 90%;}
#footer {background-color: #000; max-width: 100% !important; border-top: solid 1px #CF8F1B;}
#footer {color: #fff;}
#footer a {color: #fff;}
#footer a:hover {color: #CF8F1B;}
#footer a:focus {outline: 2px dashed #CF8F1B; background:#fff; color: #000; padding:3px;}

/* MORE INFO BUTTON */
.more-info-button {
	display:block;
	vertical-align: top;
	position: relative;
	width:auto;
	margin: 2px auto !important;
	overflow:visible;
	transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;
}

.more-info-button {
	text-align:center;
	text-transform:uppercase;
	color:#fff !important;
	font-size:13px;
	padding: 5px;
}

.more-info-button a{color:#fff; text-decoration:none !important;}

.more-info-button:hover, a:hover .more-info-button {
	background:#fff;
	color: #000 !important;
	border: 1px solid #CF8F1B;
	cursor: pointer; cursor: hand; 
}

.more-info-button {background: #333;border:none;}
.more-info-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

/******************
   MISC CODE
*******************/
.page-inspiration .flickity-page-dots .dot {background: #fff;}
.tatsu-carousel-img { max-height:675px !important;}
.fluid-width-video-wrapper {height: 300px !important;}
a { transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
a {font-weight: 500;}
a:hover { color: #444; cursor: pointer; cursor: hand;}
img {height: auto;}
#be-themes-back-to-top {background: #222 !important; border:1px solid #CF8F1B; bottom: 100px !important;}
#be-themes-back-to-top:hover {background: #CF8F1B !important; border:1px solid #fff;}
#be-themes-back-to-top svg {color: #fff;}
#be-themes-back-to-top svg:hover {color: #000;}
p, table {word-break: keep-all;} /*prevent letter wrap*/
.mbd-hide {display:none;}