/* Add your custom CSS here. */

/*theme sets all elems to align:baseline, so undo for td elems in case have tables*/
td {vertical-align:middle}

/*ensure submenus overlay any main menu items that may have wrapped below menu bar.
	since submenus are absolute positioned inside relative positioned main menus,
	the 1st main menus need higher z-indexes so submenu can overlay*/
#main-menu ul li:nth-child(1) {z-index:1009}
#main-menu ul li:nth-child(2) {z-index:1008}
#main-menu ul li:nth-child(3) {z-index:1007}
#main-menu ul li:nth-child(4) {z-index:1006}
#main-menu ul li:nth-child(5) {z-index:1005}
#main-menu ul li:nth-child(6) {z-index:1004}
#main-menu ul li:nth-child(7) {z-index:1003}
#main-menu ul li:nth-child(8) {z-index:1002}

/*chg wrapper min-height from 900px*/
#wrapper {min-height:700px}

/*show TB full image Standard slider Title and Descrip in smaller box*/
.standard-slider-wrapper .full-image .content {
	background-color: transparent !important
}
.standard-slider-wrapper .full-image .slide-title span {
	background-color: #444;
	padding:0 5px 1px 5px;
	box-shadow: 0 0 5px 2px #444;
}
.standard-slider-wrapper .full-image .slide-description p {
	background-color: #444;
	padding:0 5px 0 5px !important;
	box-shadow: 0 0 5px 2px #444;
	display: inline-block;
}

/*show TB full image Nivo slider Title and Descrip in smaller box*/
.nivo-slider-wrapper .nivo-caption {
	background-color: transparent !important
}
.nivo-slider-wrapper .nivo-caption .slide-title span {
	background-color: #444;
	padding:0 5px 1px 5px;
	box-shadow: 0 0 5px 2px #444;
}
.nivo-slider-wrapper .nivo-caption .slide-description p {
	background-color: #444;
	padding:0 5px 0 5px !important;
	box-shadow: 0 0 5px 2px #444;
	display: inline-block;
}

/*for subscribe2 plugin*/
#commentform input {width:auto}

/*add hover underline to links in sidebar mini post lists*/
.fixed-sidebar .tb-mini_post_list_widget ul li a:hover
	{text-decoration: underline}

/*add underline to recent comments widget links*/
.fixed-sidebar .widget_recent_comments ul li a
	{text-decoration: underline}

/*add bullets to recent comments widget*/
.fixed-sidebar .widget_recent_comments ul
	{list-style-type:circle}

/*get rid of header-shade, don't care for effect*/
span.header-shade {display:none !important}

/*fix space below body due to jetpack share icons container*/
.sharedaddy .header-shade {display:none !important}

/*remove html tags below comment*/
.form-allowed-tags{display:none}

/*vrp iframe styling. use no border*/
#vrpFrameAutoSize {border:none}
/* NOTE:don't set border-radius anymore. mobile chrome bug chops off pg if has google embed map
	#vrpFrameAutoSize {border:none; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
*/

/* Optimized for Mobile Devices - to override theme v3 max-width:480px which shrinks too soon */
@media (max-width: 767px) {
	/* Boxed Layout */
	.layout_boxed #top,
	.layout_boxed #featured,
	.layout_boxed #main,
	.layout_boxed #featured_below,
	.layout_boxed #bottom,
	.layout_boxed #after-footer {
 		max-width: 620px;
 	}

	/* Stretch Layout */
	.layout_stretch #top #header_content,
	.layout_stretch.menu_flip #top #menu-wrapper .menu-wrapper-inner,
	.layout_stretch.mobile_nav_style_1 #top #menu-wrapper .menu-wrapper-inner,
	.layout_stretch #featured .featured-inner,
	.layout_stretch #main .main-inner,
	.layout_stretch #featured_below .featured_below-inner,
	.layout_stretch #bottom #colophon,
	.layout_stretch #after-footer .after-footer-middle,
	.layout_stretch .flip-menu {
		max-width: 620px;
	}

	/* reduce padding on full width pages from 20px */
	.full_width article {padding:10px}
}

/* shrink thumbs slides for small device */
@media all and (max-width:767px){
    #container .element-slider-tba1_thumbnails ul.slides li {width:200px !important}
}
/*#featured .standard-slider li.slide, #featured .standard-slider .media-full .themeblvd-video-wrapper {
    max-height: 256px;
}
*/

/* get rid of bottom borders on thumbs */
.thumbnail, .article-wrap {margin-bottom:0 !important}

/* add border to bootstrap slider */
.tb-simple-slider.carousel {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 9px;
}


/****---not used, keep if needed---


* expand slogan text large font
.text_large.slogan-text {font-size:30px !important}

*set top,bottom padding on header. (we do in php now)
#branding #header_content .container {padding:20px 30px;}

*allocate fixed height on TB standard slider if not on small screen
 *use 327 in case in page content area div (344 is accurate if not in content, but not necesary)
 (we do this in php now).
@media(min-width:900px) {
	.standard-slider-wrapper .slides-wrapper {min-height:350px}
	.standard-slider-wrapper .tb-loader {top: 40%}}

*variations to tighten up post grid vertical space
.post_grid .entry-content h2 {display:inline-block}
.post_grid .entry-content span.read-more-link a {margin-top:0}
.post_grid .entry-content span.read-more-link {float:right}
.post_grid .entry-content + * {clear:both}

*style headers so header-shade class doesn't overlay adjacent images
.grid-protection h1, .grid-protection h2 {display:inline-block}

*border around center carrousel img
.carrousel-slider-wrapper .roundabout-in-focus .grid-protection {border: 2px solid #222}

*shrink menu when screen width smaller (not needed anymore with last update)
@media(max-width:900px){#main-menu #menu-inner .menu a{font-size:10px;padding:20px 7px 17px 7px}}

*if using background slider then hide tb bg and push down home pg. not using this method now
#wrapper {background-image: none}
.home #branding #header_content {height:600px}
*****/