/**CUSTOM for ARBO**/

/**Glyphicons and Font Awesome icons - Use below (line 4-10) to make the icons work. Note: Need to figure out why the sub-domain (hssdegree.fullerton.edu) matters when importing fonts**/
@import url("//hssdegree.fullerton.edu/_resources/fonts/typefaces.css?version=Version_4.0.99.f");
/*hide extra > arrow glyphicon on buttons (notied 5-7-20)*/
.glyphicon .glyphicon {
	display: none;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(//ueestatic.fullerton.edu/static/assets/fonts/glyphicons-halflings-regular.eot);
	src: url(//ueestatic.fullerton.edu/static/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//ueestatic.fullerton.edu/static/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//ueestatic.fullerton.edu/static/assets/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//ueestatic.fullerton.edu/static/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
    font-family: 'League-Gothic';
    src:url('//itwebstg.fullerton.edu/summer/_resources/fonts/league-gothic.woff') format('woff'),
        url('//itwebstg.fullerton.edu/summer/_resources/fonts/league-gothic.svg#League-Gothic') format('svg'),
        url('//itwebstg.fullerton.edu/summer/_resources/fonts/league-gothic.eot'),
        url('//itwebstg.fullerton.edu/summer/_resources/fonts/league-gothic.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
} 

.text-green {
	color: #328333 !important;
}
.border-green {
	border: 2px solid #7fb180 !important;
}

/*hide welcome message for COVID-19 banner 3/11/2020*/
#message, body::before { display:none !important; }

body::before { content:""; background:transparent; }


#divA_content p:first-child { 
	display: none; 
} 


.homepage #divA .emptycontent, .homepage #divB .emptycontent {
    display: none !important;
}

.emptycontent { 
	display: inherit; 
}


/*CLEAR HEADER*/
.clear-header #Header {
	position: absolute !important;
}
.clear-header #CSUFLink_Search, .clear-header #CSUFLink_Search a, .clear-header #SiteName_Tabs, .clear-header #Navigation, .clear-header #SearchNav, .clear-header #SearchNav.LowerSearch form #searchTools, .clear-header #CSUFLink_Search > .container, .clear-header #CSUFLink_Search, .clear-header #divHamburgerMenu #btnMobileMenu, .clear-header #navMain li.active a {
	background: transparent !important;
}

.clear-header #sitename a {
	font-size: 36px;
    text-shadow: 1.5px 1.5px 1.5px rgba(0,0,0,.35);
}
.clear-header .header-logo img {
	width: 94px /*110px*/;	/*NEW LOGO*/
    margin-top: -2px;
}
.clear-header #administered {
    max-width: 460px;
    font-size: .89em !important;
}
.clear-header #administered, .clear-header #administered a, .clear-header #navMain li a {
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.clear-header #navMain > li > a {
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    font-size: 18px !important;
    text-transform: inherit;
}
.clear-header #navMain>li:nth-child(2)>a::after, .clear-header #navMain>li:nth-child(3)>a::after, .clear-header #navMain>li:nth-child(4)>a::after, .clear-header #navMain>li:nth-child(5)>a::after, .clear-header #navMain>li:nth-child(6)>a::after, .clear-header #navMain>li:nth-child(7)>a::after, .clear-header #navMain>li:nth-child(9)>a::after { 
    background: url(//ueestatic.fullerton.edu/static/assets/images/arrow-down-white.png) no-repeat; 
    width: 9px;
    height: 9px;
    content: " ";
    background-size: contain;
    display: inline-block;
}
.clear-header #navMain > #navtabH > a, .clear-header#navMain > #navtabH > a:hover, .clear-header#navMain > #navtabH > a:active, .clear-header#navMain > #navtabH > a:focus, .clear-header#navMain > #navtabH > a:visited {
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 20px;
    padding: 4px 16px !important;
}

.clear-header header#Header.PageHeader.LowerScroll {
	position: fixed !important;
}
.clear-header header#Header.PageHeader.LowerScroll #CSUFLink_Search, .clear-header header#Header.PageHeader.LowerScroll #CSUFLink_Search a, .clear-header header#Header.PageHeader.LowerScroll #SiteName_Tabs, .clear-header header#Header.PageHeader.LowerScroll #SearchNav, .clear-header header#Header.PageHeader.LowerScroll #SearchNav.LowerSearch form #searchTools, .clear-header header#Header.PageHeader.LowerScroll #CSUFLink_Search > .container, .clear-header header#Header.PageHeader.LowerScroll #CSUFLink_Search, .clear-header header#Header.PageHeader.LowerScroll #divHamburgerMenu #btnMobileMenu, .clear-header header#Header.PageHeader.LowerScroll #navMain li.active a {
	background: #006401 !important;
}

.homepage.clear-header .main video {
    top: 0px;
}
.homepage.clear-header .main {
    max-height: 883px;
}
.homepage.clear-header .main::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 66%;
	background-image: linear-gradient(to bottom, #000, transparent);
	opacity: 0.4;
}

.homepage.clear-header .video-overlay .main-text {
	top: 45%;
}

.subpage.clear-header .sub-banner {
	position: relative;
	height: 450px;
}

.subpage.clear-header .sub-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 72%;
	background-image: linear-gradient(to bottom, #000, transparent);
	opacity: 0.7;
}

/*GREEN HEADER*/
#CSUFLink_Search, #CSUFLink_Search a, #SiteName_Tabs, #Navigation, #SearchNav, #SearchNav.LowerSearch form #searchTools, #CSUFLink_Search > .container, #CSUFLink_Search, #divHamburgerMenu #btnMobileMenu, #navMain li.active a {
	background-color: #006401 !important;
}
#CSUFTopLink, #AZ /*, #SearchNav input#CSUFGeneral, #SearchNav label:last-of-type*/ {
	display: none;
}
#SiteName_Tabs {
	padding-top: 0px;
    margin-top: -5px;
}
#CSUFLink_Search {
    padding-top: 10px;
}
#CSUFLink_Search #search-button {
	background-color: #00274c !important;
}

#SearchNav.LowerSearch form #search-button {
	background-color: #003c00 !important;
	border: none;
}
#SearchNav.LowerSearch form #lnkSearchDomains {
	top: 3px;
}
#SearchNav.LowerSearch form #searchRadioBtns.Open {
	overflow: unset;
}

/*make nav fit on one line*/
@media screen and (min-width: 800px) and (max-width: 911px) {
#navMain li {
	padding-right: 8px;
}
#Tabs #navMain > li > a {
    font-size: 15px !important;
	padding-right: 7px !important;
}
#Tabs #navMain li:last-child a {
	padding: 1px 14px !important;
}
}

/*arboretum logo*/
#branding::before, #branding #unit {
	display: none;
}
.header-logo img {
	float: left;
    padding-right: 14px;
    padding-top: 3px;
	width: 100px;
}
#administered {
    max-width: 430px;
    line-height: 16px !important;
    font-size: .86em !important;
    margin-top: 3px;
}
#administered a {
    color: #fff;
}

.LowerScroll #branding {
	margin-left: 10px !important;
}
.LowerScroll #branding #sitename {
	margin-top: 7px !important;
	clear: none;
}
.LowerScroll #branding #sitename a {
    width: 100%;
    display: block;
}
.LowerScroll #SiteName_Tabs {
	height: 103px; /*fix lowerscroll dropdown hover issue*/
	margin-top: 0px;
}
.LowerScroll #CSUFLink_Search {
	padding-top: 0px;
    z-index: 100000;
	background: #003c00 !important;
}

/*lowerscroll logo & nav positioning*/
.LowerScroll .header-logo {
    width: 74px /*86px*/;	/*NEW LOGO*/
	height: auto;
	float: left;
	padding-top: 22px;
    /*margin-top: 6px;*/
}
.LowerScroll .header-logo img {
    width: inherit;
}
.LowerScroll a:hover, #SearchNav.LowerSearch form #searchTools {
	border: none;
}
.LowerScroll #sitename a {
    margin-left: 0px;
    font-size: 26px;
}
.LowerScroll #sitename a, .LowerScroll #sitename a:hover {
    padding-top: 7px !important;
}
.LowerScroll #Navigation {
    top: 67px;
	padding-bottom: 0px;
	/*fix lowerscroll dropdown hover issue*/
	z-index: 10000 !important;
}
.LowerScroll #Navigation .container {
    padding-left: 57px /*116px 127px*/;	/*NEW LOGO*/
}

.LowerScroll #navMain li:hover .ExtendedNav, .LowerScroll #navMain > li, .clear-header header#Header.PageHeader.LowerScroll #navMain > li > a {
	padding-top: 0px !important;
}

.clear-header header#Header.PageHeader .LowerScroll #navMain > li > a {
    font-size: .7em !important;
	text-transform: uppercase;
}

.LowerScroll #navMain #navtabH {
	margin-top: -10px;
}
.clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a {
    padding: 5px 16px !important;
}
.LowerScroll #search-button {
    color: #006401 !important;
    text-shadow: none !important;
}

/*IE fix for edge > 9*/
@media screen and (min-width:0\0) {
#administered {
	max-width: 500px !important;
}
.LowerScroll #sitename {
	float: none !important;
	margin-top: 10px !important;
}
#divFooter .disclaimer {
    width: 562px;
}
}

/*make lowerscroll nav fit on one line*/
@media screen and (min-width: 801px) and (max-width: 991px) {
.LowerScroll #branding {
    margin-left: 0px;
}
.LowerScroll #Tabs #navMain > li > a {
    font-size: .69em !important;
    padding-right: 4px !important;
}
.LowerScroll #Navigation .container {
    padding-left: 57px;
}
.LowerScroll #Tabs #navMain > li:last-child > a {
	padding: 1px 10px !important;
}
}


/*FOOTER*/
/*#divFooter, #divFooter .accessibility {
	background: /*#615543 /*#645745 #003100 !important;
}*/
#divFooter .logo {
    width: 196px;
    margin: 0px !important;
    padding-top: 10px;
}

#arbnet {
	padding: 10px 0 20px;
    float: right;
    margin-left: 20px;
}
#arbnet img {
    width: 180px;
	height: auto;
	display: inline;
	float: left;
}
#footer-address {
	float: none !important;
	margin-left: 0px !important;
}
#divFooter #social-icons {
	display: block;
    float: none;
	font-size: 24px;
	line-height: inherit;
}
#social-icons a:last-child span::before {
	font-family: 'Font Awesome 5 Free' !important;
}
#divFooter .disclaimer {
    width: auto;
    padding-left: 17px;
}

#divFooter.LowerScroll {
	padding-bottom: 35px;
}
#divFooter .accessibility {
	margin-top: 15px;
}
#divFooter .accessibility p {
	font-size: .84em;
}

/*CAROUSEL*/
/*============ Carousel ==========*/
.owl-carousel .stand-by { display:block; }
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: 10px;
}
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 10px;
}
.owl-carousel .owl-nav button span { font-size: 160px; color:#fff; text-shadow: 4px 4px 26px rgba(0,0,0,0.25); }
.owl-dots { display:none; }
#liquid li {
	float:left;
	display:inline-block;
	width:350px;
	font-size:.938em !important;
}
.liquid .wrapper ul {
}
.liquid .wrapper ul > li {
        width: 353px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.liquid .next, .liquid .previous {
    display:block;
	height:40px;
	width:40px;
    float:left;
    margin:100px 0px 0px;
	padding:0;
    background-size: cover;
}

.liquid .previous {
	background-image:url('../images/previous.png');
}
.liquid .next {
	background-image:url('../images/next.png');
}

.carousel-control {
  padding-top:10%;
  width:5%;
}

/*hide*/
.homepage #divMobileSocialHours, .homepage #SiteNotice #SiteNoticeContents, #Tabs2Social, #navMain #navtabH a img { 
	display: none; 
}

/*fix horiz overflow*/
html {
	overflow-x: hidden;
}

/***DIVS**/
/*Hide T3_126 .divC and D */
#divJSFooter, #LowerScroll_Header_sitetabs_secondrow, /*#navMain li div,*/ .homepage .divC, .subpage .divC, .subpage .divD, .page-thankyou .divE, .page-contact .divF, .page-404 .divF {
	display: none !important;
}

.subpage #divE, #divF, #divG, #divH, #divI, #divJ, #divK, #divL, #divM, #divN, #divO, #divP, #divQ, #divR, #divS, #divT, #divU, #divV, #divW, #divX, #divY, #divZ, .page-thankyou #divD, .page-error #divA, .page-error #divD, .page-error #divE {
	display: none !important;
}

#divA_content {
	margin: 0 !important;
	max-width: 100%;
}

.homepage #centercontent #divB_content {
    margin: 60px auto 0 !important;
}

/*.homepage #divB, .homepage #divB_shell { 
	background-color:  #EEF4F6;
}*/

#sitename a {
	font-size: 32px;
	line-height: 1;
}
#MainContent .container {
	max-width: 100%!important;
}
#MainContent #centercontent #layoutcontainer a.btn, #MainContent #layoutcontainer a.btn:hover, #MainContent #layoutcontainer a.btn:focus {
	font-size: 17px !important;
	padding: 8px 30px !important;
}

/*NAV*/
#navMain>li:nth-child(1)>a::after, #navMain>li:nth-child(2)>a::after, #navMain>li:nth-child(3)>a::after, #navMain>li:nth-child(4)>a::after, #navMain>li:nth-child(5)>a::after, #navMain>li:nth-child(6)>a::after { 
    background: url(//ueestatic.fullerton.edu/static/assets/images/arrow-down.png) no-repeat; 
    width:9px;
    height:9px;
    content: " ";
    background-size:contain;
    display:inline-block
}

/*#navMain li:nth-child(9) a:first-child:before { 
	opacity: 1 !important;
    background: url(//ueestatic.fullerton.edu/static/assets/svg/solid/ticket-alt-solid-white.svg) no-repeat;  
    width: 17px;
    height: 20px !important;
    content: " ";
    background-size: contain;
    display: inline-block !important;
    position: relative;
	top: 7px;
	background-color: transparent;
    z-index: 99999;
}*/

#lowerscroll_menu ul {
    float: left;
    width: 70%;
}

/*#navMain #navtabG a, #navMain #navtabG a:hover, #navMain #navtabG a:active, #navMain #navtabG a:focus, #navMain #navtabG a:visited {
    border: 2px solid #e17000 !important;
    padding: 4px 16px !important;
    border-radius: 20px; 
}
#navMain #navtabG a:hover {
    border: 2px solid #777 !important;
}*/

#navMain #navtabH {
    padding-left: 10px !important;
}

.clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a, .clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a:hover, .clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a:active, .clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a:focus, .clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a:focus-within, .clear-header header#Header.PageHeader.LowerScroll #navMain > #navtabH > a:visited {
    border: 2px solid #fff !important;
    /*padding: 5px 16px !important;*/  /*note: moved up to line ~253 for IE fix*/
    border-radius: 20px; 
}

/*LowerScroll*/
.LowerScroll #branding {
	margin-top: 14px;
	margin-left: 0px !important;
}
.LowerScroll #unit {
	float: left;
    border-left: none;
    margin-left: 0px;
    font-size: 13px !important;
}

.LowerScroll #unit a {
    padding-left: 0px;
}

.LowerScroll #sitename {
    float: left;
    display: block;
    clear: both;
    padding-top: 0px;
    margin-top: -2px !important;
}

/*.LowerScroll #navMain #navtabG a { padding: 5px 16px !important; }*/

/*.LowerScroll #navMain > #navtabH > a {
    padding: 0px 16px !important;
}*/

.LowerScroll #administered {
	display: none;
}

#navMain li:nth-child(8) a:first-child:before { 
    height: 19px !important;
}

/*EXTENDED NAV*/
#extendedA, #extendedB, #extendedC, #extendedD, #extendedE, #extendedF, #extendedH {
   padding-top: 15px;
   background-color: transparent;
}

/*IMAGES*/
img.responsive, .col-md-4 a img, .col-md-4 img {
	max-width: 100% !important;
}

.img-left {
	float: left;
}

.thumbnail {
	padding: 4px !important;
	border-radius: 0px;
}

.divB .icon {
	display: block;
	margin: 0 auto 10px !important;
	width: inherit !important;
}

.circle-thumb {
	border-radius: 50%;
}

#full-width-strip.restoration-donation img {
	width: 180px !important;
}

/*HERO (homepage)*/
.sub-ribbon {
	height: 40px;
	background: #AAA;
}
.sub-ribbon-xxxxsm {
	width: 70px;
}
.sub-ribbon-xxxsm {
	width: 106px;
	margin-bottom: 10px!important;
}
.sub-ribbon:before {
	border-left-width: 12px !important;
	left: -30px;
	border: 20px solid #AAA;
	border-left-color: transparent;
}
.sub-ribbon:after {
	border-right-width: 12px !important;
	right: -30px;
	border: 20px solid #AAA;
	border-right-color: transparent;
}
.sub-title {
	top: 17%;
	color: #FFFFFF;
	font-size: 22px;
}
.main-banner, .sub-banner {
	background-size: cover;
	background-color: #222222;
}
.main .title, .sub-banner .title {
	max-width: 1200px;
}

.main {
	max-height: 640px;
    overflow: hidden;
}

.main video {
    /*position: relative;
    top: -60px;*/
	display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
}

.main video::-webkit-media-controls {
  display: none !important;
}

@media screen and (min-width: 1400px) {
	.main video {
		position: relative;
		top: -60px;
	}
}

@media screen and (min-width: 1500px) {
	.main video {
		position: relative;
		top: -130px;
	}
}

.video-overlay .main-text {
	position: absolute;
	top: 36%;
	width: 100%;
	margin: 0 auto;
	position: absolute; 
    /*z-index: 2147483647;*/
	text-align: center;
}

.video-overlay .main-text h1 {
	width: 100%;
	font-family: 'League-Gothic',"league-gothic", sans-serif !important;
	font-size: 86px !important;
	line-height: 0.85 !important;
	color: #fff !important;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
	letter-spacing: -0.004em !important;
	margin: 0 !important;
	padding-bottom: 0px;
}

.homepage .main-text .logo {
	width: 100px;
	margin: 0 auto 30px;
	padding: 0px;
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
.homepage .main-text .logo {
	width: 90px;
}
}

.video-overlay .arrow-skip {
	margin-top: 40px !important;
}

/*keep skip icon size for larger screen sizes*/
@media screen and (min-width: 1400px) {
	.video-overlay .arrow-skip img {
		width: 105px !important;
		height: 105px !important;
	}
}

.sub-banner {
	height: 400px;
	padding: 115px 0px;
	background-position: center;
	background-repeat: no-repeat;
}

/*sub-banner images*/
.page-tours .sub-banner, .page-form.tour .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-tours.jpg) center !important; }
.page-map .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-map.jpg) center !important; }
.page-fieldtrips .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-field-trips.jpg) !important; }
.page-weather .sub-banner, .page-weather-details .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-weather.jpg) center !important; }
.page-livecam .sub-banner {	background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-live-cams.jpg) center !important; }
.page-classes .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-classes.jpg) center !important; }
.page-research .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-research.jpg) center !important; }
.page-scholarships .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-scholarships.jpg) center !important; }
.page-community-garden .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-community-garden.jpg) center !important; }
.page-eep .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-eep.jpg) center !important; }
.page-speakers-bureau .sub-banner, .page-form.speakers-bureau .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-speakers-bureau.jpg) center !important; }
.page-uacre .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-uacre.jpg) center !important; }
.page-plant-map .sub-banner, .page-online-ed .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-plant-map.jpg) center !important; }
.page-plant-records .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-plant-records.jpg) center !important; }
.page-interactive-map .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-interactive-map.jpg) center !important; }
.page-calendar .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-calendar.jpg) center !important; }
.page-museum-exhibits .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-museum-exhibits.jpg) center !important; }
.page-events .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-events.jpg) center !important; }
.page-photography .sub-banner, .page-form.photography .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-photography.jpg) center !important; }
.page-plan-event .sub-banner, .page-form.event .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-plan-event.jpg) center !important; }
.page-membership .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-membership.jpg) center !important; }
.page-subscribe .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-subscribe.jpg) center !important; }
.page-volunteer .sub-banner, .page-form.volunteer .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-volunteer.jpg) center !important; }
.page-jobs .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-jobs.jpg) center !important; }
.page-hours-directions .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-hours-directions.jpg) center !important; }
.page-about .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-about.jpg) center !important; }
.page-news .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-news.jpg) center !important; }
.page-contact .sub-banner, .page-green-scene .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-contact.jpg) center !important; }
.page-donate .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-donate.jpg) center !important; }
.page-plan-visit .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-rules-regulations.jpg) center !important; }
.page-history .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-history.jpg) center !important; }
.page-rental-policy .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-rental-policy.jpg) center !important; }
.page-thankyou .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-thankyou.jpg) center !important; }
.page-farm-to-titan .sub-banner { background: url(//ueestatic.fullerton.edu/static/ARBO/images/sub-farm-to-titan.jpg) center !important; }

.sub-banner .title {
	margin: 0px auto;
	text-align: center;
}
.sub-banner .title h1 {
	font-family: 'League-Gothic', "league-gothic", sans-serif !important;
	font-size: 80px !important;
	line-height: 70px;
	letter-spacing: -0.005em !important;
	color: #fff !important;
	text-shadow: 4px 4px 0px rgba(0,0,0,0.15);
	padding-bottom: 0px;
}
.sub-banner .title .lead {
	color: #fff;
	font-size: 15.5px !important;
	font-weight: 600 !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	padding: 17px 15px 15px !important;
	background-image: url(//ueestatic.fullerton.edu/static/ARBO/images/orange-ribbon-sub.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 10px;
}

/*responsive sub-banner position*/
@media screen and (min-width: 768px) and (max-width: 992px) {
	.sub-banner {
		background-position-x: -600px; 
	}
}

@media screen and (max-width: 800px) {
/*green mobile header*/
.clear-header #Header {
	position: static !important;
}
.clear-header #SiteName_Tabs, .clear-header #CSUFLink_Search {
	background-color: #006401 !important;
}
.PageHeader #CSUFLink_Search {
    height: 43px;
}
	
#CSUFLink_Search #search-button {
    background-color: #006401 !important;
}
/*hide "administered by" text on small screens*/
#branding #sitename::after {
    content: "";
}
	
/*mobile nav*/
#Navigation.mobileopen {
    background: #2c3136 !important;
}
.clear-header #navMain li a {
    font-size: 16px !important;
}
#navtabH {
	margin-top: 10px !important;
}
	
#Header #message {
}
#CSUFLink_Search {
	padding-top: 0px;
}
#SiteName_Tabs #branding {
    padding-top: 40px !important;
}
#branding img, #administered {
	display: none;
}
}

@media screen and (max-width: 799px) {
#Header .header-logo {
	display: none;
}
	
/*mobile alert/message strip*/
.homepage #divA_content p:first-child, .homepage #message .alert-close {
	z-index: 2;
}
.homepage #divA_content p:first-child {
	display: block;
    position: absolute;
    margin-top: 0px;
}
	
#divA .sub-banner {
	display: block;
	height: 260px;
	background-size: cover !important;
}
#MainContent .divB .pull-left {
    width: 100% !important;
}	
	
#divFooter .logo {
    margin: 0 auto !important;
    width: 196px !important;
}
#divFooter .disclaimer, #divFooter #arbnet, #divFooter .accessibility {
	text-align: center;	
	width: 100%;
}
#divFooter #social-icons {
	margin-top: 10px;
	padding-bottom: 5px;
}
#divFooter #footer-address {
	margin-bottom: 20px;
}
#divFooter .disclaimer p, #divFooter #arbnet img {
	float: none;	
}
#divFooter #arbnet {
	margin: 0 auto;
    display: block;
    width: 100%;
    float: none;
    clear: both;
    text-align: center;
    padding: 15px 0 10px;
}
	
.page-plan-event #MainContent .divB p img {
    margin: 0px auto 10px !important;
}
}

@media screen and (min-width: 500px) and (max-width: 799px) {
.homepage.clear-header .main {
	height: 400px;
}
.homepage.clear-header .main video {
	height: 450px;
}
.homepage.clear-header .video-overlay .main-text {
	top: 20%;
}
}

@media screen and (min-width: 767px) and (max-width: 799px) {
#MainContent .divB .feature .pull-left {
   	float: left !important;
	margin: 0 20px 0 1% !important;
}	
#MainContent .divB .feature.med .pull-left {
	width: 300px !important;
}	
#MainContent .divB .feature.lg .pull-left {
	width: 400px !important;
}
}

.section-schedule .vmiddle > strong {
	text-align: left;
	margin: 30px 0 15px;
	color: #00274C;
	font-weight: 500;
}
.section-schedule .vmiddle ul li {
	margin-bottom: 10px !important;
}
.section-schedule .vmiddle ul li strong {
	margin-bottom: inherit;
	display: inline;
	font-size: inherit;
}
.section-schedule .vmiddle ul li.disc {
	font-style: italic;
	list-style: none !important;
	font-size: 14px;
}
.section-schedule .vmiddle ul li.disc:before {
	content: " " !important;
}
.section-schedule .sub-title {
	font-weight: 100;
}
.section-schedule .big-dot {
	display: block;
	margin: 4px 0 !important;
	color: #bbb;
	text-indent: 0px !important;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}
.section-schedule .list-courses {
	font-weight: 300;
}
.section-schedule .list-row1 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px !important;
}
.section-schedule .list-row2 {
	border-bottom: 1px dotted #ccc;
	padding-top: 10px !important;
	padding-bottom: 20px !important;
}
.section-schedule .list-row3 {
	padding-top: 10px !important;
}
em.normal {
	font-size: inherit !important;
	color: inherit !important;
    display: inline !important;
}

#centercontent .caption {
    font-size: 15px !important;
}

/*LIST*/
#MainContent > .container #layoutcontainer .list-checkmarks > li:before {
	content: '✔' !important;
	color: #66a266 !important;
	margin-right: 10px !important;
}


/*TABLE*/
.table-striped>tbody>tr:nth-child(odd)>td {
	background-color: #f9f9f9 !important;
}
.table tr td {
	color: #333 !important;
}

.table-responsive .note {
	font-style: italic;
	font-size: inherit;
	font-weight: 100;
}
.table-responsive.schedule table tr td:first-child {
	background-color: /*#c9e3fd*/ #c9e3fd !important;
	border-bottom: 1px solid #ccc;
}
.table-responsive.schedule table tr:nth-last-of-type(2) td {
	border-bottom: 1px solid #ddd;
}
.table-responsive .bg-color-navy:nth-child(1), .bg-color-navy:nth-child(2) {
	border-right: 1px solid #fff !important;
}
.table-responsive table .bg-color-blue th {
	color: #fff;
}
.disclaimer p:nth-child(2) {
	margin-left: 6px !important;
}
/*p, li, a, span, th,*/ td {
	text-shadow: none !important;
}
#divB_content a:link, #divB_content a:visited, #divC_content a:link, #divC_content a:visited, #divB_content .accordion-single button {
	text-shadow: 0 0 0 #7b97bd;
}

/*CAROUSEL*/
.carousel-indicators {
    bottom: 4%;
    margin-left: -29.5%;
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
}

.carousel-indicators li {
    border: 2px solid #ffffff;
    width: 15px;
    height: 15px;
}

.carousel-control.left, .carousel-control.right {
    z-index: 100;
    font-family: 'Advent Pro', sans-serif;
    font-size: 9rem;
}

.carousel-control.left span, .carousel-control.right span {
    top: -10%;
    position: absolute;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.carousel-caption {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    padding-top: 0px;
    padding-bottom: 18px;
    top: 0px;
    z-index: 10;
    right: 15%;
    left: 15%;
}

#myCarousel .item {
    height: 115px;
}

#myCarousel .item img { /*max-width: 1282px;*/
    max-height: 489px; 
	max-width: 100% !important;
    margin: 0 auto;
}

#myCarousel h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    margin: 78px 0 5px;
    letter-spacing: 0px;
}

#myCarousel p {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 16px 0;
}

.carousel-control.left, .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
}

.carousel-control { /*font-family: Trebuchet MS, "lucida Sans Unicode", sans-serif;*/
    font-weight: 100;
    font-size: 38px;
    border: 0px;
    line-height: 95%;
	background-color: transparent;
}

.divB .img-right {
	width: 400px;
	position: relative;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	top: -20px /*-70px;*/;
	border: none;
}

#divB_content ul li { 
	font-size: 18px; 
}

.subpage #centercontent p.list {
	line-height: 1.8 !important;
}

/*LINKS*/
/*#divB_content a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit;
}*/

/*FORMS*/
#centercontent .fsBody .fsForm {
    border: none !important;
}
.fsBody .fsRow input {
    font-size: 18px !important;
}

.page-form .fsRowBody input[type="number"] {
	padding: 7px !important;
}
.fsBody .fieldset-content .always-ltr {
    margin-top: 10px !important;
}
.fsBody .ui-datepicker-trigger {
    width: inherit !important;
    margin-left: 15px !important;
}

.fsBody .fsSubField.fsFieldCity, .fsBody .fsSubField.fsFieldState {
    margin-right: 15px !important;
}
.fsBody .fsSubField.fsFieldCity {
    width: 55% !important;
}
body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton {
	font-size: 17px !important;
}
.page-form.volunteer .fsBody .fsForm .fsSupporting {
    margin-top: 4px !important;
}
@media screen and (max-width: 699px) {
.fsBody .fsSubField.fsFieldCity {
    width: 100% !important;
}
}
.page-form.photography .fsSupporting {
    font-size: 14px;
    font-style: italic;
    margin-top: 15px !important;
    line-height: 1.3;
}


/**********************************PAGES*****************************************************
*********************************************************************************************/
/*intro full-width strip*/
#full-width-strip.intro {
    /*text-align: center;*/
    margin-top: -60px !important;
    background: #FBF4EC !important;
}
#centercontent #full-width-strip h2 {
    margin-top: 15px !important;
}
#full-width-strip.bg-color-med-blue {
    background: #3d75c0 !important;
}
#centercontent #full-width-strip.covid19 p {
	font-size: 17px !important;
    font-weight: 400;
}

.subpage #centercontent  #full-width-strip.intro h1 {
	color: #526a30 /*#455A28*/ !important;
    margin-top: 35px !important;
	font-size: 36px !important;
}
.subpage #centercontent h1 {
	color: #516a30 !important;
	font-size: 33px !important;
	font-weight: 600 !important;
	margin-top: 0px !important;
}

#centercontent h2 {
	color: #444 !important;
	font-size: 28px !important;
    font-weight: 400 !important;
	margin-top: 40px !important;
}
#centercontent h2.underline {
    border-bottom: 1px solid #444;
    padding-bottom: 4px !important;
}

#centercontent h3 {
    font-weight: bold !important;
    color: #444 !important;
	font-size: 21px !important;
}

#centercontent em {
    line-height: normal;
}

a img:hover {
	opacity: 0.7;
	transition: opacity .2s ease-in;
}

.text-uppercase {
	text-transform: uppercase;
}

/*gutter-wrap boxes*/
.gutter-box > [class^="col-"] > div {
    border: none;
    border-radius: 0px !important;
}
.subpage #full-width-strip .gutter-box > [class^="col-"] > div {
    background: #fff !important;
    box-shadow: 0 2px 10px 0 rgba(134,141,155,0.1);
}

.feature .thumbnail {
	margin-right: 20px;
	height: auto;
	border: none !important;
}
.feature.med .thumbnail {
	width: 300px !important;
}
.feature.lg .thumbnail {
	width: 400px !important;
}

.subpage #centercontent .feature ul {
    display: table;
	padding: 0 20px 0;
}

#centercontent .gallery {
	margin-left: -8px;
	margin-right: -8px;
}
#centercontent .gallery .col-md-4 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
#centercontent .gallery img {
	width: 100%;
}

#centercontent .photo-credit {
	font-size: 13px !important;
}

#centercontent .small {
	font-size: 16px !important;
}

.semibold, a.semibold {
	font-weight: 500 !important;
}

.more-text {
  display: none;
}
.read-more {
	background: none;
	border: none;
	text-decoration: underline;
	padding: 0px;
	font-style: italic;
}

/*buttons*/
#MainContent #layoutcontainer .btn-orange {
    background: #444 url(//ueestatic.fullerton.edu/static/assets/images/orange.png) !important;
    border-color: #f77c03 !important;
    color: #fff;
    margin-top: 10px !important;
}
#MainContent #layoutcontainer a.btn:hover, #MainContent #layoutcontainer a.btn-orange:hover, #MainContent #layoutcontainer a.btn-orange:focus, #MainContent #layoutcontainer a.btn-border:hover, #MainContent #layoutcontainer a.btn-border:focus {
    border: none !important;
}
#MainContent #centercontent #layoutcontainer #divB .btn-border {
    border-color: #00274c !important;
    color: #00274c;
    margin-top: 15px !important;
	font-weight: 600;
	text-align: center;
}
#MainContent #centercontent #layoutcontainer a.btn:hover, #MainContent #layoutcontainer a.btn-orange:hover, #MainContent #layoutcontainer a.btn-orange:focus {
    border: 2px solid #0059a2 !important;
}
#MainContent #centercontent #layoutcontainer .btn-border:hover, #MainContent #centercontent #layoutcontainer .btn-border:hover, #MainContent #centercontent #layoutcontainer .btn-border:focus {
	background-color: #00274c !important;
    border-color: #00274c !important;
}



/*****HOMEPAGE*****/
.homepage #divB {
	padding-left: 0px;
	padding-right: 0px;
}
.homepage #centercontent #divB_content, .page-hours-directions #centercontent #divB_content {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.homepage #centercontent #divB h2 { 
	/*color:  #455A28 /*#c9e3fd !important;*/
	font-weight: 500;
}
.homepage #divB_content p, .homepage #divB_content ul li {
	font-size: 19px;
}
.homepage #divB_content ul {
	padding-bottom: 10px;
}

.homepage #divB hr {
	margin-top: 70px;
}

.homepage #divD_shell { 
	background-color:  #fff;
}
.homepage #divD_content { 
	margin: 45px auto 60px !important;
}

.homepage #divE_shell { 
	background-color: #f1f1f1;
}

.homepage #divE_content { 
	margin-top: 40px !important;
}

.homepage #centercontent h2 {
	font-size: 36px !important;
}


.homepage #divD h2 + h3 {
	color: #235392;
}

.homepage #divD h3 a {
	text-decoration: none !important;
}

.homepage #divA .linkicon, .homepage #divD .linkicon, .homepage #divE .linkicon, #arbnet .linkicon, .btn .linkicon, .page-classes #classes .linkicon, img + .linkicon, h3 a .linkicon, #divB .linkicon, #Navigation.LowerScroll #navMain li a img {
	display: none !important;
    margin-left: 0px !important;
}


.homepage #divD h2 { 
	text-align: center;
}

/*top notice strip*/
.homepage #message {
    text-align: center;
    width: 100%;
	background: orange;
    padding: 4px 0 !important;
    font-size: 14px !important;
    letter-spacing: .1px;
    font-weight: 600 !important;
	margin-bottom: 0px;
}
.homepage #message .alert-close {
	display: inline;
    position: absolute;
    top: 4px;
    right: 1%;
	cursor: pointer;
}

.homepage #full-width-strip.upcoming-events {
	background-color: #EEF4F6 !important;
	padding-top: 35px !important;
	padding-bottom: 20px !important;
}
.homepage #centercontent #full-width-strip.upcoming-events p {
	font-size: 17px !important;
}

.homepage #full-width-strip.bg {
    padding: 55px 9999px !important;
    margin-bottom: 0px !important;
}

.homepage .social-embed iframe {
	height: 420px;
}

.homepage #full-width-strip.plan-event h2 {
	background-color: #fff !important;
}

.homepage #centercontent .plan-event h2 {
	margin-top: 25px !important;
}

.homepage #full-width-strip.interactive-map {
	background: url("//ueestatic.fullerton.edu/static/ARBO/images/interactive-map-bg.jpg") center no-repeat !important;
	background-position-y: -150px !important;
	text-align: center;
    padding: 60px 9999px !important;
} 
.homepage #full-width-strip.interactive-map .text {
    background-color: rgba(0,0,0,.71);
    color: #fff;
    max-width: 780px;
    margin: 0 auto;
    padding: 30px 20px 20px !important;
}
.homepage #full-width-strip.interactive-map h3 {
    background: none !important;
    color: #fff !important;
    font-size: 30px !important;
    margin-top: 0px !important;
	font-weight: 500 !important;
}
.homepage #layoutcontainer .interactive-map .btn {
    margin-top: 15px !important;
}

.homepage #centercontent .live-cams h2 {
	margin-top: 60px !important;
}

.homepage .live-cams img {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*****VISIT PAGES*****/
.page-tours .feature h3 {
	text-align: left;
}
.page-tours .feature h3 + p {
	font-weight: 500 !important;
}

.page-tours .strike span {
	font-size: 24px !important;
	font-style: italic;
}
.page-tours h4 {
	font-size: 21px;
}

.page-tours .monthly-tour-highlights .thumbnail {
	margin-bottom: 20px;
	border: none;
} 

@media screen and (min-width: 1241px) {
.page-tours .monthly-tour-highlights .thumbnail {
	min-height: 243px;
} 
.page-tours .feature + .feature p:nth-child(3) {
	letter-spacing: -.17px;
}
.page-uacre .partners .col-md-3:nth-child(-n+4) .gutter-wrap {
    min-height: 278px;
}
}
@media screen and (min-width: 1115px) and (max-width: 1240px) {
.page-uacre .partners .col-md-3:nth-child(-n+4) .gutter-wrap {
    min-height: 299px;
}
}
@media screen and (min-width: 992px) and (max-width: 1114px) {
.page-uacre .partners .col-md-3:nth-child(-n+4) .gutter-wrap {
    min-height: 318px;
}
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
.page-tours .monthly-tour-highlights .thumbnail {
	min-height: 253px;
} 
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.page-tours .monthly-tour-highlights .thumbnail {
	min-height: 243px /*268px*/;
} 
.page-uacre .partners .col-md-3 .gutter-wrap {
    min-height: 279px;
}
}
.page-tours .monthly-tour-highlights .thumbnail, .page-tours .monthly-tour-highlights .thumbnail img {
	padding: 0px !important;
} 
.page-tours .monthly-tour-highlights .thumbnail img {
	max-width: 100% !important;
	border-radius: 50%;
	width: 160px !important;
} 
.page-tours .monthly-tour-highlights .caption {
	padding: 10px 0 !important;
	text-align: center;
}

.page-weather iframe {
	min-height: unset;
	height: 417px;
}
.page-weather-details iframe {
    min-height: unset;
    height: 1375px;
	overflow: hidden;
}

.page-weather iframe + p, .page-weather-details iframe + p {
    clear: both;
}


.camwindow img {
	max-width: 100% !important;
	margin-left: 0px;
} 

/*****LEARN PAGES*****/
.parent-content {
    display: table;
}
.center-content {
    display: table-cell;
    vertical-align: middle;
}
.page-classes #classes .col-md-6 {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.page-classes #classes .col-md-6:nth-child(odd) {
    border-right: 1px solid #ddd;
}
.page-classes #classes .col-md-6:last-child, .page-classes #classes .col-md-6:nth-last-child(2) {
    border-bottom: none !important;
}

.page-classes #classes .thumb img {
    width: 160px !important;
    padding: 4px;
	margin-right: 20px !important;
	border-radius: 50%;
}

.page-classes #centercontent .title {
	margin-bottom: 0px !important;
	font-weight: 600;
}
.page-classes #centercontent .title + p {
	margin-top: 0px !important;
}

/*.page-classes .ad {
	max-width: 800px;
}
.page-classes .ad img {
	margin-left: 0px;
	padding-left: 0px;
}*/

@media screen and (min-width: 992px) and (max-width: 1098px) {
.page-classes #classes .col-md-6 {
    height: 200px;
}	
}

.page-research .testimonial-container p {
	font-size: 15px !important;
}

.page-research .gutter-box > [class^="col-"] > div {
	font-size: 15px !important;
	padding: 0 !important;
    border-radius: 0px !important;
	background-color: #fff !important;
	border: none;
}

#divB .gutter-box img {
	display: block;
	width: 100%; /*IE fix*/
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0px !important;
}

.page-research #divB .gutter-box hr {
	margin-top: 20px !important;
}

.page-research #divB .gutter-box label {
	margin-bottom: 0px;
}

.page-research #divB .gutter-box input[type="checkbox"] {
	display: none;
}

.page-research #centercontent .gutter-wrap .caption {
	padding: 20px !important;
    font-size: 16px !important;
    font-weight: bold;
	text-align: left;
}

.page-research #centercontent .gutter-wrap .caption h3 {
	margin-top: 0px;
    font-size: 18px !important;
	font-weight: 600 !important;
}

.page-research .projects span {
	display: block;
}

.page-research .projects .credits {
	background: #fff;
	display: block;
    font-size: 15px !important;
    font-weight: 400;
}

.page-research .w3-container {
	text-align: left;
}
.page-research #centercontent .w3-container p {
    font-size: 17px !important;
}

.w3-modal img {
	width: 100%;
	max-width: 100%;
}

/*embedded article*/
.page-research embed {
	max-height: 518px;
	width: 100%;
	margin-top: 10px;
}
.page-research embed body {
	margin-top: 0px !important;
}
.page-research embed #top-nav.navbar.navbar-default, .page-research embed #body-container + .container, .page-research embed .breadcrumb, .page-research embed hr, .page-research embed #body-container hr + p, .page-research embed #body-container p:last-of-type {
	display: none !important;
}
.page-research embed #body-container {
	margin: 0px;
	padding: 0px;
	width: 100%;	
}

/*test flexbox so we don't have to set min-heights for images (doesn't work in IE**)*/
.page-research-test .row.gutter-box.projects {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.page-research-test .gutter-box > [class^="col-"] {
	flex-grow: 1;
    display: flex;
}

.page-scholarships #centercontent .gutter-wrap h3 span {
	font-size: .8em;
	font-weight: 600;
}

.page-scholarships #centercontent .gutter-wrap p {
	text-align: left !important;
	font-size: 16px !important;
}

.page-online-ed #full-width-strip {
	padding: 30px 9999px 40px !important;
}
.page-online-ed #centercontent #divB_content {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.page-uacre #divB .gutter-box.partners h3 {
	font-size: 16px !important;
	margin: 15px 0 6px;
}
.page-uacre #divB .gutter-box.partners img {
	max-width: inherit !important;
	width: inherit !important;
}
.page-uacre .gutter-box.researchers .gutter-wrap, .gutter-box.feature .gutter-wrap {
    padding: 0 0 25px !important;
}
.page-uacre .gutter-box.researchers .caption, .gutter-box.feature .caption {
	padding: 10px 20px 0 !important;
}



/*****COLLECTIONS PAGES*****/
/*plant map*/
.page-plantmap #divB_content {
	margin: 60px auto 25px !important;
}
/*responsive flash*/
@media screen and (max-width: 1200px ) {
	.page-plantmap .flash-container {
		height: 955px;
	}
	
	.page-research .projects.csuf .col-md-3:nth-child(3) .credits {
		letter-spacing: -.08px;
	}
	.page-research .projects.csuf .col-md-3:nth-child(4) .credits {
		letter-spacing: -.25px;
	}
	.event-box .img {
		background-position-y: 0px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.page-plantmap .flash-container {
		height: 800px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.page-plantmap .flash-container {
		height: 600px;
	}
	.page-membership #centercontent #divB_content .gutter-box.first-tier:nth-child(1) .gutter-wrap, .page-membership #centercontent #divB_content .gutter-box.first-tier:nth-child(2) .gutter-wrap {
	min-height: unset !important;
	}
	.page-membership #centercontent #divB_content .gutter-box.second-tier .gutter-wrap {
	min-height: 243px !important;
	}
}

@media screen and (max-width: 767px) {
	#MainContent .divB .pull-left {
    	float: none !important;
	}
	.homepage .live-cams .col-md-6:first-of-type {
		margin-bottom: 15px !important;
	}
	.homepage #centercontent h2 {
		font-size: 33px !important;
	}
	
	.page-weather #centercontent iframe + p, .page-weather-details #centercontent iframe + p {
		padding-top: 20px !important;
	}
	.page-plantmap .flash-container {
		height: 480px;
	}
	.page-membership #centercontent #divB_content .gutter-box.membership-types .col-md-3 .gutter-wrap {
	min-height: unset !important;
	}
	.page-research .w3-container .row {
    margin-right: -15px;
    margin-left: -15px;
	}
	.page-research #divB .gutter-box .w3-container .row .col-xs-12:nth-child(n+2) img {
    margin-top: 10px !important;
	}
	
	.page-contact .contact .col-md-4:nth-child(2) h3 {
		word-break: break-word;
		width: 270px;
	}
	.page-contact .col-md-4 + .col-md-4 {
		margin-top: 30px !important;
	}
}

/*****EVENTS PAGES*****/
/*event box*/
.event-box {
	display: flex;
	flex-wrap: wrap;
	background-color: #f1f1f1;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
}
.gutter-box.event-box > [class^="col-"] {
	border-radius: 0px !important;
}
#centercontent .event-box .date-time p, #centercontent .event-box .event-type {
	font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}
#centercontent .event-box .date-time em {
	font-weight: inherit !important;
}
#centercontent .event-box .date-time {
	background-color: #00274c /*#e5e5e5*/;
	padding: 30px 20px 0;
	margin: 0px;
	color: #fff;
	text-align: center;
}
#centercontent .event-box .date {
	line-height: 1.2 !important;
}
#centercontent .event-box .number {
	font-size: 47px;
    font-weight: 600;
    /*color: #333;*/
}
#centercontent .events .event-box .time {
    font-weight: inherit !important;
}
.event-box .text {
	margin-bottom: 15px;
}
.gutter-box.event-box > [class^="col-"] > div.text-container {
	background-color: inherit !important;
	text-align: left !important;
	padding: 0 0 0 10px !important;
}
.event-box .event-type {
    color: #888;
}
#centercontent .event-box .description {
    font-size: 17px !important;
	line-height: 1.4 !important;
}
.event-box .description, .event-box .note {
    text-shadow: 0 0 0 #000;
}
#MainContent #centercontent .divB .event-box.gutter-box > .img, #MainContent #centercontent .divB .event-box.gutter-box > .img img {
	margin: 0px !important;
	padding: 0px !important;
}

/*event thumbnails*/
.page-events .img {
    background-size: cover !important;
    border-radius: 0px !important;
}
.page-events .forest-bathing .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/forest-bathing.jpg) no-repeat;
}
.page-events .moon-bathing .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/moon-bathing.jpg) no-repeat;
}
.page-events .veggiepalooza .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/veggiepalooza.jpg) no-repeat;
}
.page-events .green-scene .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/green-scene.jpg) no-repeat;
}
.page-events .victorian-tea .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/victorian-tea.jpg) no-repeat;
	background-position-y: -90px;
}
.page-events .summer-solstice .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/summer-solstice.jpg) no-repeat;
	background-position-y: -125px;
}
.page-events .brews-blues .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/brews-blues.jpg) no-repeat;
}
.page-events .ca-native .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/ca-native.jpg) no-repeat;
}
.page-events .cactus-succulent .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/cactus-succulent.jpg) no-repeat;
}
.page-events .holiday-luminaria .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/holiday-luminaria.jpg) no-repeat;
	background-position-y: -40px;
}
.page-events .hymns .img {
    background: url(//ueestatic.fullerton.edu/static/ARBO/images/events/hymns.jpg) no-repeat;
}

/*event detail page*/
.page-green-scene #centercontent .exhibitors > div > p {
	height: 185px;
	line-height: 185px !important;
}

.page-green-scene .icon.sponsor {
	max-width: 180px !important;
}

/*museum/exhibits page*/
.page-museum-exhibits .exhibits img {
	margin-left: 0px;
	padding-left: 0px;
}

.page-museum-exhibits .pull-right {
    max-width: 300px;
    margin: 30px 20px 20px !important;
}

.page-museum-exhibits .pull-right img {
    margin: 0px;
    padding: 0px;
    max-width: 100% !important;
}


/***MODAL***/
.items a {
	cursor:pointer;
    color:#000;
    text-decoration:none;
}
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99; /* Sit on top */
	left: 0;
	right:0;
	top: 0;
	bottom:0;
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-header {
    color: #fff;
    padding: 15px !important;
    border-bottom: 1px solid #e5e5e5;
    background-color: #002b54!important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modal-title {
    text-align: center;
    color: #fff!important;
    font-size: 20px;
    font-weight: 600;
	font-style: normal;
	line-height: .8;
    padding: 20px 0 !important;
}
.modal-content {
	background-color: #fefefe;
	/*position:fixed;*/
	top:20%;
	bottom:20%;
	left:0;
	right:0;
    border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	display:none;
	box-sizing:border-box;
	z-index:100;
	overflow:auto;
}
.modal-body {
    padding: 15px !important;
}
#centercontent .modal-body p, #centercontent .modal-body ul li {
	font-size: 16px !important;
	line-height: 1.4 !important;
}
.modal-footer {
    padding: 15px !important;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.close {
	color: #444;
	opacity: 1;
	float: right;
	font-size: 16px;
	font-weight: 600;
	cursor:pointer;
	padding: 6px 12px !important;
	border-radius: 50px;
    background: #e0e0e0 !important;
}

.w3-modal .btn-close {
	padding: 8px 30px;
	border-radius: 50px;
}
.w3-modal .btn-close:hover, .w3-modal .btn-close:focus {
    background-color: #0059a2 !important;
}


/*****SUPPORT PAGES*****/
.page-membership #centercontent #divB_content {
	margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.page-membership .caret.down {
	border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 0 dotted;
    border-left: 6px solid transparent;
    margin-left: 4px;
}

#full-width-strip {
    background: #EEF4F6 !important;
}
.page-membership #full-width-strip {
	padding: 50px 9999px !important;
}
.page-membership .gutter-box.membership-types.second-tier {
	margin-top: 0px !important;
}
/*.page-membership .gutter-box.membership-types.first-tier .col-md-3 .gutter-wrap {
	min-height: 323px !important;
}
.page-membership .gutter-box.membership-types.second-tier .col-md-3 .gutter-wrap {
	min-height: 289px !important;
}*/
.page-membership #centercontent .gutter-wrap h3 {
    border-bottom: 1px solid #aaa;
    padding-bottom: 6px !important;
}
.page-membership #MainContent > .container #layoutcontainer .gutter-wrap ul > li {
	font-size: 17px !important;
	margin-bottom: 5px !important;
}

.page-membership ul li span {
	padding-left: 2px !important;
}

/*@media screen and (min-width: 992px) and (max-width: 1181px) {
.page-membership .gutter-box.membership-types.first-tier .col-md-3 .gutter-wrap {
    min-height: 459px !important;
}
}*/

.page-volunteer #divB ol > li:nth-child(-n+2) {
	margin-bottom: 15px !important;
}
.page-volunteer #divB ol > li:last-child em {
	display: block !important;
}

.page-jobs .info-box {
	background: #f1f1f1 !important;
	border: none !important;
}


/*****INFO PAGES*****/
/*hours & directions*/
.page-hours-directions #centercontent h2 {
    font-size: 33px !important;
}
.page-hours-directions .gutter-box > [class^="col-"] > div {
	text-align: center;
	padding: 25px 25px 40px !important;
}
.page-hours-directions .hours-admission img {
    width: 140px !important;
    margin-bottom: 5px;
}
.page-hours-directions #centercontent .hours-admission p {
    margin-bottom: 0px;
}
.page-hours-directions #centercontent h2:last-of-type {
	margin-top: 25px !important;
}

/*about page*/
.page-about .btn-wrap {
    text-align: center;
}
.page-about #MainContent #layoutcontainer .btn-nav a.btn {
    background-color: #c9e3fd;
    color: #777;
    border: 0px;
    margin-top: 20px !important;
    font-size: 16px !important;
	text-transform: capitalize !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
	padding: 8px 20px !important;
}

.page-about #MainContent #layoutcontainer .btn-nav a.btn:hover {
    background-color: #f1f1f1 !important;
}

/*news page*/
.page-news .greenleaves-issues .col-md-3 {
	text-align: center;
	margin-bottom: 30px;
}
.page-news .greenleaves-issues img {
	width: 240px !important;
	max-width: 240px !important;
	margin: 0 auto 10px !important;
}

.page-news #centercontent .greenleaves-issues p {
	font-size: 15px !important;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: 500;
}

.page-news #centercontent .greenleaves-issues a:last-child {
	display: inline;
}

.page-news #centercontent .feature h3 {
	font-size: 16px /*18px*/ !important;
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}

.page-news.col2 #centercontent .feature h3 {
	font-size: 15px !important;
}

/*contact page*/
.page-contact #divB h3 {
    overflow-wrap: break-word;
	font-size: 17px !important;
}
.page-contact.col-6 #divB h3 {
	font-size: 15px !important;
}
.page-contact #divB .row p {
	font-size: 16px !important;
}
.page-contact #divB .contact .img-responsive {
	max-width: 100% !important;
}

/*donate page*/
.page-donate #centercontent h2:first-of-type {
	margin-top: 30px !important;
}


/*thankyou pages*/
.page-thankyou #divA {
	display: block !important;
}
/*.page-thankyou.clear-header .sub-banner {
    min-height: unset !important;
	height: 275px;
}*/
.page-thankyou #divB {
	background: none;
}
.page-thankyou #divB_content {
    min-height: unset;
}
.page-thankyou.clear-header #divB p {
    font-size: 19px !important;
}
.page-thankyou #centercontent #divB .btn + .btn {
    margin-top: 10px !important;
}

/*farm to titan*/
.page-farm-to-titan #divB img {
	width: 300px !important;
	border-radius: 0px !important;
}

@media screen and (max-width: 768px) {	
.page-membership #centercontent #divB_content .gutter-box.membership-types .col-md-3 .gutter-wrap {
	min-height: unset !important;
}
}


@media screen and (min-width: 1281px) {   
.page-research .projects.csuf .gutter-wrap {
	min-height: 383px;
}
	
/*fix hanging sentences (widows/orphans) on large screens*/	
.page-scholarships h1 + p {
	max-width: 1060px;
	margin-left: 0 !important;
}
	
.page-contact #divB .row.contact .col-md-4:nth-child(-n+3) {
	height: 510px !important;
}
}

@media screen and (min-width: 1150px) and (max-width: 1280px) {   
.page-contact #divB .row.contact .col-md-4:nth-child(-n+3) {
    min-height: 520px !important;
}
}

@media screen and (min-width: 992px) and (max-width: 1280px) {   
.page-fees .gutter-wrap {
	min-height: 201px;
}
.page-research .projects.csuf .col-md-3:nth-child(-n+4) .gutter-wrap {
	min-height: 395px;
}
}

@media screen and (min-width: 992px) and (max-width: 1149px) {   
.page-contact #divB .row.contact .col-md-4:nth-child(-n+3) {
    min-height: 485px !important;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {   
.page-fees .gutter-wrap {
	min-height: 180px;
}
.page-contact #divB .row.contact .col-md-4:nth-child(-n+4) {
    min-height: 565px !important;
}
}

@media screen and (min-width: 800px) {
	#divB .anchor + h2 {
    margin-top: 40px !important;
}
}


@media screen and (min-width: 769px) and (max-width: 990px) {   
.page-research .projects.csuf .col-md-3:nth-child(-n+2) .gutter-wrap {
	min-height: 463px;
}
.page-research .projects.csuf .col-md-3:nth-child(3) .gutter-wrap, .page-research .projects.csuf .col-md-3:nth-child(4) .gutter-wrap {
	min-height: 463px;
}
.page-research .projects.csuf .col-md-3:nth-child(6) .gutter-wrap {
	min-height: 428px;
}
}


.page-contact #divC h2 {
	text-align: left;
	margin-bottom: 10px !important;
	padding-bottom: 8px !important;
}

.page-contact #divC p {
	margin-bottom: 10px;
}

.page-contact form .fsSubmitButton {
	padding: 13px 40px !important;
	font-size: 17px !important;
}

@media screen and (min-width: 1281px) { 
	.page-contact #divB p { 
		margin: 0;
	}
}

.page-contact .fsRowBody input[type=checkbox]:before, .page-contact .fsRowBody input[type=checkbox]:checked:before {
	display: block;
    width: 13px;
    height: 13px;
	border: none;
	background-size: 62%;
}

.page-contact .fsFieldFocused:not(.fsValidationError).fsSpan100 {
	margin: 0 0 20px !important;
	padding: 2px 14px !important;
}

.page-thankyou #divB h2 {
	margin-bottom: 15px !important;
}
.page-thankyou #divB p {
	font-size: 20px !important;
}
body.page-thankyou #MainContent #divB a.btn {
	margin-top: 15px !important;
}
.page-contact .fsEmbed .fsPage {
	padding-top: 6px;
}

.page-requirements h2:last-of-type + p {
	margin-bottom: 60px !important;
}

/*ACCORDION*/
.accordion-single p button {
	font-size: 18px;
}
.accordion-single button:after {
	content: " " url("//ueestatic.fullerton.edu/static/assets/images/chevron-down.png");
	opacity: .4;
}
.accordion-single .accordion-inner {
	padding-top: 23px;
}
.accordion-single .in p {
	margin-bottom: 10px !important;
}
.accordion-single p, .accordion-single ul {
	font-size: 16px !important;
}
.accordion-single ol li {
	font-weight: 100;
}

.page-faqs #divB h2 h1 {
	margin-top: 20px !important;
}

.page-faqs .faq-icon {
	max-width: 200px !important;
    margin: 0px auto 0;
    display: block;
}

.page-faqs h1 + p {
	max-width: 560px;
}

.page-faqs .strike span {
    background: #222 url(//ueestatic.fullerton.edu/static/assets/images/orange.gif);
    padding: 5px 20px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.page-faqs .accordion-single button {
	text-align: left;
}


@media screen and (max-width: 1280px) {
.main-banner {
	background-position: center;
}
.main-banner .title {
    max-width: 90%;
    top: 215px;
    left: 0px;
}
.main-banner .title h1 {
	font-size: 85px !important;
	line-height: .88 !important;
	width: 550px;
}
.main-banner .title .lead {
	margin-top: 12px !important;
}
}


@media screen and (min-width: 992px) {
/*adjust for Div D span class = row workaround 1*/
#divD span.col-md-6 {
	margin-top: 6px;
}
.subpage .one-row .col-md-4 {
	margin-bottom: 10px !important;
}
	
.page-classes #classes .col-md-6:nth-child(-n+2) {
	padding-top: 3px;
}
.page-classes #classes .col-md-6:nth-last-of-type(-n+2) {
	padding-bottom: 3px;
}
	
.page-uacre .partners .col-md-3:nth-child(5) .gutter-wrap, .page-uacre .partners .col-md-3:nth-child(6) .gutter-wrap, .page-uacre .partners .col-md-3:nth-child(7) .gutter-wrap, .page-uacre .partners .col-md-3:nth-child(8) .gutter-wrap/*, .page-news .feature .col-md-4:nth-child(-n+6) .gutter-wrap*/ {
    min-height: 279px;
}
	
.page-news .feature .col-md-2:nth-child(-n+6) .gutter-wrap {
    min-height: 250px;
}
	
.page-membership .gutter-box.membership-types.second-tier {
	/*margin-top: 15px !important;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.page-hours-directions .gutter-wrap {
    min-height: 167px;
}
.page-contact #divB .row.contact .col-md-4:nth-child(n+4) {
    margin-bottom: 0px;
}
}

@media screen and (max-width: 991px) {
#centercontent .gallery img {
	width: inherit;
	max-width: 100% !important;
}
	
.page-cam #MainContent {
	min-height: unset;
} 
	
.page-news .greenleaves-issues .col-md-3 a:last-child {
	display: block;
}
.gutter-box > .col-md-offset-3 {
	margin-left: 0px !important;
}
}

@media screen and (max-width: 991px) {
#centercontent .gallery .col-md-4:nth-child(-n+2) img {
	padding-bottom: 10px;
}
}

@media screen and (max-width: 768px) {
#navMain #navtabG a, #navMain #navtabG a:hover, #navMain #navtabG a:active, #navMain #navtabG a:focus, #navMain #navtabG a:visited {
    border: 0px;
    padding: inherit;
    border-radius:0px; 
    /*text-align: center;
    float: none;
    background: #e17000 !important;
    padding-left: 20px;
    margin-left: 10px;*/
}
.ExtendedNav {
	margin-top: 1px !important;
}
.page-contact .mbottom50, .page-contact .fsBody {
	margin-bottom: 20px !important;
}
}

@media screen and (max-width: 767px) {
.sub-banner {
	background-position-x: -800px; 
}
.page-research #divB .gutter-wrap {
   	max-width: 350px;
   	margin: 0 auto;
}	
	
.page-calendar .calendar {
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
}
.page-calendar .calendar iframe {
	width: 750px !important;
	max-width: none !important;
}
.page-calendar .calendar:after {
	content: "*Scroll right to see the entire calendar";
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #666;
	text-indent: 4px;
	background: #f2f2f2;
	padding: 3px;
	margin-top: -5px;
}
	
.page-green-scene #centercontent .exhibitors > div > p {
    height: auto !important;
    line-height: inherit !important;
}
.page-green-scene #centercontent .exhibitors img {
	width: auto !important;
}
	
.page-about .col-md-6:last-child {
	margin-top: 20px !important;
}
}

/*banner text position (small screens)*/
@media screen and (min-width: 500px) and (max-width: 750px) {
.sub-banner {
	padding: 83px 0px;
}
.sub-banner .title {
	padding: 0px;
	margin-top: -6px;
	width: 475px;
}
.sub-banner .title h1 {
	font-size: 70px !important;
	line-height: 60px;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
}
.sub-banner .title .lead {
	/*font-size: 14px !important;*/
	line-height: 1.25 !important;
	/*padding: 15px 12px 12px !important;*/
	background-position-y: 7px;
	margin-top: 4px !important;
}
.sub-banner .title .lead span {
	display: block;
	padding: 0px 60px 0px;
}
}

/*adjust for Div D span class = row workaround 2 (make form box have same padding as box above)*/
@media screen and (min-width: 500px) and (max-width: 991px) {
#divD span.col-md-6 {
	display: block;
	margin-top: 50px;
}
}

/*remove extra space below sub-images*/
@media screen and (min-width: 1281px) {
.sub-img {
	margin-top: -60px !important;
}
}

@media screen and (min-width: 805px) and (max-width: 1280px) {
.sub-img {
	float: right;
	padding-left: 20px!important;
	margin-bottom: 0px !important;
	margin-top: -10px !important;
}
.sub-img img {
	top: 0px !important;
}
}

@media screen and (min-width: 805px) {
.sub-img {
	float: right;
	padding-left: 20px!important;
	margin-bottom: 0px !important;
}
.sub-img img {
	top: 0px !important;
}
}

@media screen and (min-width: 801px) and (max-width: 991px) {
#divFooter .disclaimer {
	border-left: none;
    padding-left: 0;
    clear: both;
    padding-top: 20px;
}
#divFooter #arbnet {
	margin: 30px auto 5px;
    float: right;
}
#divFooter #arbnet img {
    margin: 0 auto;
    display: block;
}
#divFooter .accessibility {
	margin-top: 5px;
}
}

@media screen and (min-width: 768px) {
/*.homepage #divB { margin-top: -4px; } */
.icon-box {
	margin-top: 100px !important;
}
.modal-content {
   width: 700px;
   margin: 30px auto;
}
}

@media screen and (min-width: 0px) and (max-width: 750px) {
.homepage.clear-header .main, .homepage.clear-header .main {
    height: 211px /*160px*/ !important;
}
/*.homepage.clear-header .main, .homepage.clear-header .main video {
	margin-top: 7px;
}*/
.subpage.clear-header #divA .sub-banner {
    height: 150px !important;
	min-height: unset;
}
	
/*add bottom spacing to certain sections*/
#divB_content, #divC_content, #divD_content, #divE_content {
   	margin-bottom: 20px !important;
	margin-top: 0px !important;
}
	
/*equal spacing for home sections in mobile*/
.homepage #divD_content {
   	margin: 0px !important;
	padding-bottom: 0px !important;
}

.homepage #divD_content, .homepage #divE #centercontent h2 {
   	margin: 0px !important;
}	

.homepage #divD h2 {
    margin-top: 15px !important;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
}
	
.homepage .main-text {
    top: 30% !important;
}
.homepage .logo {
	width: 85px !important;
}

/*2-col IG feed*/
	.homepage .j-stack {
		width: 50% !important;
	}

.homepage #divE_content {
   	margin-top: 0px !important;
    padding-top: 0px !important;
}	
	
/*hide video on mobile*/
.homepage .main {
	background: #7c787d url(//ueestatic.fullerton.edu/static/ARBO/images/main.jpg) center no-repeat;
}	

.homepage .video-overlay {
	top: 0;
}	
	
.homepage .main video, .homepage .video-overlay h1, .homepage .video-overlay .arrow-skip {
	display: none;
}	
	
.homepage.clear-header .video-overlay::after {
	background-image: none;
}
	
.homepage .image-box .image-wrap img {
	margin: 0 auto 10px !important;
}

	
/*#divB hr {
	margin-top: 40px !important;
}*/
	
.homepage .image-box + .text-center {
	margin-top: -30px !important;
}
	
#divB_content .img-right {
	top: 0px;
	max-width: 100% !important;
}
	
/*.mobile_sitetabs button, */.main-banner .title {
	display: none;
}
	
.mobile_sitetabs button {
	margin-top: 6px !important;
}
	
	.mobileexpand ul li:last-child {
		padding-bottom: 0px !important;
	}
	
.homepage .main, .sub-banner {
	height: 260px;
	background-size: cover !important;
}
#sitename a {
	font-size: 42px !important;
}
.page-infosessions .divB img {
	top: 0px;
}
.divB img {
	width: 100% !important;
	/*width: inherit;*/
	margin: 0 auto !important;
}
.divB img.icons {
	width: inherit !important;
	margin: 0 auto;
}
.table-responsive {
	width: 100%;
	overflow-y: hidden;
	border-top: none;
}
.table-responsive table {
	margin-top: 0px;
}

.homepage #section-testimonials {
    margin: 0px auto 95px;
}
	
.homepage .col-md-4 + p {
	padding-top: 0px !important;
}
	
.homepage blockquote {
    font-size: 1.2em !important;
}
	
.homepage .carousel-control .arrow-left {
	margin-left: -35px;
}
	
.page-tours #MainContent .divB .tour .pull-left {
	margin: 0px auto 20px 0px !important;
}	
.page-tours .row.tour.mtop30 {
	margin-top: 20px !important;
}
.page-tours .monthly-tour-highlights {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.page-tours .monthly-tour-highlights .thumbnail img {
    width: 130px !important;
}
.page-classes #classes .col-md-6:nth-child(odd) {
    border-right: none;
}
	
.page-eep .icons {
	margin: 10px auto 0;
	display: block;
}

.page-research .w3-modal .row > div + div {
	margin-top: 10px;
}
	
.event-box .date-time p {
	margin: 10px !important;
}

.page-donate #centercontent h2 {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}
.page-donate #MainContent .divB p .img-circle:last-of-type {
    margin-top: 30px !important;
}
}



/*iPad*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.subpage #centercontent #divB_content {
    margin: 30px auto !important;
}
	
.divD form {
	padding: 20px !important;
}
	
.divD form, .divD .box-left {
	min-height: unset !important;
}

.homepage .main {
	max-height: 440px;
}
	
.homepage .divB blockquote {
	font-size: 25px;
}
	
.subpage .sub-img img {
	margin-bottom: 15px;
}
	
.subpage .fsForm .fsLabel, .subpage .fsForm .fsSupporting {
	font-size: 14px !important;
}
	
.subpage .fsForm .fsRowBody input[type=checkbox].vertical {
	top: -2px;
}
	
.subpage .fsForm .fsRow {
	margin-bottom: 10px !important;
}
	
.page-tours .feature ul + p {
	text-align: center;
}
	
.page-research .gutter-box > [class^="col-"] > div {
    min-height: 414px !important;
}	
	
.page-museum-exhibits #centercontent p.photo-credit {
    margin-top: -15px;
    margin-left: 1%;
    padding-left: 1%;
}
.page-museum-exhibits .feature p:last-of-type {
    display: table;
}
}

@media only screen and (max-width: 1024px) {
.homepage .main {
	max-height: 440px;
}
	
.video-overlay .main-text {
    top: 27%;
}
	
.video-overlay .main-text h1 {
	font-size: 75px !important;
	width: 400px !important;
	margin: 0 auto !important;
}
	
.video-overlay .arrow-skip {
    margin-top: 40px !important;
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.ExtendedNav {
	margin-top: 3px !important;
}
#scp-mouseover-target {
		overflow: visible !important;
}

.subpage .fsForm .fsLabel, .subpage .fsForm .fsSupporting {
	font-size: 14px !important;
}
	
.subpage .fsForm .fsRowBody input[type=checkbox].vertical {
	top: -3px;
}
	
.subpage .fsForm .fsRow {
	margin-bottom: 10px !important;
}

.homepage .main {
	max-height: 440px;
}

.page-contact .mbottom50 {
	margin-bottom: 40px !important;
}
.page-contact .fsBody {
	margin-bottom: 20px !important;
}
}

@media screen and (min-width: 500px) and (max-width: 768px) { 
	#sitename {
		padding-top: 4px !important;
	}
}


#mobile_header_menu p {
	display: none;
}

@media screen and (min-width: 500px) {
#full-width-strip.restoration-donation .hidden-xs {
	display: inline !important;
}
}

/*Mobile*/
@media screen and (min-width: 0px) and (max-width: 499px) {
/*.homepage.clear-header .main video {
    height: 211px !important;
}*/
	
/*RS 4-10-2020 temp hide mobile +/- buttons bc theyre not working*/
#navMain li button {
	display: none !important;
}
	
#branding #sitename {
    padding-top: 10px;
}
	
.mobile_sitetabs button {
	text-align: center !important;
}
	
#MainContent #layoutcontainer a.btn {
	font-size: 16px !important;
    padding: 8px 10px !important;
}

#MainContent #layoutcontainer #divD a.btn {
    padding: 8px 30px !important;
}
	
body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton {
	font-size: 16px !important;
	width: auto;
}

.section-at-a-glance .icons-png {
	width: inherit;
}
	
h1 {
	line-height: 1.1;
}
	
.list-dots>li:before {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
	
.list-dots p {
	margin-bottom: 10px;
}
	
.testimonial-img-left {
	float: none !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
	
.homepage #divD_content h2 + h3 {
    padding-bottom: 0px;
    font-size: 18px !important;
	letter-spacing: -.1px !important;
    /*max-width: 200px !important;*/
}
		
.homepage #divE h2 + p {
    max-width: 330px !important;
}

.table-responsive tr td {
	width: 1px;
}
	
.row.gutter-box {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.page-tours .monthly-tour-highlights {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.page-tours .monthly-tour-highlights .col-xs-6 {
	padding: 0px 5px 0px !important;
}
.page-tours .monthly-tour-highlights .thumbnail {
    margin-bottom: 10px !important;
}
	
.page-weather iframe {
	min-height: 590px;
}
	
.page-plant-map .flash-container {
    width: 150px;
    margin: 20px auto 0 !important;
}
	
.parent-content .center-content {
	display: block;
}
.page-classes #classes .center-content .thumb img, .center-content img {
	margin: 0 auto !important;
}

.gutter-box.event-box {
	padding-bottom: 15px !important;
}	
.gutter-box.event-box > [class^="col-"] {
	margin: 0px !important;
}	
.event-box .img {
	width: 100% !important;
	height: 200px !important;
}
.page-events #centercontent .event-box .date-time {
	padding-top: 0px !important;
}
.page-events #centercontent .event-box .number {
    font-size: 40px;
}
.page-events #centercontent .event-box .date-time p {
	text-align: center;
}
	
.page-green-scene #centercontent h3 {
	font-size: 18px !important;
}	
.page-green-scene #centercontent h3 + p {
	font-size: 15px !important;
    line-height: 1.2 !important;
}
.page-green-scene #centercontent .exhibitors img {
	max-width: 100% !important;
}
	
.page-farm-to-titan .sub-banner::after {
	opacity: 0.2 !important;
}
}

/*iphone 7-plus */
@media screen and (min-width: 321px) and (max-width: 499px) {	
.page-events .victorian-tea .img {
    background-position-y: -35px !important;
}	
.page-events .summer-solstice .img {
    background-position-y: -35px !important;
}	
}

/*iphone 6 & smaller */
@media screen and (max-width: 414px) {
.homepage .plan-event h2 {
	width: 90%;
}
	
.page-tours .monthly-tour-highlights .thumbnail {
    min-height: 213px;
}
.page-tours .monthly-tour-highlights .col-md-2:nth-child(10) .thumbnail {
    min-height: 234px;
}	
}