/*
Theme Name: Santa Barbara Zoo
Theme URI: https://sbzoo.org
Description: Santa Barbara Zoo theme
Author: Naseem Hyder
Author URI: https://naseemhyder.com
Template: salient
Version: 0.1
*/
     
@import url('https://fonts.googleapis.com/css?family=Spicy+Rice');

@font-face {
    font-family: 'bonfireextras';
    src: url('fonts/bonfire_extras-webfont.woff2') format('woff2'),
         url('fonts/bonfire_extras-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bonfireregular';
    src: url('fonts/bonfire_regular-webfont.woff2') format('woff2'),
         url('fonts/bonfire_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bonfirerough';
    src: url('fonts/bonfire_rough-webfont.woff2') format('woff2'),
         url('fonts/bonfire_rough-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fairies';
    src: url('fonts/fairies.woff2') format('woff2'),
         url('fonts/fairies.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**********************************************************
 * General Layout
 **********************************************************/
body[data-bg-header="true"] .container-wrap {

    padding-bottom: 0;
}	

#call-to-action .triangle {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #f8f8f8;
    height: 0px;
    width: 0px;
}

.gallery img {
    border: 0px solid #cfcfcf !important;
}

/**********************************************************
 * Links
 **********************************************************/	 
body .vc_row p a {
	color: #000;
    -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    border-bottom: 2px solid #26bcd7;
    -webkit-box-shadow: inset 0 0 0 #26bcd7;
    box-shadow: inset 0 0 0 #26bcd7;
	font-weight: 600;

}
body .vc_row p a:hover {
    background-color: #26bcd7;
    color: #000;
}
/**********************************************************
 * Search
 **********************************************************/
body #search-outer {
	background: #ffdd00 !important;
}
#search-outer #search input[type=text] {
	color: #000 !important;
	font-size: 43px;
	line-height: 43px;
	text-transform: none;
	letter-spacing: 0px;
	font-weight: 300;
}


/**********************************************************
 * Rev Slider
 **********************************************************/
.home #home-slider {
	 margin-top: -150px;
}

@media only screen and (max-width:1000px) {
	.home #home-slider {
		 margin-top: -245px;
	}
}


/**********************************************************
 * Nectar Slider
 **********************************************************/
 .swiper-slide .button a {
    color: #000 !important;
    border-radius: 0px !important;
 }
 

/**********************************************************
 * Form override
 **********************************************************/
 input[type=submit], button[type=submit], input[type="button"] {
    font-family: Open Sans;
    text-transform: uppercase!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
 }
 
/**********************************************************
 * Secondary Header - Normal
 **********************************************************/
/*
 body #header-secondary-outer .nectar-center-text {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    line-height: 16px;
    max-width: 88%;
}
@media only screen and (max-width: 1400px){
	 body #header-secondary-outer .nectar-center-text {
		text-align:left;
		max-width: 100%;
		padding: 0 50px;
	}
}
@media only screen and (max-width: 1000px){
	 body #header-secondary-outer .nectar-center-text {
		text-align:center;
	}
}
*/

/**********************************************************
 * Secondary Header - Callout Notice COVID
 **********************************************************/
 body #header-secondary-outer nav {
	margin: 0em -100%; /* old browsers fallback */
  	margin: 0em calc(50% - 50vw);
}
 body #header-secondary-outer .nectar-center-text {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    line-height: 16px;
    max-width: 100%;
    position: relative;
    background: #fff;
    color: #000;
    height: 67px;
    padding-top: 16px;
}

#header-secondary-outer .nectar-center-text {
text-align: center;
    padding: 0 20px;
    width: 100%;
    left: -50%;
    top: 0%;
    z-index: 10;
    -webkit-transform: translateX(50%) translateY(0%);
    transform: translateX(50%) translateY(0%);
}

@media only screen and (max-width: 1400px){
	 body #header-secondary-outer .nectar-center-text {
		max-width: 100%;
	}
}
@media only screen and (max-width: 1000px){
	

	 body #header-secondary-outer .nectar-center-text {
		text-align:center;
	}
	
	body:not(.material) #header-secondary-outer[data-mobile="display_full"] .nectar-center-text {
		margin: 0;
		border-bottom: 0;
	}	
}
@media only screen and (max-width: 775px){
	 body #header-secondary-outer .nectar-center-text {
		height: 90px;

	}
}
@media only screen and (max-width: 570px){
	 body #header-secondary-outer .nectar-center-text {
		height: 105px;

	}
}

@media only screen and (max-width: 406px){
	 body #header-secondary-outer .nectar-center-text {
		height: 138px;

	}
}
/**********************************************************
 * Header / Menu
 **********************************************************/
body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] {
		background: rgba(0, 0, 0, 0.3) !important;
}

#header-outer #logo,
#header-outer .logo-spacing {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

header#top #logo img {
    background: #000;
    padding: 7% 17%;
    z-index: 9999;
}

body #header-outer.transparent header#top nav > ul > li > a {
	opacity:1 !important;
}

#slide-out-widget-area.slide-out-from-right {
    padding-top: 90px !important;
}


@media only screen and (max-width: 1050px) {
	body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] {
			background: rgba(0, 0, 0, 1) !important;

	}
	#ajax-content-wrap {
		margin-top: 110px !important;
	} 
	header#top #logo img {
		padding: 0%;
	}	
	
}
@media only screen and (max-width: 700px) {
	#ajax-content-wrap {
		margin-top: 65px !important;
	} 
	header#top #logo img {
		padding: 0%;
	}
	
}


/**********************************************************
 * Secondary Nav
 **********************************************************/
body #header-secondary-outer nav >ul >li >a {
    line-height: 14px;
    font-size: 15px;
	color: #000 !important;
	margin:0;
}
body #header-secondary-outer nav >ul >li >a:hover {
	color: #000 !important;
	opacity: .9;
}
body #header-secondary-outer nav >ul >li.blue-bg >a {
	background-color: #26bcd7;
}
body #header-secondary-outer nav >ul >li.orange-bg >a {
	background-color: #faa74a;
}
body #header-secondary-outer nav >ul >li.yellow-bg >a {
	background-color: #ffdd00;
}
body #header-secondary-outer nav >ul >li.green-bg >a {
	background-color: #8dc63f;
}
#header-secondary-outer nav > ul > .blue-bg.current-menu-item > a {
	color: #000 !important;
	opacity: .9;
}
/**********************************************************
 * Body
 **********************************************************/
body.single-post[data-bg-header="true"] .container-wrap {
    padding-top: 0px!important;
}

.container-wrap {
    padding-top: 0;
}

/**********************************************************
 * iFrame template
 **********************************************************/
body.page-template-page-iframe  .container-wrap {
    padding-bottom: 0px;
    padding-top: 0;
}


body.page-template-page-iframe #header-outer  {
    background-color: rgba(0,0,0,1);
}

@media only screen and (max-width: 1050px) {
	#ajax-content-wrap {
		margin-top: 0px !important;
	}
}


/**********************************************************
 * Temp home page
 **********************************************************/

.page-template-template-no-header-footer p#breadcrumbs,
.page-template-template-no-header p#breadcrumbs,
.page-template-template-no-footer p#breadcrumbs{
  display: none;
}

/**********************************************************
 * Breadcrumb
 **********************************************************/
#breadcrumbs {
	background: #26bcd7;
	color: #000;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 10px 35px;
}
 #breadcrumbs a {
	 color: #000;
}

/**********************************************************
 * Cascading Images
 **********************************************************/
.nectar_cascading_images div.cascading-image:nth-child(1) {
	padding: 10% !important;
}
.nectar_cascading_images div.cascading-image:nth-child(2) {
	padding: 30% !important;
}
/**********************************************************
 * Today's Hours
 **********************************************************/
.today {
}
.today p {
	display: inline-block;
}
.today span.op-today {
    display: inline-block;
}
.today .op-is-open-shortcode {
	display: inline-block;
}
/*
.today .op-closed,
.today .op-open,
.widget_widget_op_is_open .op-open,
.widget_widget_op_is_open .op-closed {
	display: none !important;
}
*/
/**********************************************************
 * Press Icon List
 **********************************************************/
.press-room .row .col .iwithtext .iwt-icon img:not([srcset]) {
    width: 75px;
}
.press-room .iwithtext .iwt-text {
	padding-left: 90px;
    min-height: 75px;
}
/**********************************************************
 * Weddings
 **********************************************************/
.weddings .work-item h3 {
	display:none;
}

/**********************************************************
 * Tabs
 **********************************************************/
.tabbed >ul li {

    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tabbed[data-style="minimal"] .wpb_tabs_nav {

    margin-bottom: 15px!important;
}

.zoo-camp-tabs a {
	color: #000 !important;
}
.zoo-camp-tabs a span {
	font-size: 16px;
	font-weight: 600;
}
.zoo-camp-tabs .tabbed>ul li a.active-tab {
    color: #000;
}
.zoo-camp-tabs .tabbed[data-style*="material"] .wpb_tabs_nav {
    margin-bottom: 0!important;
}
.zoo-camp-tabs .tabbed > ul li:nth-child(2) a.active-tab {
	background-color: #8dc63f !important;
}
.zoo-camp-tabs .tabbed[data-style*="material"][data-color-scheme="accent-color"] ul.wpb_tabs_nav li:nth-child(2) a:not(.active-tab):hover {
	color:  #8dc63f !important;
}
.zoo-camp-tabs .tabbed > ul li:nth-child(3) a.active-tab {
	background-color: #faa74a !important;
}
.zoo-camp-tabs .tabbed[data-style*="material"][data-color-scheme="accent-color"] ul.wpb_tabs_nav li:nth-child(3) a:not(.active-tab):hover {
	color:  #faa74a !important;
}
#tab-ages-3-5 {
	background: #26bcd7;
	padding: 5%;
}
#tab-ages-6-8 {
	background: #8dc63f;
	padding: 5%;
}
#tab-ages-9-12 {
	background: #faa74a;
	padding: 5%;
}
/**********************************************************
 * Zoo Schedule
 **********************************************************/
.zoo-schedule .nectar-animated-title-inner {
    display: block;
	
}
.zoo-schedule .nectar-animated-title .nectar-animated-title-outer {
    display: block;
}
.zoo-schedule .nectar-button {
    letter-spacing: 0px !important;
    font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: initial !important;
	    display: block !important;
}
.zoo-schedule .nectar-button  span {
	text-transform: initial !important;
}
/**********************************************************
 * Submenu
 **********************************************************/
.page-submenu li a {

    opacity: 1;
    font-weight: 600;
}

#sidebar div ul li {
    padding: 2px 0px;
}
/**********************************************************
 * Link on Color Background
 **********************************************************/
 
body .vc_row.color-background p a{
    color: #000;
    border-bottom: 4px solid #000000;
    -webkit-box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 #000000;
    font-weight: 600;
}

body .vc_row.color-background p a:hover{
    background-color: #000000;
    color: #fff;
}
/**********************************************************
 * Button override
 **********************************************************/
.nectar-button,
.nectar-button.medium,
.nectar-button.small {
	color: #000;
}
.nectar-button, #call-to-action .container a, .swiper-slide .button {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
.swiper-slide .button a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
/**********************************************************
 * Toggle
 **********************************************************/
.toggle h3 a {
	color: #000;
    font-size: 17px !important;
    font-weight: 400 !important;
}
div[data-style="minimal"] .toggle h3 a {
    padding: 10px 70px 10px 0px;
}

div[data-style=default] .toggle h3 a, div[data-style=default] .toggle h3 {
    font-size: 20px!important;
    line-height: 20px!important;
}

.toggle h3 a i {
    left: 13px;
    font-weight: 100;
    top: 15px;
    font-size: 23px;
}
/**********************************************************
 * Breadcrumb
 **********************************************************/
#breadcrumb {
	background: #000;
	color: #fff;
	font-family: 'Sorts Mill Goudy';
	font-size: 15px;
	font-style: italic;
}
/**********************************************************
 * Animal Portfolio
 **********************************************************/

.single:not(.material) #page-header-bg.fullscreen-header h1 {
    font-size: 3.5vw !important;
    line-height: 3.5vw !important;
	    margin-bottom: 20px !important;
}

.single-portfolio .row .col.section-title h1, .single-portfolio .row .col.section-title .subheader {
    text-align: left;
}
.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg  {
    background-color: #fd0 !important;
}
#full_width_portfolio .row .col.section-title {

    width: 65%;
}
.carousel-wrap[data-full-width="true"] .carousel-heading {
    padding: 7px 0px 8px 0px;
}
.carousel-wrap[data-full-width="true"] .carousel-heading i {
    color: #000!important;
}
.bottom_controls {
    background-color: #d8d8c9;
}
#portfolio-nav #prev-link a, #portfolio-nav #next-link a {
    color: #000 !important;
}
.page-header-overlay-color:after {
    opacity: 0.3;
}

.portfolio-items .col h3 {
    color: #000;
	font-weight: 400 !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text) {
  display: none;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span.text:before {
  content: 'Previous Animal';
  display:block;
  color: #fff;
  font-size: 14px;
  text-align: right; 
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span:not(.text) {
  display: none;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span.text:before {
  content: 'Next Animal';
  display:block;
  color: #fff;
  font-size: 14px;
  text-align: left; 
}

@media only screen and (max-width: 1300px){

	#full_width_portfolio .row .col.section-title {
	
		width: 100%;
	}
	body.single-portfolio .row .col.section-title h1 {
		margin: 0 !important;
	}
	
.single:not(.material) #page-header-bg.fullscreen-header h1 {
    font-size: 6.5vw !important;
    line-height: 6.9vw !important;
}	
}

/**********************************************************
 * Individual Animal
 **********************************************************/


/**********************************************************
 * Hot Spots
 **********************************************************/
.nectar_image_with_hotspots .nectar_hotspot {
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    color: #000;
    font-size: 20px !important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {
    line-height: 27px !important;
    font-size: 19px !important;
}
/**********************************************************
 * Team
 **********************************************************/

.team-member[data-style="bio_fullscreen"] .team-meta h3,
.team-member[data-style="bio_fullscreen"] .team-meta p {
    opacity: 1;
}

.team-member[data-style="bio_fullscreen"] .team-meta p {
    -webkit-transform: translateY(11px);
	transform: translateY(11px);
}

/**********************************************************
 * Volunteer Choose One form
 **********************************************************/
 #gform_9,
#gform_9 ul li.gfield {
	 text-align: center !important;
 }
 
#gform_9 ul li.gfield label {
	font-weight: 600 !important;
}

#gform_9 .gfield_chainedselect.vertical span {
    font-size: 27px !important;
    font-weight: 100 !important;
}

#gform_9  .select2-container .select2-choice .select2-arrow b:after {
    border: 7px solid transparent;
}

#gform_9  .gform_footer input[type=submit] {
	width: 100%;
}
#gform_9  #input_9_1_2 {
	 display: none !important;
 }
 
 #gform_9 .select2-container-disabled {
		 display: none !important; 
 }
 
/**********************************************************
 * Volunteer Listing
 **********************************************************/

.volunteer-container {
    padding: 0;

}

.volunteer-container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.volunteer-container .volunteer-all {
	background: #fff;
}

.volunteer-container  .volunteer-portrait {
	border-top: 5px solid #000;
}
.volunteer-container  .groups .volunteer-portrait {
	border-top: 5px solid #faa74a;
}

.volunteer-container  .adults .volunteer-portrait {
	border-top: 5px solid #26bcd7;
}
.volunteer-container  .seniors .volunteer-portrait {
	border-top: 5px solid #8dc63f;
}
.volunteer-container  .teens .volunteer-portrait {
	border-top: 5px solid #ffdd00;
}


.volunteer-container   .nectar-button.regular-button.extra-color-1 {
    background-color: #000!important;
	color: #fff;
}




.volunteer-container .volunteer-title {
    font-weight: 300;
    font-size: 23px;
    margin-bottom: .5rem;
    line-height: 30px;
}
.volunteer-container .volunteer-content {
	font-size: .9em;
    line-height: 1.6em;
	margin: 2em;
	
}

.volunteer-container  .volunteer-button {
	margin: 1rem 0;
}


.volunteer-container  .volunteer-type span {
    font-size: .9em;

}
.volunteer-container .volunteer-description, .volunteer-container .volunteer-links {
	font-size: .8em;
	line-height: 1.5em;
}
.volunteer-container .volunteer-links {
 margin: .5rem 0;
	list-style-type: none;
}
.volunteer-container .volunteer-type {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}

.controls {
	font-size: 15px;
}
#controlsfilter {
	background-color: #f6f4f2;
	padding: 0.5rem 0.5rem 0.5rem 0;
	text-align: center;
	margin: 0;
}
#controlsfilter label {
	color: #999999;
	font-size: 0.77778rem;
	padding-left: 0.88889rem;
	padding-right: 0.88889rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
#controlsfilter button {
	color: #999999;
	font-size: 0.77778rem;
	padding: 0.5rem 0.88889rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
#controlsfilter button.mixitup-control-active {
	background: #df8b19 !important;
	color: #fff !important;
}
/* Content - Portfolio Listing */

ul#volunteer-filter {
	margin: -20px 0;
	padding: 0;
	height: 64px;
	padding-left: 70px;
	line-height: 64px;
	background: transparent url(../images/icon-tag-green.png) left no-repeat;
}
ul#volunteer-filter li {
	display: inline;
}
ul#volunteer-filter a {
	margin-right: 0.5em;
	padding: 0.5em 1em;
	background: #FFF;
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
}
ul#volunteer-filter a:hover, ul#volunteer-filter a.current {
	color: #888;
}
ul#volunteer-filter a.current {
	background-color: #DDD;
}
ul#volunteer-list {
	margin: 36px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#volunteer-list li {
	width: 165px;
	height: 160px;
	display: block;
	float: left;
	margin-right: 18px;
	overflow: hidden;
}
ul#volunteer-list li a {
	display: block;
	width: 163px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #CDCDCD;
	background: #eee;
}
ul#volunteer-list li p {
	font-size: 11px;
	line-height: 15px;
	color: #AAA;
	margin: 5px 0;
}

.controls h6{
	margin-top: 35px;
}

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}

.mix {
	padding: 0 .5em;

    border-radius: 0;
    margin-bottom: 1rem;
    position: relative;
	
}

.mix:before {
    content: '';
    display: inline-block;
    padding-top: 0;
}


/* 2 Columns */

@media screen and (min-width: 961px) {
    .mix,
    .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 3 Columns */

@media screen and (min-width: 1281px) {
    .mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}


/**********************************************************
 * Volunteer Listing
 **********************************************************/

.bts-container {
    padding: 0;

}

.bts-container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.bts-container .bts-all {
	background: #fff;
}

.bts-container  .bts-portrait {
	border-top: 5px solid #000;
}
.bts-container  .encounters .bts-portrait {
	border-top: 5px solid #faa74a;
}

.bts-container  .experiences .bts-portrait {
	border-top: 5px solid #26bcd7;
	line-height: 0;
}
.bts-container  .bts-portrait img {
	margin-bottom: 0;
}

.bts-container   .nectar-button.regular-button.extra-color-1 {
    background-color: #000!important;
	color: #fff;
}

.bts-container .bts-title {
    font-weight: 300;
    font-size: 23px;
    margin-bottom: .5rem;
    line-height: 30px;
}

.bts-container .bts-excerpt {
	margin-bottom: 10px;
}

.bts-container .bts-max_guests {
	margin-top: 10px;
}
.bts-container .bts-content {
	font-size: .9em;
    line-height: 1.6em;
	margin: 2em;
	padding-bottom: 2em;
}
.bts-container  .bts-button {
	margin: 1rem 0;
}

.bts-container .bts-description, .bts-container .bts-links {
	font-size: .8em;
	line-height: 1.5em;
}
.bts-container .bts-links {
 margin: .5rem 0;
	list-style-type: none;
}
.bts-container .bts-type {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}
.bts-container  .bts-type span {
    font-size: .9em;

}
.bts-container .bts-max_guests,
.bts-container .bts-ages,
.bts-container .bts-cost {
	font-size: 12px !important;
}

.bts-container .bts-max_guests span,
.bts-container .bts-ages span,
.bts-container .bts-cost span{
	font-weight: 700 !important;
}

.bts-container .bts-highly_dependent_on_staff_availability,
.bts-container .bts-possible_feeding_opportunity {
	font-style: italic;
}
ul#bts-filter {
	margin: -20px 0;
	padding: 0;
	height: 64px;
	padding-left: 70px;
	line-height: 64px;
	background: transparent url(../images/icon-tag-green.png) left no-repeat;
}
ul#bts-filter li {
	display: inline;
}
ul#bts-filter a {
	margin-right: 0.5em;
	padding: 0.5em 1em;
	background: #FFF;
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
}
ul#bts-filter a:hover, ul#bts-filter a.current {
	color: #888;
}
ul#bts-filter a.current {
	background-color: #DDD;
}
ul#bts-list {
	margin: 36px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#bts-list li {
	width: 165px;
	height: 160px;
	display: block;
	float: left;
	margin-right: 18px;
	overflow: hidden;
}
ul#bts-list li a {
	display: block;
	width: 163px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #CDCDCD;
	background: #eee;
}
ul#bts-list li p {
	font-size: 11px;
	line-height: 15px;
	color: #AAA;
	margin: 5px 0;
}



/**********************************************************
 * Home Page Event Feed [tribe_events_list limit="4"]
 **********************************************************/
.home .type-tribe_events,
.visit-the-santa-barbara-zoo .type-tribe_events{
    width: 47.6%;
    display: inline-block;
    padding: 0%;
    margin: 0 1%;
    background: #fff;
}
.home .tribe-mini-calendar-event .list-date,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-date{
	width: 20% !important;
    padding: 2px !important;
    background: #26bcd7 !important;
	    margin-left: 10px !important;
 }
.home .tribe-mini-calendar-event .list-info,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-info {
    width: 70% !important;
}
.home .tribe-mini-calendar-event .list-info h2,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-info h2{
    font-size: 18px !important;
    font-weight: 100 !important;
    line-height: 23px !important;
}
.home .tribe-mini-calendar-event .list-info .tribe-events-duration,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-info .tribe-events-duration {
	font-size: 15px !important;
}
.home .tribe-mini-calendar-event .list-date .list-dayname,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-date .list-dayname{
    color: #26bcd7 !important;
    font-size: 13px !important;

}
.home .tribe-mini-calendar-event .list-date .list-daynumber,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .list-date .list-daynumber{
    font-size: 30px !important;
	font-weight: 100 !important;
}
.home .tribe-mini-calendar-event .tribe-events-excerpt,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event .tribe-events-excerpt{
	display: none;
}
.home .tribe-event-image img,
.visit-the-santa-barbara-zoo .tribe-event-image img {
	margin-bottom: 0 !important;
	    width: 100% !important;
}
.home .tribe-mini-calendar-event,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event{
    border-bottom: 0!important;
}
.home .tribe-events-widget-link,
.visit-the-santa-barbara-zoo .tribe-events-widget-link{
	display: none;
}
.home .tribe-mini-calendar-event.first,
.visit-the-santa-barbara-zoo .tribe-mini-calendar-event.first{
    margin-top: 0px !important;
}
@media only screen and (max-width:1340px) {
	.home .type-tribe_events,
	.visit-the-santa-barbara-zoo .type-tribe_events{
		width: 46%;
	}
}
@media only screen and (max-width:1000px) {
	.home .type-tribe_events,
	.visit-the-santa-barbara-zoo .type-tribe_events{
		width: 100%;
	}
}


/**********************************************************
 * Home Page Featured Event Feed [tribe_events_list limit="1"]
 **********************************************************/
 

.home .featured .type-tribe_events,
.visit-the-santa-barbara-zoo .featured .type-tribe_events{
    width: 100%;
}

.home .featured  .tribe-mini-calendar-event .list-info h2,
.visit-the-santa-barbara-zoo .featured  .tribe-mini-calendar-event .list-info h2 {
    font-size: 30px !important;
	line-height: 35px !important;
}

.home .featured  .tribe-mini-calendar-event .list-date,
.visit-the-santa-barbara-zoo .featured  .tribe-mini-calendar-event .list-date {
    width: 15% !important;
	margin-left: 20px !important;
	
}
.home .featured  .tribe-mini-calendar-event .list-info,
.visit-the-santa-barbara-zoo .featured  .tribe-mini-calendar-event .list-info{
    width: 75% !important;
}
.home .featured .tribe-mini-calendar-event .tribe-events-excerpt,
.visit-the-santa-barbara-zoo .featured .tribe-mini-calendar-event .tribe-events-excerpt {
    display: block;
    font-size: 17px;
}
.home .featured .tribe-mini-calendar-event .list-info .tribe-events-duration,
.visit-the-santa-barbara-zoo .featured .tribe-mini-calendar-event .list-info .tribe-events-duration{
    font-size: 19px !important;
}


 /**********************************************************
 * Home Page Today at the Zoo
 **********************************************************/

 /**********************************************************
 * Home Page Keeper Talks
 **********************************************************/
 


.keeper-talks-wrapper h3 {
    font-size: 16px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    padding: 0px 15px;
    text-transform: uppercase;
    background: #8dc63f;
}
.keeper-talks-wrapper table {
	border-top: 0px;
}
.keeper-talks-wrapper .keeper-talk td {
	border: 0 !important;
	padding: 3px 10px !important;
}

.keeper-talks-wrapper .keeper-talk .keeper-talk-title {
	    font-size: 17px;
}
.keeper-talks-wrapper .keeper-talk .keeper-talk-time {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}



@media only screen and (max-width:1000px) {
 .keeper-talks-wrapper ul {
	 margin-left: 0;
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
 }
}

/**********************************************************
 * Blog
 **********************************************************/
.single .meta-date,
.single .meta-comment-count,
.article-content-wrap .post-header .meta {
	display: none !important;
}

 
/**********************************************************
 * Animals
 **********************************************************/
 .portfolio-items .work-meta p {
    display: none;
}


.zoo-conservation-box {
	background-color: #8dc63f;
	background-image: url(/wp-content/uploads/2014/09/ConservationStatusBackground.png);
	background-position: bottom left !important;
	background-size: auto !important;
	background-repeat: no-repeat;
	padding-left: 180px !important;
}

.owl-theme .owl-nav [class*='owl-'] {
    display: inline-block !important;
}
/**********************************************************
 * Event Calendar Modifications
 **********************************************************/
#tribe-bar-form #tribe-bar-views+.tribe-bar-filters {
    display: none;
}
.tribe-bar-views-inner {
    background: #efefef;
    margin: 0;
    padding: 0px 0 29px;
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
    background: #efefef;
}
.tribe-events-page-title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 300;
    margin-top: 5%;
}

.tribe-events-tooltip .tribe-events-event-body {
    font-size: 14px;
}
.tribe-events-calendar th {
    background-color: #000;
    color: #fff;
}
 #tribe-events-content .tribe-events-calendar td, #tribe-events-content table.tribe-events-calendar {
    border: 1px solid #000;
}

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
    background-color: #fff;

}

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
    color: #000 !important;
    font-size: 19px;
}
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
    background: #26bcd7;
}
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
}
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
    background-color: #ffdd00;

}
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a {
    color: #000;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
    color: #000;
    font-family: 'Open Sans';
    font-size: 18px;
}

.tribe-events-meta-group .tribe-events-single-section-title {
    font-weight: 300;
    margin: 20px 0 15px;
}



/**********************************************************
 * Event Calendar List Modifications
 **********************************************************/
 
 
.tribe-events-list-separator-month {
    background-color: #ffdd00;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
	line-height: 23px;
}
#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p {
    padding-bottom: 5px;
}
.tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta {
    display: inline;
}
.tribe-events-list .tribe-events-list-event-title {
    font-size: 1.5em;
    line-height: 1.8em;
    font-weight: 500;
}
.tribe-events-loop .tribe-events-event-meta {
    font-size: 18px;
    font-weight: 600;
}
.tribe-events-list .tribe-events-venue-details {
    display: none;
}
.tribe-events-list .type-tribe_events {
    padding: 1.8em 0;
}
.tribe-events-ical {
	display: none;
}

.tribe-events-read-more {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    -o-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -moz-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -o-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    color: #000;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 13px 18px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
    margin-bottom: 10px;
    opacity: 1;
    line-height: 20px;
    background-color: #26bcd7;
    display: inline-block;	
}


@media only screen and (max-width:1000px) {
	.tribe-events-list .tribe-events-loop .tribe-events-event-image {
		margin: 0;
		width: 100%;
	}
}
@media only screen and (max-width:768px) {

	.tribe-bar-disabled {
		float: none;
	}
}
/**********************************************************
 * Single Events
 **********************************************************/
.single-tribe_events .tribe-events-single-event-title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 300;
}

.tribe-events-back a {
	background: #ffdd00;
    color: #000;
    padding: 3px 15px;
    text-transform: uppercase;
    margin-top: 5%;
    font-size: .8em;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
}


.single-tribe_events .tribe-events-event-meta {
    font-size: 17px;
}
#tribe-events .tribe-events-button, .tribe-events-button {
    background-color: #e0e0e0;
    border-radius: 0;
    color: #000;
}

/**********************************************************
 * Fancybox overrides
 **********************************************************/
 
 .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
    padding: 10% 10%;
 }


/**********************************************************
 * Private Events form
 **********************************************************/
body[data-fancy-form-rcs="1"] .fancy-select-wrap label {
    color: #000!important;
}
body[data-fancy-form-rcs="1"] .fancy-select-wrap {
    padding-top: 0;
}
body .gform_wrapper img.ui-datepicker-trigger {
	margin-bottom: 0;
}
.select2-container .select2-choice {
    border-radius: 0px;
}
.select2-container .select2-choice>.select2-chosen {
    line-height: 24px;
}
/**********************************************************
 * TablePress styles
 **********************************************************/
.tablepress {
	background-color: transparent !important;
	border-top: 0px solid #ececec !important;
}
body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child {
    border-left-style: none !important;
}
table.tablepress tr:nth-child(2n+1) {
    background-color: rgba(252, 252, 252, 0.3) !important;
}
table.tablepress tr td:first-child {
    border-left-width: 0px !important;
	border-left-style: none !important;
}
table.tablepress th,
table.tablepress td {
    border-width: medium 0px 0px medium !important;
	padding: 6px !important;
	font-size: 16px !important;
	width: 12.5% !important;
}
.tablepress tfoot th, 
.tablepress thead th {
    background-color: rgba(0, 0, 0, 0) !important;
	color: #000 !important;
	text-align: center !important;
}
.tablepress .even td {
    background-color: rgba(255, 255, 255, 0.6) !important;
}
.tablepress .odd td {
    background-color: rgba(249, 249, 249, 0.53) !important;
}


.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3 {
	text-align: center;
}

.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3,
.tablepress-id-2 .column-4,
.tablepress-id-2 .column-5,
.tablepress-id-2 .column-6,
.tablepress-id-2 .column-7,
.tablepress-id-2 .column-8 {
	text-align: center;
}

.tablepress-id-2 .row-3 td {
	font-size: 13px !important;
	line-height: 18px !important;
}

.tablepress-id-3 .column-2 {
	text-align: center;
}

/**********************************************************
 * Zoofari
 **********************************************************/

.zoofari-icons [class^="icon-"].icon-3x.alt-style.accent-color {
	background-color: #1d3631 !important;
	color: #e4bc53 !important;
	font-size: 50px !important
}
.zoofari-icons [class^="icon-"].icon-3x.alt-style.accent-color:hover {
	color: #1d3631 !important;
}
.zoofari-icons a {
	color: #000;
}

/**********************************************************
 * Restaurant page
 **********************************************************/
.nectar_food_menu_item h5,
.row .col .nectar_food_menu_item h5 {
    line-height: 21px;
    font-size: 17px;
    font-weight: 400;
}
body .nectar_food_menu_item, 
body .tabbed .nectar_food_menu_item {
    margin-bottom: 15px !important;
}
.nectar_food_menu_item .item_description {
    margin-top: 5px;
    font-size: .8em;
    line-height: 1.4em;
    font-style: italic;
}
/**********************************************************
 * Site Map
 **********************************************************/
.wsp-container ul {
    margin-left: 0;
    padding-left: 0;
}

.wsp-container ul li {
    list-style: none;
    list-style-position: outside;
    line-height: 24px;
}
.wsp-container ul li.page_item_has_children ul {
    margin-left: 20px;
	margin-bottom: 0;
}
/**********************************************************
 * Footer Modifications
 **********************************************************/
#ajax-content-wrap {
	background: #000;
}
#footer-outer a {

	opacity: 1;
}
#footer-outer a:hover {
	opacity: .8 !important;
}
#footer-outer a.nectar-button {
	color: #000 !important;
}
#footer-outer .widget a:not(.nectar-button) {
	color: #ffdd00 !important;
	font-weight: bold;
}
#footer-outer #copyright {
	font-size: 12px;
	font-weight: bold;
}
#footer-outer #copyright a {
	color: #000 !important;
}
#footer-outer .widget.widget_nav_menu li a {
    padding: 3px 0;
}
#footer-outer[data-using-bg-img="true"] {
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: auto;
	background-color: rgba(0, 0, 0, 0) !important;	
}
#footer-links-widget-container {
	float: left;
}
@media only screen and (max-width:1340px) {
	#footer-outer #copyright .col {
		width: 100%;
	}
	#footer-outer #copyright li {
		margin-right: 20px;
		margin-left: 0;
	}
}
@media only screen and (max-width:1000px) {
	#footer-outer #copyright .col {
		width: 100% !important;
	}
	#footer-outer #copyright .col ul {
		float: left;
	}
}
@media only screen and (max-width:690px) {
	#footer-outer[data-using-bg-img="true"] #copyright {
		background-color: #26bcd7!important;
	}
}
