/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

/* Notes
Green = 70b276
Purple = 9d85be
Orange = ffb15b
Dark Onrange = d94c17
 */

.container-12 { width: 940px; }
.responsive-tablet-portrait .container-12 { width: 768px; }
.responsive-mobile .container-12 { width: 100%; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	display: inline;
	float: left;
	position: relative;
}

.responsive-mobile .grid-1, 
.responsive-mobile .grid-2, 
.responsive-mobile .grid-3, 
.responsive-mobile .grid-4, 
.responsive-mobile .grid-5, 
.responsive-mobile .grid-6, 
.responsive-mobile .grid-7, 
.responsive-mobile .grid-8, 
.responsive-mobile .grid-9, 
.responsive-mobile .grid-10, 
.responsive-mobile .grid-11, 
.responsive-mobile .grid-12 {
	margin: 0;
	margin-top: 10px;
	clear: left;
}

/* Temp Hide */

.front .region-content-bottom,
.front .region-sidebar-second{display: none;}

.front #main-wrapper,
.front #main{background: #FFF !important; /* RR cream - f4efd9 !important */ }

body.logged-in {
margin-top: 20px !important;
}

body #header .section, 
body #main-wrapper #main, 
body #footer .section,
.grid-12 { width: 940px; }
.grid-9 { width: 700px; padding-right: 20px; }
.grid-3 { width: 220px; }

.responsive-mobile .grid-12 { width: 100%; }
.responsive-mobile .grid-9 { width: 100%; padding-right: 0; }
.responsive-mobile .grid-3 { width: 100%; }

#main, 
.front #main, 
#main-wrapper { background-color: #f3f3f3 !important; } /* RR cream f4efd9 white(ish)) background #F3F3F3 !important */

/* General --> mainly overrides current styling for this specific page */
.front #header { background: #FFFFFF; }
.front #header .section { background: #FFFFFF; }

.front .region-header{background: none repeat scroll 0 0 #212121; height: 255px; position: relative;}
.front .region-header #block-views-slideshow_rotational-block_1 {left: -220px; position: absolute; overflow: hidden; }

/* Rotational Text:  Local and Live */
#block-block-32,
#block-block-35{
	/* trans */
	background-color: #000;
	width: 100%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	/* /trans */
    bottom: 0;
    color: #FFFFFF;
    line-height: 18px;
    margin: 0px;
    padding: 15px;
    position: absolute;
    z-index: 100;
    height: 36px;
}
#block-block-32 a,
#block-block-35 a{color: #FFFFFF;}

/* Panel Override: Local and Live DIVs */
.panels-flexible-region-2-content_left,
.panels-flexible-region-2-content_right,
.panels-flexible-region-1-content_right,
.panels-flexible-region-1-content_left {width: 100%;}
.panels-flexible-column-inside{padding: 0;}

/* Content Highlights */
.front-pane-float{float: left; position: relative; width: 340px;}

/* Home Page Highlights */
.view-content-highlights,
.front-pane-float{margin-top: 0 !important;}
.view-content-highlights .views-row { text-align: center; }
.view-content-highlights .views-row .views-field-title { 
	cursor: pointer;
	cursor: hand;
	font-size: 18px; 
	font-weight: bold;
	text-transform: uppercase; 
	width: 294px; 
	position: absolute; 
	bottom: 0; 
	background-color: #000; 
	zoom: 1; filter: alpha(opacity=70); 
	opacity: 0.7; 
	color: #fff;
	display: block;
	height: 34px;
	padding: 7px 20px 20px;
	line-height: 24px;
	bottom: 3px;
}
.view-content-highlights .views-row .views-field-title a { text-decoration: none; color: #fff; width: inherit; border: 1px solid transparent; }
.view-content-highlights .views-field-view-node { overflow: hidden; }

	.views-row.open { position: relative; height: 100%; }
	.views-row.open .views-field-title { position: absolute; top: 0; height: 27px; padding: 60px 67px 20px 27px; }
	.views-row.open .views-field-view-node { position: absolute; top: 107px; text-align: center; background-color: #000; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; color: #fff; }
	.views-row.open .views-field-view-node p { font-size: 12px; font-style: italic; }
	.view-content-highlights .views-row .views-field-body { display: none; width: 100%; }
	.view-content-highlights .views-row .views-field-view-node { display: none; text-align: center; width: 160px; height: 263px; padding: 0 87px;}
	.view-content-highlights .views-row .views-field-view-node a { 
		background-color: #ffb15b; 
		border-radius: 22px; 
		width: 27px; 
		height: 20px; 
		display: inline-block;
		text-decoration: none;
		color: #000;
		padding: 15px 10px 10px 10px;
		font-size: 13px;
	}
	.border-purple-3 .views-row .views-field-view-node a { background-color: #9d85be; }

.view-content-highlights .views-row .views-field-view-node a.blank-div {
	display: block;
	width: 334px;
	background: none;
	padding: 0;
	margin: 0;
	left: 0;
	position: absolute;
	border-radius: 0;
	height: 100%;
	z-index: -1;
	top: 0;
}

.border-green-3 .pane-content{background: #FFFFFF; border: 3px solid #70b276; height: 370px; overflow: hidden;}
.border-purple-3 .pane-content{border: 3px solid #9d85be; height: 370px; overflow: hidden;}
.border-orange-3 .pane-content{border: 3px solid #ffb15b; height: 370px; overflow: hidden;}
.border-purple-3{margin: 0 0 20px 20px;}

/* Calendar Sidebar, Sanbi Events */
.pane-event-calendar { border: 2px solid #a9cfad; }
.border-rad { border: none; }
.border-green-1 .pane-content{background: #FFFFFF; border: 1px solid #70b276; border-radius: 5px 5px 0 0;}
.border-green-1.border-rad .pane-content{border-radius: 5px 5px 0 0 !important;}
.border-green-1 .view-header{background: #70b276; color: #FFFFFF; border-radius: 0;}
.border-green-1 .view-display-id-calendar_block_1 .view-header { border-radius: 0 !important; text-align: center; font-size: 16px; font-weight: bold; padding: 10px 5px; }
.border-green-1 .view-display-id-calendar_block_1 .view-header div { display: block !important; }
.border-green-1 .view-display-id-calendar_block_1 .view-content { border-top: 1px solid #A9CFAD; border-bottom: 1px solid #A9CFAD; }
.border-green-1 .view-header h3{margin: 0; padding: 8px; text-transform: uppercase;}
.border-green-1 .views-row{border-bottom: 1px solid #70b276; padding: 8px;}
.border-green-1 .views-row a{color: #70b276; text-decoration: none;}
.border-green-1 .views-row .views-field-title{font-size: 14px; font-weight: bold;}
.border-green-1 .views-row .views-field-field-eventdate-value{font-size: 12px; color: #70b276; margin-top: 2px;}
.border-green-1 .views-row .views-field-body p{margin: 5px 0; }
.border-green-1 .view-footer{padding: 0 8px;}
.border-green-1 .view-footer a{color: #70b276; text-decoration: none;}
.border-green-1 .attachment-before{display: none;}
.pane-event-calendar .calendar-calendar th,
.pane-event-calendar .calendar-calendar td { text-align: center !important; }

/* Sanbi Events */
.tablet-event-right { background: #fff; }
.tablet-event-right .pane-content { border: none; }

/* News */
.news-inline-4{overflow: hidden; margin-bottom: 46px;}
.news-inline-4 h2.pane-title{font-size: 19px; margin: 5px 0 16px; text-transform: uppercase; }
.news-inline-4 .view-header{position: absolute; right: 0; text-align: right; top: 0;}
.news-inline-4 .view-header a{color: #9d85be; font-weight: bold; text-decoration: none; margin-right: 13px;}
.news-inline-4 .views-row{width: 220px; float: left;}
.news-inline-4 .views-row-2,
.news-inline-4 .views-row-3{margin: 0 15px;}
.news-inline-4 .views-row .views-field-field-image-fid{height: 164px; width: 220px;}
.news-inline-4 .views-row .views-field-field-image-fid img{border: 5px solid #FFFFFF; display: block; height: 152px; outline: 1px solid #DEDEDE; width: 208px;}
.news-inline-4 .views-row .views-field-title{font-size: 14px; font-weight: bold; padding: 7px 0 4px 0; min-height: 40px}
.news-inline-4 .views-row .views-field-title a{color: #9d85be; text-decoration: none;}
.news-inline-4 .views-row .views-field-field-displaydate-value{font-size: 10px; font-style: italic;}
.news-inline-4 .views-row .views-field-view-node p{margin: 2px 0 0 0;}
.news-inline-4 .views-row .views-field-view-node a{color: #9d85be; text-decoration: none;}

/* Animal and Plants */
.pane-plants-africa{clear: left; float: left; margin-right: 20px; margin-top: -10px;}
.pane-plants-africa .views-row{background: #292929; border-radius: 5px; float: left; margin-top: 25px; min-height: 340px; padding: 0 15px 15px; width: 190px;}
.pane-plants-africa .views-row-1{margin-right: 20px; clear: left;}
.pane-plants-africa .views-row .views-field-field-image-fid{background: #FFFFFF; border: 3px solid #FFFFFF; height: 139px; outline: 1px solid #E3E3E3; overflow: hidden; position: relative; text-align: center; top: -25px; width: 184px;}
.pane-plants-africa .views-row .views-field-field-image-fid img{width: 184px;}
.pane-plants-africa .views-row .views-field-title {line-height: 22px; min-height: 60px; padding: 0;}
.pane-plants-africa .views-row .views-field-title a{color: #ffb15b; font-size: 20px; font-weight: bold; text-decoration: none;}
.pane-plants-africa .views-row .views-field-view-node p{color: #FFFFFF; font-size: 14px; margin: 0;}
.pane-plants-africa .views-row .views-field-view-node a{color: #ffb15b; font-size: 14px; text-decoration: none;}
.pane-plants-africa .view-header h2{font-size: 19px; font-weight: bold; text-transform: uppercase; float: left; padding-right: 24px;}
.pane-plants-africa .view-footer{text-align: right; clear: left;}
.pane-plants-africa .view-footer a{color: #121212; font-weight: bold; text-decoration: none; font-size: 15px; }
.mobi-show { display: none !important; }
.responsive-mobile .mobi-show { display: block !important; }
.responsive-mobile .mobi-hide { display: none; }

/* Animal of the week */
.black-block-front .views-row{background: #292929; border-radius: 5px; margin-top: 39px; min-height: 340px; padding: 0 15px 15px; width: 190px;}
.black-block-front .views-row .views-field-field-image-fid{background: #FFFFFF; border: 3px solid #FFFFFF; height: 139px; outline: 1px solid #E3E3E3; position: relative; text-align: center; top: -25px; width: 184px;}
.black-block-front .views-row .views-field-title {line-height: 22px; min-height: 60px; padding: 0;}
.black-block-front .views-row .views-field-title a{color: #ffb15b; font-size: 20px; font-weight: bold; text-decoration: none;}
.black-block-front .views-row .views-field-view-node p{color: #FFFFFF; font-size: 14px; margin: 0;}
.black-block-front .views-row .views-field-view-node a{color: #ffb15b; font-size: 14px; text-decoration: none;}
.black-block-front h2.pane-title{font-size: 19px; font-weight: bold; text-transform: uppercase;}
.black-block-front .view-footer{text-align: right;}
.black-block-front .view-footer a{color: #121212; font-weight: bold; text-decoration: none; font-size: 15px; }
.view-footer a { margin-top: 10px; display: inline-block; }

/* Content Icons */
.pane-block-30{clear: left; float: left; margin-right: 20px; padding-top: 30px;}
.pane-block-33{float: left; margin-top: 10px;}
.pane-block-33 h2{font-size: 19px; font-weight: bold; text-transform: uppercase;}
.section-icon-link{color: #FFFFFF; display: inline-block; padding: 0 7px; position: relative; text-align: center; text-decoration: none;}
.section-icon-link:nth-child(1){margin-right: 14px;}
.section-icon-link:nth-child(2),
.section-icon-link:nth-child(3){margin: 0 15px;}
.section-icon-link:nth-child(4){margin-left: 14px;}
.section-icon-link img{margin: 0 -7px -30px;}
.section-icon-link .section-icon-bot{border-radius: 20px; color: #FFFFFF; display: table-cell; font-size: 13px; height: 30px; padding: 9px 18px; position: relative; text-align: center; vertical-align: middle; width: 100px; z-index: 100;}
.section-icon-green .section-icon-bot{background: #70b276;}
.section-icon-purple .section-icon-bot{background: #9d85be;}
.section-icon-orange .section-icon-bot{background: #ffb15b;}

/* Updated Map Code */
.map-bottom-text{
	background-color: #000000;
    bottom: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 24px;
    height: 34px;
    padding: 7px 20px 20px;
    opacity: 0.7;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 294px;
    font-weight: bold;
}
/*Moved up 10px*/
#garden-map{background: url(../../images/updated-sa-map.png) no-repeat scroll 0 -10px transparent; height: 330px;}
	#garden-map ul li { list-style: none; position: absolute; }
	#garden-map ul li a { text-decoration: none; color: #000; background-color: #fff; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; border: 1px solid #63a469; padding: 1px; }
	#garden-map ul li a:hover { color: #fff; background-color: #000; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; border: 1px solid #63a469; }
		#garden-map ul li.ksch { top: 230px; left: 14px; }
		#garden-map ul li.htm { top: 201px; left: 96px; }
		#garden-map ul li.kr-dst { top: 236px; left: 108px; }
		#garden-map ul li.hrd-ptr { top: 264px; left: 75px;}
		#garden-map ul li.fr-st { top: 142px; left: 140px; }
		#garden-map ul li.kzn { top: 174px; left: 186px; }
		#garden-map ul li.wtr-sis { top: 111px; left: 148px; }
		#garden-map ul li.lwd { top: 79px; left: 263px; }
		#garden-map ul li.ptn { top: 85px; left: 180px; }
		#garden-map ul li .pin { background: url(../../images/bg-map-icon.png) 0 0 transparent no-repeat; z-index: 1000; width: 18px; height: 25px; display: inline-block; position: absolute; top: -5px; left: -13px; }
			#garden-map ul li.ksch .pin { top: 13px; left: 35px; }
			#garden-map ul li.htm .pin { }
			#garden-map ul li.kr-dst .pin { }
			#garden-map ul li.hrd-ptr .pin { }
			#garden-map ul li.fr-st .pin { left: 57px; }
			#garden-map ul li.kzn .pin { left: 84px; }
			#garden-map ul li.wtr-sis .pin { left: 75px; }
			#garden-map ul li.lwd .pin { top: 12px; left: 17px; }
			#garden-map ul li.ptn .pin { left: 44px; }
	#garden-map .garden-info{position: absolute; left: 10px; top: 10px; display: none;}
	#garden-map .garden-info div { background-color: #393939; color: #fff; padding: 0 3px; font-size: 11px; }
	#garden-map .garden-info-title { font-weight: bold; margin-top: -4px; font-size: 11px; }

/* Poll */
.pane-poll-view{border: 3px solid #F8A755; border-radius: 5px; float: left; width: 224px;}
.pane-poll-view h2.pane-title{background: #F8A755; margin: 0; padding: 8px;}
.pane-poll-view .node-type-poll { color: #4f4f4f; }
.poll .bar .foreground { background: #F8A755; }
.advpoll-vote .footer-message,
.advpoll-available-choices .choice-header{display: none;}
.pane-poll-view{background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #F8A755; border-radius: 5px; float: left; margin: 18px 0 0; min-height: 410px; width: 214px;}
.pane-poll-view h2.pane-title{background: none repeat scroll 0 0 #F8A755; color: #FFFFFF; font-size: 18px; font-weight: bold; margin: 0; padding: 8px; text-align: center;}
.pane-poll-view .pane-content{background: none repeat scroll 0 0 #FFFFFF; margin: 0 0 10px 0; padding: 0 15px;}
.pane-poll-view .pane-content .views-row h2.title{border-bottom: 1px solid #CCCCCC; line-height: 19px; margin-bottom: 10px; padding: 10px 0;}
.pane-poll-view .pane-content .views-row h2.title a{color: #4f4f4f; font-size: 15px; text-decoration: none;}
.pane-poll-view .pane-content .views-row .meta{display: none;}
.pane-poll-view .pane-content .views-row .form-submit {background: none repeat scroll 0 0 #F8A755; border: medium none; color: #FFFFFF; float: right; font-size: 12px; font-weight: bold; margin-bottom: 6px; margin-right: -8px; padding: 5px 10px;cursor: hand; cursor: pointer; }
.pane-poll-view .pane-content .views-row .vote-form{text-align: left;}
.pane-poll-view .pane-content .views-row .vote-form .choices{display: block;}

/*Pane Creature*/
.pane-creature-feature{float: left; margin-right: 20px;}

/* Event Calendar */
.view-display-id-calendar_block_1 .pane-content { border-radius: 0; }
.pane-event-calendar .calendar-calendar div.date-nav,
.pane-event-calendar .calendar-calendar,
.pane-event-calendar .calendar-calendar tr,
.pane-event-calendar .calendar-calendar table.mini td.empty,
.pane-event-calendar .calendar-calendar th.days { background-color: #7cb782; padding: 2px; }
.pane-event-calendar .calendar-calendar th.days,
.pane-event-calendar .calendar-calendar div.date-nav { border: none; }
.pane-event-calendar .calendar-calendar th.days { color: #fff; text-align: right; }
.pane-event-calendar .calendar-calendar tr td.today, 
.calendar-calendar tr.odd td.today, 
.calendar-calendar tr.even td.today,
.pane-event-calendar table .mini-day-on { background-color: #5e9f64; }
.past .mini-day-on { background: none !important; }
.pane-event-calendar table .mini-day-on a { text-decoration: none; padding: 1px; color: #fff;}
.pane-event-calendar .calendar-calendar td,
.pane-event-calendar .pane-event-calendar a,
.pane-event-calendar .calendar-calendar div.date-nav a, 
.pane-event-calendar .calendar-calendar div.date-nav h3 {
	color: #fff !important;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}
.today { background-color: #3b7741 !important; }
.pane-content { border-radius: 0 !important; }

/* Footer:  Local and Live */
.region-footer .block-menu{display: block !important; float: left; margin-right: 25px; width: 23%;}
.region-footer #block-menu-menu-footer-red-menu,
.region-footer #block-menu-menu-quick-links-4{margin: 0;}
.region-footer .block-menu h2{color: #212121; font-size: 15px; font-weight: bold; border-bottom: 5px solid #ffffff; margin: 0 0 20px; padding: 0 0 10px;}
.region-footer .block-menu ul{list-style: none inside none;}
.region-footer #block-menu-menu-footer-green-menu,
.region-footer #block-menu-menu-quick-links-1 {clear: left;}
.region-footer #block-menu-menu-footer-green-menu h2,
.region-footer #block-menu-menu-quick-links-1 h2 {color: #FFFFFF;}
.region-footer #block-menu-menu-footer-green-menu h2,
.region-footer #block-menu-menu-quick-links-1 h2{border-bottom: 5px solid #75b47a;}
.region-footer #block-menu-menu-footer-purple-menu h2,
.region-footer #block-menu-menu-quick-links-3 h2{border-bottom: 5px solid #a48dc4;}
.region-footer #block-menu-menu-footer-orange-menu h2,
.region-footer #block-menu-menu-quick-links-2 h2{border-bottom: 5px solid #faa74f;}
.region-footer #block-menu-menu-footer-red-menu h2,
.region-footer #block-menu-menu-quick-links-4 h2{border-bottom: 5px solid #d94c17;}
.region-footer .block-menu li{float: none !important; margin-top: 10px;}
.region-footer .block-menu li a{color: #FFFFFF !important; text-decoration: none; font-size: 14px;}
.front .region-footer .block-menu{display: block;}
.front #block-block-2{display: none;}
.front #footer{padding-top: 0;}
.front #main-wrapper #content-area{margin-top: 13px;}

/* Header Page Specific */
.front #logo{padding: 18px 20px 1px 0;}
.front #logo img { width: 286px; height: 72px; }
.front #secondary-menu{float: right;}
.front #secondary-menu li { border-right: 1px solid #ccc; }
.front #secondary-menu li.last { border-right: none; }
.front #secondary-menu li a{color: #393438; }
.front #secondary-menu li a:hover,
.front #secondary-menu li a.active{color: #f8a755;}
.front #header{background: url("../../images/header_bg_new.png") repeat-x scroll 0 0 #212121; height: 400px; overflow: hidden; }
.front #header .section{position: relative;}

/* Search box */
#search-box .form-text { color: #C3C3C3 !important; font-family: arial !important; font-size: 12px; }
.front #search-box{position: absolute; right: 0; top: 40px;}
.front #search-box .form-submit{background: url("../../images/search_btn.png") no-repeat scroll -2px 0 rgba(0, 0, 0, 0); display: inline-block; height: 29px; padding: 0 10px 0 0; width: 24px;} 

/* Navigation */
/* IE9 uses \9 */
.front #navigation { margin-top: 10px; }
.front #navigation ul { background-color: #3b343b; }
.front #main-menu li{padding: 0; margin: 0 !important;}
.front #main-menu li a{border: 0;}
.front #main-menu li a{background: #3B343B; border-right: 1px solid #201e21; border-left: 1px solid #716070; padding: 13px 16px 13px 16px; height: 16px;}
.front #main-menu li.first a{border-left: 1px solid #3b343b; padding-left: 19px;}
.front #main-menu li.last a{border-right: 1px solid #3b343b;}

/* 10 years logo:  Local and Live */
#block-block-34,
#block-block-37 { 
	float: right;
    margin-top: 64px;
    width: 305px;
    margin-bottom: 0;
}

/* One extra pixel for all browsers, excluding IE. '.notie' class added in global.js */
.notie #block-block-34,
.notie #block-block-37 {
    margin-top: 65px;
}

.menu-27576,
.menu-27577{display: block !important;}

.with-navigation #content, 
.with-navigation .region-sidebar-first, 
.with-navigation .region-sidebar-second { margin-top: 0; }

/* Navigation:  Research & programmes */
/*.front .menu-5001{display: none;}*/

/* Green */
.front #main-menu li.menu-4999 a:hover,
.front #main-menu li.menu-5005 a:hover,
.front #main-menu li.menu-5002 a:hover{background: #70b276;}
/* Purple */
.front #main-menu li.menu-5001 a:hover,
.front #main-menu li.menu-5000 a:hover{background: #9d85be;}
/* Orange */
.front #main-menu li.menu-7203 a:hover,
.front #main-menu li.menu-4488 a:hover{background: #ffb15b;}

/* bg hover removal */
a:hover{background: none;}

/* Mobile */
.mobilemenu { text-align: center; background: url(../../images/bg-mobilemenu.png) 50% 50% #3b343b no-repeat; text-indent: -9999px; height: 40px; cursor: pointer; cursor: hand; }
.menu-closed { display: none !important; }
.responsive-mobile #page-wrapper { margin-top: -15px; }
.responsive-mobile .front-pane-float { width: 100%; }
.responsive-mobile #garden-map { background-position: -15px -20px; } 
/* RR removed garden map, and restyle gardens link to keep consistent with other blocks (biodiversity science, hcd, etc.) */
.pane-content .map-bottom-text a {
   text-decoration: none !important;
   color: #fff !important;
}
.responsive-mobile .pane-block-38 #garden-map {
   display: none !important;
}
.responsive-mobile .pane-block-38 .pane-content {
   height: auto !important;
}
/* RR remove huge space below news image */
.responsive-mobile .news-inline-4 .views-row .views-field-field-image-fid {
   height: auto !important; 
}
/* RR remove space below news title */
.responsive-mobile .news-inline-4 .views-row .views-field-title {
   min-height: 0 !important;
}

.responsive-mobile #garden-map ul li { margin-left: -15px; margin-top: -10px; }
.responsive-mobile.front #logo { padding: 20px 10px 0 10px; }
.responsive-mobile #block-block-34 img,
.responsive-mobile #block-block-37 img { position: absolute !important; top: 99px !important; left: 5px; padding-top: 11px; border-top: 2px solid #ffb15b; }
.front #header { height: auto; }
.responsive-mobile #header #navigation { width: 100%; margin-top: 38px; }
.responsive-mobile #header #navigation #main-menu li, 
.responsive-mobile #header #navigation #main-menu li a { display: block; float: none; background-image: url('../../images/bg-navigation-mobile.png'); background-position: 0 0; background-repeat: repeat-x; text-align: center; padding: 5px 18px 5px 18px; border-left: none; }
/* Navigation:  Research & programmes */
/* .responsive-mobile.front  #header #navigation #main-menu li.menu-5001 { display: none; } RR re-enabled this menu item*/

.responsive-mobile #header #navigation #main-menu li { padding: 0; }

/* Mobile:  Secondary Menu */
.responsive-mobile #secondary-menu { top: 150px; float: left; position: absolute; }
.responsive-mobile #secondary-menu li a { margin-left: 4px; margin-right: 4px; font-size: 11px; }
.responsive-mobile #secondary-menu li.first a { margin-left: 0; }
.responsive-mobile #secondary-menu li.last a { margin-right: 0; }

/* Hightlights */
.responsive-mobile .map-bottom-text,
.responsive-mobile .view-content-highlights .views-row .views-field-title { width: inherit; margin-right: 3px; height: 42px; padding: 10px 10px 20px 10px; text-align: center; font-size: 17px; }
.responsive-mobile #garden-map { height: 289px; }
.responsive-mobile .map-bottom-text,
.responsive-mobile .view-content-highlights .views-row .views-field-title { position: relative; margin-right: 0px; bottom: 0; padding: 10px 1px 20px; }
.responsive-mobile .view-content-highlights .views-field-field-highlight-image-fid img { display: none; }
.responsive-mobile .pane-content-highlights.border-purple-3 { margin: 0; }
.responsive-mobile .pane-content-highlights { clear: left; margin-top: 10px !important; }
.responsive-mobile .pane-content-highlights .pane-content { height: 72px; }
.responsive-mobile .region-header { display: none; }
.responsive-mobile #content-area { padding: 0; }

/* Calendar */
.pane-event-calendar .calendar-calendar th.days{padding: 2px 0 0;}
.pane-event-calendar .calendar-calendar td{background: none !important; }
.pane-event-calendar table .mini-day-on{background-color: #5e9f64; }
.pane-event-calendar .calendar-calendar td.today .month {background-color: #3B7741;}
.pane-event-calendar table td .month {margin: 2px 0;}

/* Mobile Calendar */
.responsive-mobile .pane-event-calendar { border: none; }
.responsive-mobile .pane-event-calendar .pane-content { border-radius: 3px 3px 0 0 !important; }
.responsive-mobile .pane-event-calendar .calendar-calendar td { padding: 0 8px; }
.responsive-mobile .pane-event-calendar .calendar-calendar th.days{padding: 11px 0 6px;}
.responsive-mobile .pane-event-calendar table td .month {margin: 5px 0 6px;}
.responsive-mobile .border-rad { display: none; }
.responsive-mobile .tablet-event-right .pane-content { border: 1px solid #70b276; }

/* Mobile Events */
.responsive-mobile .pane-event-calendar .views-row-2,
.responsive-mobile .pane-event-calendar .views-row-3 { display: none; }
.responsive-mobile .pane-event-calendar .view-footer p { margin-top: 0; }

/* News */
.responsive-mobile .news-inline-4 .views-row { width: 100%; }

/*** TABLET ***/

/* Navigation */
.responsive-tablet-portrait #block-block-34,
.responsive-tablet-portrait #block-block-37 { 
	float: none;
    margin-top: -9px;
    width: 305px;
}

/* Latest News */
.responsive-tablet-portrait .pane-latest-news,
.responsive-mobile .pane-latest-news {
	border: 1px solid #a48dc4;
	border-radius: 3px;
	padding: 10px;
	background-color: #fff;
}

.responsive-mobile.front #header{background: url("../../images/header_bg_new.png") repeat-x scroll 3px 75px #FFFFFF;}
.responsive-mobile #header .section{background: none repeat scroll 0 0 #FFFFFF !important; margin: 0 auto !important; width: 300px !important;}

.responsive-mobile .news-inline-4 h2.pane-title { margin: 5px 0 0; }
.responsive-mobile .news-inline-4 { margin-bottom: 0; }
.responsive-mobile .news-inline-4 .views-row-2,
.responsive-mobile .news-inline-4 .views-row-3,
.responsive-mobile .news-inline-4 .views-row-4 { display: none; }
.responsive-mobile .news-inline-4 .views-row .views-field-field-image-fid { display: none; }
.responsive-mobile .pane-plants-africa .view-header a { display: none; }
.responsive-mobile .pane-plants-africa .view-footer,
.responsive-mobile .black-block-front .view-footer { clear: both; text-align: left; }

/* Mobile: Poll */
.responsive-mobile .pane-poll-view { width: 98%; min-height: 344px;}

/* Mobile: Animal and Plants of the week */
.responsive-mobile .pane-plants-africa .views-row,
.responsive-mobile .black-block-front .views-row { padding: 0 10px 10px; }
.responsive-mobile .pane-plants-africa .views-row,
.responsive-mobile .black-block-front .views-row { width: 100%; min-height: 166px; margin-top: 0; margin-bottom: 10px; }
.responsive-mobile .pane-plants-africa .views-row .views-field-title,
.responsive-mobile .black-block-front .views-row .views-field-title { padding: 10px 0 0 0; min-height: 27px; }
.responsive-mobile .black-block-front .views-row .views-field-field-image-fid,
.responsive-mobile .pane-plants-africa .views-row .views-field-field-image-fid { float: left; top: 10px; margin: 0 10px 10px 0; width: 101px; height: 72px; }
.responsive-mobile .news-inline-4 .views-row .views-field-field-image-fid img,
.responsive-mobile .black-block-front .views-row .views-field-field-image-fid img { width: 101px; height: 72px; }

/* Content Icons */
.responsive-mobile .pane-block-30,
.responsive-mobile .pane-block-33 {
	float: none;
	margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    width: 300px;
    clear: both;
}
.responsive-mobile .pane-block-30 { margin-bottom: 20px; }
.responsive-mobile .pane-block-33 {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 20px;
}
.responsive-mobile .pane-block-30 img { display: none; }
.responsive-mobile .section-icon-link { float: left; margin: 0;}
.section-icon-link:nth-child(1),
.section-icon-link:nth-child(2) { margin-bottom: 10px; }
.section-icon-link:nth-child(3),
.section-icon-link:nth-child(4) { margin-bottom: 30px; }
.responsive-mobile .section-icon-link.section-icon-purple { clear: right; }

/* Mobile Footer */
.responsive-mobile .black-block-front .view-footer a,
.responsive-mobile .pane-plants-africa .view-footer a { font-size: 12px; margin-top: 0px; }
.responsive-mobile .region-footer { padding: 20px 10px; font-size: 11px; }
.responsive-mobile .region-footer .block-menu { width: 100%; }
.responsive-mobile #footer ul { margin: 0 0 15px 0; }
.responsive-mobile .region-footer h2 { border: none !important; margin: 0; display: none; font-size: 18px; }
.responsive-mobile .region-footer #block-menu-menu-footer-green-menu h2 { display: block; }
.responsive-mobile #footer ul li {clear: none; display: inline-block; float: left; }
.responsive-mobile .region-footer .block-menu li a { border-right: 1px solid #fff; padding-right: 3px; font-size: 12px; }

.responsive-mobile .region-footer .block-menu li.last a { border-right: none; }
.responsive-mobile #footer .block { margin-bottom: 0; }

.mini-day-on a span ul { display: block; }

/*** START: Tablet RESPONSIVE ***/
.responsive-tablet-portrait .grid-1, 
.responsive-tablet-portrait .grid-2, 
.responsive-tablet-portrait .grid-3, 
.responsive-tablet-portrait .grid-4, 
.responsive-tablet-portrait .grid-5, 
.responsive-tablet-portrait .grid-6, 
.responsive-tablet-portrait .grid-7, 
.responsive-tablet-portrait .grid-8, 
.responsive-tablet-portrait .grid-9, 
.responsive-tablet-portrait .grid-10, 
.responsive-tablet-portrait .grid-11, 
.responsive-tablet-portrait .grid-12 { margin: 0; }

.responsive-tablet-portrait .grid-12 { width: 768px; padding-right: 0; }
.responsive-tablet-portrait .grid-9 { width: 576px; }
.responsive-tablet-portrait .grid-3 { width: 192px; }

.responsive-tablet-portrait #page-wrapper, 
.responsive-tablet-portrait .region-page-closure { min-width: 768px; }
.responsive-tablet-portrait #header .section, 
.responsive-tablet-portrait #main-wrapper #main, 
.responsive-tablet-portrait #footer .section { width: 768px !important; }

.responsive-tablet-portrait.front #logo { padding: 5px 20px 1px 20px !important; }
.responsive-tablet-portrait .region.region-timeline { clear: left; padding: 10px 0 10px 17px; }
.responsive-tablet-portrait.front #search-box { top: 63px !important; right: 20px !important; }
.responsive-tablet-portrait.front #header { background: none !important; height: 289px; }
.responsive-tablet-portrait.front #secondary-menu { margin-right: 20px; }
.responsive-tablet-portrait #navigation { margin-top: -10px !important; margin-left: auto; margin-right: auto; }

/* Navigation */
.responsive-tablet-portrait.front #main-menu li.first a { padding-left: 19px !important; }
.responsive-tablet-portrait.front #main-menu li.last a { padding-right: 18px !important; }
.responsive-tablet-portrait.front #main-menu li a { font-size: 11px; padding: 10px 8px !important; border-right: none !important; border-bottom: 2px solid #000; }

/* Rotational:  Local and Live */
.responsive-tablet-portrait .region-header { height: 146px !important; }
.responsive-tablet-portrait.front .region-header #block-views-slideshow_rotational-block_1 img { max-width: 768px !important; width: 100%; height: 100%; }
.responsive-tablet-portrait.front .region-header #block-views-slideshow_rotational-block_1 { left: 0 !important; }
.responsive-tablet-portrait #block-block-32,
.responsive-tablet-portrait #block-block-35 { margin: 0 !important; padding: 10px 2px; }
.responsive-tablet-portrait .panels-flexible-row.panels-flexible-row-2-1,
.responsive-tablet-portrait .panels-flexible-row.panels-flexible-row-1-1 { padding-bottom: 0 !important; }
.responsive-tablet-portrait .panels-flexible-row.panels-flexible-row-2-2,
.responsive-tablet-portrait .panels-flexible-row.panels-flexible-row-1-2 { padding-bottom: 20px !important; }

/* Hightlights:  Local and Live DIVs */
.responsive-tablet-portrait .panels_pane.panel-pane.pane-block.front-pane-float.border-green-3,
.responsive-tablet-portrait .panels_pane.panel-pane.pane-views.pane-content-highlights.front-pane-float.border-orange-3 {margin-left: 14px !important; }
.responsive-tablet-portrait .view-content-highlights .views-row .views-field-view-node a { font-size: 13px; }

/* News */
.responsive-tablet-portrait .news-inline-4 { margin-bottom: 20px !important; background-color: #fff; }
.responsive-tablet-portrait .news-inline-4 .views-row-4 { display: none; }
.responsive-tablet-portrait .news-inline-4 .view-header { right: 15px !important; }
.responsive-tablet-portrait .news-inline-4 .views-row-2 { margin: 0 20px 0 20px !important; }
.responsive-tablet-portrait .news-inline-4 .views-row-3 { margin: 0 !important; }

/* Latest News */
.responsive-tablet-portrait .panels-flexible-row-2-7,
.responsive-tablet-portrait .panels-flexible-row-1-7 { padding: 0 20px; width: 728px; }

/* Tablet widths:  Local and Live DIVs */
.responsive-tablet-portrait.front .panels-flexible-column-2-3,
.responsive-tablet-portrait.front .panels-flexible-column-2-4,
.responsive-tablet-portrait.front .panels-flexible-column-1-3,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 { padding-left: 20px; width: 722px; }

.responsive-tablet-portrait.front .pane-poll-view { min-height: 200px; width: 722px; }

/*Events*/
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar { padding-top: 10px !important; }
.responsive-tablet-portrait .views_view.view.view-event-calendar.view-id-event_calendar.view-display-id-calendar_block_1.view-dom-id-9.views-processed { min-height: 272px; background-color: #7CB782; }
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar div.date-nav, 
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar, 
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar tr, 
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar table.mini td.empty, 
.responsive-tablet-portrait .pane-event-calendar .calendar-calendar th.days { padding: auto; }
.responsive-tablet-portrait .calendar-calendar tr { height: 38px; }
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-left,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-left{ float: right; width: 194px; border: 2px solid #a9cfad; }
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-left .pane-content,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-left .pane-content{border-radius: 0 !important;}
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-right,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-right {border-radius: 0 !important; width: 524px; float: left; border: none; }
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-right .view-content,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-right .view-content { min-height: 234px; }
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-right .views-row a,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-right .views-row a{color: #70B276 !important;}

/* SANBI Events border:  Tablet Only */
.responsive-tablet-portrait .border-green-1 .views-row { border-bottom: none; }
.responsive-tablet-portrait .border-green-1 .view-footer { border-top: 1px solid #70b276; }
.responsive-tablet-portrait .border-green-1 .view-footer p { margin-top: 0; }
.responsive-tablet-portrait.front .border-green-1.tablet-event-right .pane-content { border-top: 1px solid #70b276; border-right: none; border-bottom: 1px solid #70b276; border-left: 1px solid #70b276; border-radius: 5px 0 0 5px !important; }
.responsive-tablet-portrait.front .panels-flexible-column-2-4 .pane-event-calendar.tablet-event-right .views-row,
.responsive-tablet-portrait.front .panels-flexible-column-1-4 .pane-event-calendar.tablet-event-right .views-row { float: left; width: 30%; }
.responsive-tablet-portrait .border-green-1.tablet-event-right .view-header { color: rgb(112, 178, 118) !important; background-color: #fff !important; }
.responsive-tablet-portrait .border-green-1 .views-row a { color: #000 !important; font-weight: bold; }

.responsive-tablet-portrait.front #content { margin-top: 0; }
.responsive-tablet-portrait.front #content .grid-12 { width: 728px !important; }
.responsive-tablet-portrait .region-footer .block-menu { margin-right: 12px !important; }
.responsive-tablet-portrait .region-footer .block-menu li a { font-size: 12px; }

/* Plants and Animal of the week */
.responsive-tablet-portrait .pane-plants-africa,
.responsive-tablet-portrait .pane-plants-africa .views-row-1 { margin-right: 19px !important; }
.responsive-tablet-portrait .pane-plants-africa .views-row,
.responsive-tablet-portrait .black-block-front .views-row { width: 200px !important; }
.responsive-tablet-portrait .pane-creature-feature { margin-right: 0px !important; }

/* Bottom buttons */
.responsive-tablet-portrait .pane-block-30 { width: 100%; text-align: center; }
.responsive-tablet-portrait .section-icon-link { padding: 0 10px !important; }

/* Connect with us */
.responsive-tablet-portrait .pane-block-33 { float: none !important; margin-left: auto; margin-right: auto; width: 59%; clear: left; }
.responsive-tablet-portrait .pane-block-33 h2 { float: left; margin-right: 30px; }

/*** END: RESPONSIVE ***/

/* Quick Quiz */
#node-8851 a {
	cursor: default;
}

/* Copyright */
.region-page-closure .block { font-size: 11px; clear: both; color: #969173; width: 100%; background-color: #F4EFD9; margin-bottom: 0; }
.region-page-closure .block .content { margin-left: auto; margin-right: auto; width: 454px; padding-top: 20px !important; padding-bottom: 20px !important; text-align: center; }
.region-page-closure .block a { color: #5F5A3C; font-weight: bold; }
.responsive-mobile .region-page-closure span { display: none; }
.responsive-mobile .region-page-closure .block a { display: block; }