@media (max-width: 1200px) {
	#admin-menu {
		display: none;
	}
	html body.admin-menu {
	    margin-top: 0 !important;
	}
	body.admin-menu .site-header {
	    top: -30px !important;
	}
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* background-color: blue; */
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* Load hover state images */
body:after { 
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	content:	url('../images/icons/ico-donate-hover.svg')
				url('../images/icons/ico-join-hover.svg')
				url('../images/icons/ico-account-hover.svg')
				url('../images/icons/ico-logout-hover.svg')
				url('../images/icons/ico-vegan-hover.svg');
}

/*
██   ██ ███████  █████  ██████  ███████ ██████
██   ██ ██      ██   ██ ██   ██ ██      ██   ██
███████ █████   ███████ ██   ██ █████   ██████
██   ██ ██      ██   ██ ██   ██ ██      ██   ██
██   ██ ███████ ██   ██ ██████  ███████ ██   ██
*/


body.admin-menu .site-header {
	top: 0;
}
.site-header {
	padding-bottom:1.6em;
}
/** IE header fix **/
/* < IE 10 */
html.lt-ie10 .site-header {
    -ms-transform: none;
    transform: none;
}
html.lt-ie10 .site-header .skew {
    -ms-transform: none;
    transform: none;
}
/* IE 10 & 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.site-header {
		-ms-transform: none;
		transform: none;
	}
	.site-header .skew {
		-ms-transform: none;
		transform: none;
	}
}

.site-logo {
	background: url('../images/logo-vegan-society-lrg.svg') 0 0 no-repeat;
	background-size: 323px 112px;
	width: 323px;
	height: 112px;
	max-width: 100%;
}
.site-logo img {
	display: block !important;
	width:100%;
	height: 100%;
}
.region-header {
	position: absolute;
	right:4em;
	bottom:-0.65em;
}

@media (max-width:1365px) {
	.region-header {
		right: 2em;
	}
}
@media (max-width:1200px) {
	.site-header .container {
		height: 6.5em;
	}
	.site-logo {
		background-image: url('../images/logo-vegan-society-med.svg');
		background-size: 238px 66px;
		width: 238px;
		height: 66px;
	}
	.region-header {
		position: absolute;
		right: auto;
		left: 2em;
		bottom: -1em;  
	}
}
/* Mobile */
@media (max-width:1000px) {
	.site-header .container {
		height: 5.5em;
	}
	#block-tb-megamenu-main-menu {
		display: none;
	}
	.user-nav-inner {
		position: absolute;
		bottom:-3.25em;
		left:0;
		right:0;
		transform: none;
		text-align: center;
	}
}
@media (max-width:420px) {
	.site-logo {
		background-image: url('../images/logo-vegan-society-sml.svg');
		background-size: 38px 43px;
		width: 38px;
		height: 43px;
	}
	/* .user-nav-inner {
		position: absolute;
		bottom:-3.25em;
		left:0;
		right:0;
		transform: none;
		text-align: center;
	} */
	.site-header .container {
		height: 4em;
	}
}


/**************************************************/
/**************************************************/
/******************** MEGA MENU *******************/
/**************************************************/
/**************************************************/

/* Hide show / close button */
#block-tb-megamenu-main-menu button.tb-megamenu-button {
	display: none !important;
}
/* Responsive images for images in blocks that can be added to the mega menu */
#block-tb-megamenu-main-menu img {
	max-width: 100% !important;
	height: auto !important;
}

#header-region-wrappe:after {
	content: "";
	display: table;
	clear: both;
}

#block-tb-megamenu-main-menu.clearfix,
#block-tb-megamenu-main-menu .clearfix {
	overflow: visible;
}
#block-tb-megamenu-main-menu .tb-megamenu {
	background-color: transparent;
}
#block-tb-megamenu-main-menu ul > li {
	padding-bottom:0;
}
#block-tb-megamenu-main-menu ul.tb-megamenu-nav > li {
	font-family: "Museo Sans 700", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}

/** Business menu with Vegan icon **/

#block-tb-megamenu-main-menu .tb-megamenu li[data-id="1060"] .caret {
	margin-left:2.35em;
}
#block-tb-megamenu-main-menu .tb-megamenu .nav > li[data-id="1060"] > a {
	background: transparent url('../images/icons/ico-vegan.svg') right 1.3em center / auto 1.8em no-repeat; 
}
/** IE **/
/* < IE 10 */
html.lt-ie10 #block-tb-megamenu-main-menu .tb-megamenu .nav > li[data-id="1060"] > a {
	background: transparent url('../images/icons/ico-vegan.svg') 47px center / auto 32px no-repeat;
}
/* >= IE 10 – See here: https://paper-leaf.com/blog/2014/09/targeting-ie-10-11-browsers-css/ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	#block-tb-megamenu-main-menu .tb-megamenu .nav > li[data-id="1060"] > a {
		background: transparent url('../images/icons/ico-vegan.svg') 47px center / auto 32px no-repeat;
	}
}
/* open state */
#block-tb-megamenu-main-menu .tb-megamenu .nav > li.open[data-id="1060"] > a {
	 background-image:url('../images/icons/ico-vegan-hover.svg'); 
}

#block-tb-megamenu-main-menu .tb-megamenu .nav > li > a {
    border-right: none;
    border-top: 0;
    color: #008e84;
    font-weight: normal;
    padding: 0.4em 0.5em 0.5em;
    text-shadow: none;
}
#block-tb-megamenu-main-menu .tb-megamenu .nav > li.open > a {
	background-color: rgba(0,142,132,0.9);
	color: #fff;
}
#block-tb-megamenu-main-menu .tb-megamenu .caret {
	border:none;
	background: transparent url('../images/icons/ico-main-menu-chev-down.svg') left top / 12px 11px no-repeat;
	width:12px;
	height: 11px;
	margin:0.4em 0 0 0.2em;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
	background-color: transparent;
}




/*** Level 1 dropdown ***/

.tb-megamenu .mega-inner {
	padding:0.7em 0.7em 1em;
}
.tb-megamenu .dropdown-menu {
	background-color: rgba(0,142,132,0.9);
	border: none;
}
.tb-megamenu .span12.mega-col-nav .mega-inner {
	padding-left:0;
	padding-right: 0;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
    background: inherit;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-transform: none;
}

.tb-megamenu .span12.mega-col-nav .level-3 .mega-inner {
	padding:0.5em;
}

.tb-megamenu .dropdown-menu li > a {
    border-top: none;
    padding: 0.5em 0;
	text-shadow: none;
	color: #fff;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .mega-nav .mega-group > .mega-group-title:active, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active, 
.tb-megamenu .mega-nav .mega-group > .mega-group-title:focus, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus,

.tb-megamenu .dropdown-menu .mega-nav .mega-group.active-trail > a.mega-group-title {
	color:#fff;
	background-color: rgba(255, 255, 255, 0.2);
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    background-image: none;
    filter: none;
}

.tb-megamenu .mega-nav > li a,
.tb-megamenu .dropdown-menu .mega-nav > li a {
    padding: 0.5em 0.5rem 0.7em !important;
}
.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a {
    background-color: inherit;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2)
} 

a.mega-group-title {
	border-bottom:1px solid #cce8e6;
}
.tb-megamenu .mega-group-ct {
	border-bottom:1px solid #cce8e6;
	margin-bottom: 0.5em;
}
.tb-megamenu .dropdown-menu {
	border-bottom:none;
}

.tb-megamenu ul.mega-nav.level-2 li {
	font-size: 0.9em;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.tb-megamenu ul.mega-nav.level-2 li li {
	font-size: 1em;
}
.tb-megamenu ul.mega-nav.level-2 li a {
	padding-top:0.3em !important;
	padding-bottom:0.3em !important;
}

/*.tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li {
    display: inline-block;
    clear: both;
    float: left;
    list-style: none;
    margin-left: 0;
}*/


/**************************************************/
/**************************************************/
/******************** USER NAV ********************/
/**************************************************/
/**************************************************/

.site-search {
    width: 33px;
    margin: -0.3em 0 0 1em;
	display: inline-block;
}
.site-search img {
    width: 100%;
	height: auto;
}
.user-nav {
	float:right;
	/*margin-top:1em;*/
	margin-top:1em;
}
.user-nav-inner {
	display: inline-block;
}
.user-nav ul.site-nav__item {
	list-style: none;
	margin:0;
	padding:0;
	display: inline-block;
}
.user-nav ul.site-nav__item li {
	display: inline-block;
	font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
}
.user-nav ul.site-nav__item li a {
	padding:0.5em 1.2em 0.5em;
	background-color: #008e84;
	color: #fff;
	border-radius: 3em;
}
.user-nav ul.site-nav__item li a:hover,
.user-nav ul.site-nav__item li a:focus {
	background-color: #f8991d;
	text-decoration: none;
}
.user-nav ul.site-nav__item li a:active,
.user-nav ul.site-nav__item li a:hover:active,
.user-nav ul.site-nav__item li a:focus:active {
	background-color: #f77300;
}
/** Donate button **/
.user-nav ul.site-nav__item li.menu-5143 a {
	background-color: #f8991d;
}
.user-nav ul.site-nav__item li.menu-5143 a:hover,
.user-nav ul.site-nav__item li.menu-5143 a:focus {
	background-color: #f77300;
	text-decoration: none;
}
.user-nav ul.site-nav__item li.menu-5143 a:active,
.user-nav ul.site-nav__item li.menu-5143 a:hover:active,
.user-nav ul.site-nav__item li.menu-5143 a:focus:active {
	background-color: #008e84;
}

/* Mobile */
@media (max-width:1000px) {
	.user-nav ul.site-nav__item li {
		margin:0 0.5em;
	}
	.user-nav ul.site-nav__item li a {
		padding:0;
		font-size: 1em;
		display: block;
		width: 50px;
		height: 50px;
		text-indent: -9000px;
		background-color:#fff !important;
		box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.20);
		/* Icons */
		background-position: center;
		background-repeat: no-repeat;
		background-size: 50px;
	}
	.user-nav ul.site-nav__item li a:hover,
	.user-nav ul.site-nav__item li a:focus {
		background-color: #f8991d !important;
	}
	/* Donate */
	.user-nav ul.site-nav__item li.menu-5143 a {
		background-image: url('../images/icons/ico-donate.svg');
	}
	.user-nav ul.site-nav__item li.menu-5143 a:hover,
	.user-nav ul.site-nav__item li.menu-5143 a:focus {
		background-image: url('../images/icons/ico-donate-hover.svg');
	}
	/* Join */
	.user-nav ul.site-nav__item li.menu-5144 a {
		background-image: url('../images/icons/ico-join.svg');
	}
	.user-nav ul.site-nav__item li.menu-5144 a:hover,
	.user-nav ul.site-nav__item li.menu-5144 a:focus {
		background-image: url('../images/icons/ico-join-hover.svg');
	}
	/* Members' Area */
	.user-nav ul.site-nav__item li.menu-members a {
		background-image: url('../images/icons/ico-account.svg');
	}
	.user-nav ul.site-nav__item li.menu-members a:hover,
	.user-nav ul.site-nav__item li.menu-members a:focus {
		background-image: url('../images/icons/ico-account-hover.svg');
	}
	/* Logout */
	.user-nav ul.site-nav__item li.menu-15 a {
		background-image: url('../images/icons/ico-logout.svg');
	}
	.user-nav ul.site-nav__item li.menu-15 a:hover,
	.user-nav ul.site-nav__item li.menu-15 a:focus {
		background-image: url('../images/icons/ico-logout-hover.svg');
	}

}

/**************************************************/
/**************************************************/
/*************** Nested Mobile Menu ***************/
/**************************************************/
/**************************************************/

/* See here: /sites/all/modules/vegan_slide_menu/assets/mmenu/jquery.mmenu.all.css */
.mm-navbar {
	border-bottom: 1px solid rgba(255,255,255,.5);
	height: 66px;
}
.mm-navbar>* {
	padding: 1.2em 0;
	font-size: 1.2em;
}
.mm-btn {
    top: 0.5em;
}
.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 66px;
}
 ul.menu.mm-listview li {
    margin:0;
}
.mm-listview {
	 font-size: 1.1em; 
}
.mm-listview>li>a, .mm-listview>li>span {
    padding: 1.2em 1.2em 1.2em 2em;
}
.mm-panels, .mm-panels>.mm-panel {
	background-color: #008e84 !important;
	color: #fff !important;
	padding:0 1.2em 0 0;
}
.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.05);
    tap-highlight-color: rgba(255,255,255,.05);
}
.mm-listview>li, .mm-listview>li .mm-next,
.mm-listview>li .mm-next:before, .mm-listview>li:after {
    border-color: rgba(255,255,255,.5);
}
.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.5);
}
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.5);
}
.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar>* {
    color: rgba(255,255,255,1);
}
.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(255,255,255,.5);
}
.mm-listview .mm-next {
    width: 55px;
}
.mm-listview .mm-next+a, .mm-listview .mm-next+span {
    margin-right: 55px;
}
.mm-next:after {
    right: 25px;
}

/*
███████ ██████   ██████  ███    ██ ████████
██      ██   ██ ██    ██ ████   ██    ██
█████   ██████  ██    ██ ██ ██  ██    ██
██      ██   ██ ██    ██ ██  ██ ██    ██
██      ██   ██  ██████  ██   ████    ██
*/

body.front .site {
	background: url('../images/home/img-bg-front-orange-paint.jpg') center 140px / 1920px auto no-repeat;
}

/*body.front {
	background-color: #fff;
}*/

body.front .region-hero {
	margin:6em -29px 2em;
}
body.front .region-hero:after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width:1200px) {
	body.front .site {
		background-position: center 134px;
	}
}
@media (max-width:1000px) {
	body.front .site {
		background-position: center 119px;
	}
}
@media (max-width:55em) {
	 body.front .site {
		background-size: auto 13%;
		/* background-size: 1140px auto; */
	} 
}
 @media (max-width:40em) {
	 body.front .site {
		background-size: auto 15%;
	} 
} 

/**************************************************/
/**************************************************/
/********************* BLOCKS *********************/
/**************************************************/
/**************************************************/

body.front h2.block-title {
	font-size: 1.95em;
	margin-bottom: 0.75em;
	line-height: 1.2;
}
body.front h2.block-list__title {
	font-size: 1.25em;
}

/**************************************************/
/***************** Featured Blocks ****************/
/**************************************************/

#block-views-front-page-blocks-block-2 {
	float:right;
	width:33.33%;
	margin:0;
	padding:1em 29px 0;
}
#block-views-front-page-blocks-block-2 .list1 {
	margin:0;
}
#block-views-front-page-blocks-block-2 .block-list--panel {
	background:#fff;
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom: 1.5em;
	padding:0 0 1em;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}
#block-views-front-page-blocks-block-2 .views-field {
	padding: 0 1em;
}
#block-views-front-page-blocks-block-2 .views-field-type {
	padding:0;
}

/* Mobile */

@media (max-width:1200px) {
	body.front .region-hero {
		text-align: center;
	}
	#block-views-front-page-blocks-block-2 {
		float: none;
		width: 100%;
	}
	#block-views-front-page-blocks-block-2 .view {
		margin-left:-29px;
		margin-right:-29px;
	}
	#block-views-front-page-blocks-block-2 .block-list--panel {
		width: calc(50% - 58px);
		display: inline-block;
		margin-left:29px;
		margin-right:29px;
		text-align: left;
		max-width: 480px;
	}
}
@media (max-width:55em) {
	#block-views-front-page-blocks-block-2 {
		padding: 2.5em 29px 5.5em;
		/* background-image: url('../images/home/img-bg-front-orange-paint.jpg');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 1140px auto;
		background-size: 130% auto; */
	}
	#block-views-front-page-blocks-block-2 .block-list--panel {
		width: auto;
		display: block;
		max-width: 100%;
		padding-bottom: 0;
		margin-bottom: 2em;
		position: relative;
	}
	/* #block-views-front-page-blocks-block-2 .views-field-type,
	#block-views-front-page-blocks-block-2 .field-content,
	#block-views-front-page-blocks-block-2 .block-list-thumbnail {
		height: 100%;
	}  */
	#block-views-front-page-blocks-block-2 .block-list-thumbnail {
		overflow: hidden;
		/* min-height: 198px; */
		/* JS used to set height the same as container */
	}
	#block-views-front-page-blocks-block-2 .block-list-thumbnail img {
		margin-bottom: 0;
		display: block;
	}
	/* JS used to add/remove class .cover-image */
	#block-views-front-page-blocks-block-2 .block-list-thumbnail.cover-image img {
		width: auto;
		max-width: none;
		min-width: 100%;

		height: auto;
		max-height: none;
		min-height: 100%;

		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
	#block-views-front-page-blocks-block-2 .views-field-title {
		padding-top:1em;
	}
	#block-views-front-page-blocks-block-2 .block-list__excerpt {
		margin-bottom: 1em;
	}
	#block-views-front-page-blocks-block-2 .views-field-type {
		height: 100%;
	}
}
@media (max-width:767px) {
	#block-views-front-page-blocks-block-2 {
		/* background-size: 148% auto; */
		/* padding: 2.5em 29px 10%; */
		padding: 2.5em 32px 10%;
	}
}
@media (max-width:40em) {
	#block-views-front-page-blocks-block-2 {
		/* background-size: 230% auto; */
		padding-bottom:2em;
	}
}
@media (max-width:390px) {
	#block-views-front-page-blocks-block-2 {
		/* background-size: 420% auto; */
		padding-bottom:1em;
	}
}

/**************************************************/
/*********** Take the Vegan Pledge Block **********/
/**************************************************/

#block-block-50,
/* Plate Up for the Planet block */
#block-block-58 {
	background:#269f96 url('../images/home/img-bg-pledge-block.png') center / cover no-repeat;
	text-align: center;
	color: #fff;
	margin-bottom: 3em;
	position: relative;
	padding:1.5em 2em;
	font-size: 1.15em;
	font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}
#block-block-50 .free-label,
/* Plate Up for the Planet block */
#block-block-58 .free-label {
	position: absolute;
	overflow: hidden;
	width: 100px;
	height: 100px;
	top: 3px;
	right: 3px;
}
#block-block-50 .free-label span,
/* Plate Up for the Planet block */
#block-block-58 .free-label span {
	background-color: #f8991d;
    color: #fff;
    display: inline-block;
	padding: 100px 100px 8px;
	-ms-transform: rotate(45deg); /* IE 9 */
    transform: rotate(45deg);
    text-transform: uppercase;
    font-family: "Museo Sans 700",Helvetica,Arial,sans-serif;
    font-size: 22px;
    margin: 0 auto;
    text-align: center;
    margin: -65px 0px 0px -26px;
}
/* Hide free label for < IE 9 */
html.oldie #block-block-50 .free-label,
html.oldie #block-block-58 .free-label {
	 display: none; 
}
#block-block-50 h2.block-title,
/* Plate Up for the Planet block */
#block-block-58 h2.block-title  {
	color:#fff;
	line-height: 1.2;
}
#block-block-50 p,
/* Plate Up for the Planet block */
#block-block-58 p {
	max-width: 100%;
    font-size: 1.3em;
    font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
    line-height: 1.2;
    padding: 0 15%;
}
#block-block-50 p:last-of-type,
/* Plate Up for the Planet block */
#block-block-58 p:last-of-type {
	margin-bottom: 0;
}
#block-block-50 #vegan-pledge,
/* Plate Up for the Planet block */
#block-block-58 #vegan-pledge {
	padding: 0;
}
#block-block-50 .vegan-pledge-form,
/* Plate Up for the Planet block */
#block-block-58 .vegan-pledge-form {
	margin: 0 auto;
	display: inline-block;
}

/* Mobile */

@media (max-width:1000px) {
	body.front .region-hero {
		margin-top:7em;
	}
	#block-block-50,
	/* Plate Up for the Planet block */
	#block-block-58 {
		margin: 0 29px 1em;
	}
	#block-block-50 p,
	/* Plate Up for the Planet block */
	#block-block-58 p {
		padding: 0 10%;
	}
}
@media (max-width:55em) {
	body.front .region-hero {
		margin:60px -2em 0;
	}
	#block-block-50,
	/* Plate Up for the Planet block */
	#block-block-58 {
		margin: 0;
		padding-top:3em;
	}
	#block-block-50 p,
	/* Plate Up for the Planet block */
	#block-block-58 p {
		padding: 0;
		margin-bottom:1em;
	}
	#block-block-50 h2.block-title,
	/* Plate Up for the Planet block */
	#block-block-58 h2.block-title {
		margin-bottom: 0.5em;
	}
}
@media (max-width:40em) {
	body.front .region-hero {
		margin: 91px -2em 0;
	}
	#block-block-50,
	/* Plate Up for the Planet block */
	#block-block-58 {
		font-size: 1em;
	}
}
@media (max-width:600px) {
	#block-block-50 .free-label,
	/* Plate Up for the Planet block */
	#block-block-58 .free-label {
		display: none;
	}
}
@media (max-width:420px) {
	body.front .region-hero {
		margin: 68px -2em 0;
	}
}


/**************************************************/
/**************************************************/
/********************** GRID **********************/
/**************************************************/
/**************************************************/

/*** In Views when adding a class to the row, underscores get replaced with hyphens, therefore the class 'block-list__panel' no longer works ***/

body.front .block-list .view-content {
    font-size: 0;
}
.list1 .block-list--panel {
    width: 33.33%;
    overflow: hidden;
}
.block-list--panel {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em;
    padding-left: 58px;
    font-size: 16px;
}

body.front .block-list__title {
	line-height: 1.2;
}

/*** Thumbnail tabs ***/

.block-list-thumbnail {
	position: relative;
}
.block-list-thumbnail img {
	margin-bottom: 1em;
}
/*.block-list-thumbnail a:hover img,
.block-list-thumbnail a:focus img  {
	opacity: 0.5;
}*/
.thumbnail-tab {
	position: absolute;
	right:0;
	top:1em;
	display: inline-block;
	padding:0.3em 0.8em 0.3em 1em;
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
	font-family: "Museo Slab 700",Helvetica,Arial,sans-serif;
	font-size: 1.3em;
	background-color: #F8991D;
	color: #fff;
	pointer-events: none;
	font-weight: normal;
}
.thumbnail-tab.news {
	background-color: #008E84;
	color: #fff;
}
.thumbnail-tab.blog {
	background-color: #fff;
	color: #008E84;
}

@media (max-width: 55em) {

	.list1 .block-list--panel {
	    width: 100%;
	}
	.list1 .block-list--panel .block-list-thumbnail {
	    width: 50%;
	    float: left;
	    margin-right: 1.5em;
	}

}
@media (max-width:40em) {
	.list1 .block-list--panel .block-list-thumbnail {
		width: auto;
		float: none;
		margin-right: 0;
	}
	.list1 .block-list--panel .block-list-thumbnail img {
		width:100%;
	}
}

/**************************************************/
/**************************************************/
/******************** CAROUSEL ********************/
/**************************************************/
/**************************************************/


body.front .flexslider .slides {
	padding-top:0;
}
#block-views-front-page-blocks-block-3 {
	float:left;
	padding:1em 29px 0;
	width:66.6667%;
}
#block-views-front-page-blocks-block-3 .view-content {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	margin-bottom: 1.5em;
}
#block-views-front-page-blocks-block-3 ul.slides li {
	font-size: 2em;
}
#block-views-front-page-blocks-block-3 .views-field-title {
	position: absolute;
	top:1em;
	left:1em;
	right:7em;
	pointer-events: none;
}
#block-views-front-page-blocks-block-3 .views-field-title a {
	color: #fff;
	text-shadow: 0 0 30px black;
	pointer-events: auto;
}
#block-views-front-page-blocks-block-3 .views-field-body {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:0.6em 1em 2.2em;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	pointer-events: none;
}
#block-views-front-page-blocks-block-3 .views-field-body .block-list__excerpt {
	font-size: 1.3rem;
	line-height: 1.3;
}
#block-views-front-page-blocks-block-3 .block-list-thumbnail img {
	margin-bottom: 0;
}

#block-views-front-page-blocks-block-3 .thumbnail-tab {
    padding: 0.4em 0.8em 0.45em 0.8em;
    font-size: 1em;
    pointer-events: none;
}
#block-views-front-page-blocks-block-3 .dark-grad {
	pointer-events: none;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:50%;

	background : -moz-linear-gradient(50% 0% -90deg,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(1,rgba(0, 0, 0, 0) ));
	background : -o-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background : -ms-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	opacity : 0.5;
	filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' , GradientType=0);
}
/* IE */
html.lt-ie10 #block-views-front-page-blocks-block-3 .dark-grad {
	display: none;
}

/**************************************************/
/******************** Controls ********************/
/**************************************************/

#block-views-front-page-blocks-block-3 .flex-control-nav {
	width: 100%;
    position: absolute;
    bottom: 1em;
    text-align: center;
    z-index: 2;
    pointer-events: none;
}
#block-views-front-page-blocks-block-3 .flex-control-nav li a {
	pointer-events: auto;
}
#block-views-front-page-blocks-block-3 ul.flex-direction-nav li {
	padding: 0;
}
#block-views-front-page-blocks-block-3 .flexslider:hover .flex-prev {
	left: 2em;
}
#block-views-front-page-blocks-block-3 .flexslider:hover .flex-next {
	right: 2em;
}

/* Mobile */

@media (max-width:1200px) {
	#block-views-front-page-blocks-block-3 {
		float: none;
		padding: 1em 29px 0;
		width: 100%;
		text-align: left;
	}
	#block-views-front-page-blocks-block-3 .view {
		max-width: 813px;
		margin:0 auto;
	}
}
@media (max-width:55em) {
	#block-views-front-page-blocks-block-3 {
		padding: 0;
		width: 100%;
	}
	#block-views-front-page-blocks-block-3 .view {
		max-width: 100%;
	}
	#block-views-front-page-blocks-block-3 .view-content {
		margin-bottom: 0;
	}
}
@media (max-width:40em) {
	#block-views-front-page-blocks-block-3 .views-field-title {
		right: 5.5em;
	}
}
@media (max-width:600px) {
	#block-views-front-page-blocks-block-3 .views-field-title {
		right: 1em;
		top: 0.75em;
	}
	#block-views-front-page-blocks-block-3 .thumbnail-tab {
		display: none;
	}
	#block-views-front-page-blocks-block-3 .views-field-body {
		padding-bottom: 1.75em;
	}
	#block-views-front-page-blocks-block-3 .flex-control-nav {
		bottom: 0.5em;
	}
}
@media (max-width:520px) {
	#block-views-front-page-blocks-block-3 ul.slides li {
		font-size: 1.75em;
	}
	#block-views-front-page-blocks-block-3 .views-field-title {
		line-height: 1;
	}
	#block-views-front-page-blocks-block-3 .views-field-body .block-list__excerpt {
		font-size: 1.1rem;
	}
	#block-views-front-page-blocks-block-3 .flex-direction-nav a {
		top: 38%;
	}
}
@media (max-width:420px) {
	#block-views-front-page-blocks-block-3 ul.slides li {
		font-size: 1.5em;
	}
	#block-views-front-page-blocks-block-3 .views-field-body .block-list__excerpt {
		font-size: 1rem;
	}
	#block-views-front-page-blocks-block-3 .views-field-body {
		padding-bottom: 2em;
	}
	#block-views-front-page-blocks-block-3 .flexslider:hover .flex-prev {
		left: 1.5em;
	}
	#block-views-front-page-blocks-block-3 .flexslider:hover .flex-next {
		right: 1.5em;
	}
}
@media (max-width:390px) {
	#block-views-front-page-blocks-block-3 ul.slides {
		background-color: #F78800;
	}
	#block-views-front-page-blocks-block-3 ul.slides li {
		font-size: 1.5em;
	}
	#block-views-front-page-blocks-block-3 .views-field-body .block-list__excerpt {
		font-size: 1rem;
	}
	#block-views-front-page-blocks-block-3 .views-field-body {
		padding-bottom: 2em;
		position: relative;
		background-color: #F78800;
	}
	#block-views-front-page-blocks-block-3 .dark-grad {
		bottom: 0;
	}
	#block-views-front-page-blocks-block-3 .flex-direction-nav a {
		top: 45%;
	}
}


/*
███████  ██████   ██████  ████████ ███████ ██████
██      ██    ██ ██    ██    ██    ██      ██   ██
█████   ██    ██ ██    ██    ██    █████   ██████
██      ██    ██ ██    ██    ██    ██      ██   ██
██       ██████   ██████     ██    ███████ ██   ██
*/


/**************************************************/
/**************************************************/
/*************** NEWSLETTER SECTION ***************/
/**************************************************/
/**************************************************/

.newsletter-signup-section {
	padding-bottom: 8em;
}
body.node-type-list-campaigns .newsletter-signup-section {
	padding-top: 6em;
}

/*** NEWSLETTER SIGNUP "BLOCK" ***/

#mc_embed_signup {
	background-color: #fff;
	border:2px solid #f8991d;
	color: #666;
	padding:0.8em 1.25em 1.5em 45%;
	text-align: right;
	background-image: url('../images/footer/img-bg-newsletter-signup.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 98%;
	font-size: 1.15em;
	position: relative;
	overflow: hidden;
}
/** Newsletter email images **/
/*#mc_embed_signup:before {
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	z-index: -1;
	background: url(../images/footer/e-newsletter-email-mockup.jpg) 0 0 repeat;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}*/

#mc_embed_signup img.newsletter {
	position: absolute;
    left: 4%;
    bottom: -7%;
    height: 94%;
    width: auto;
    transform: rotate(-2deg);
    box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.38);
}

.newsletter-signup-section .newsletter-signup__title {
	color: #666;
}
#mc_embed_signup h2 {
	color:#f8991d;
	font-size: 1.9em;
	line-height: 1.2;
}
#mc_embed_signup p {
	max-width: 100%;
	font-size: 1.1em;
	line-height: 1.3;
}

#mc_embed_signup a.btn-link {
	font-size: 1.1em;
	display: inline-block;
	float: right;
}


/*
███████  ██████  ██████  ███    ███ ███████
██      ██    ██ ██   ██ ████  ████ ██
█████   ██    ██ ██████  ██ ████ ██ ███████
██      ██    ██ ██   ██ ██  ██  ██      ██
██       ██████  ██   ██ ██      ██ ███████
*/

#editrow-email-3 {
	float: right;
}

#block-block-50 form,
/* Plate Up for the Planet block */
#block-block-58 form {
	background-color:transparent;
}

#mc_embed_signup .newsletter-signup__input,
#block-block-50 input.email,
/* Plate Up for the Planet block */
#block-block-58 input.email {
	width: 16em;
	margin: 0 0.5em 0 0;
	padding: 0.5em 1.25em !important;
	color: #008e84;
	font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
	font-size: 1.15em !important;
	/*background: url(/sites/default/themes/the_vegan_society/assets/images/rgbapng/ffffff33-5.png?1479135704);*/

	background: #CCE8E6;
	border: 1px solid #99d2ce;
	border-radius: 3em !important;

	-webkit-box-shadow: inset 0px 0px 3px 3px #b2ddda;
	-moz-box-shadow: inset 0px 0px 3px 3px #b2ddda;
	box-shadow: inset 0px 0px 3px 3px #b2ddda;

	float:left;
	display: block;
	line-height: 1.2;
}
#mc_embed_signup .newsletter-signup__input:focus,
#block-block-50 input.email:focus,
/* Plate Up for the Planet block */
#block-block-58 input.email:focus {
	outline:none;
}

/** Placeholder colour fun **/

/* Chrome/Opera/Safari */
/*#mc_embed_signup input#mce-EMAIL::-webkit-input-placeholder,*/
 /* Firefox 19+ */
/*#mc_embed_signup input#mce-EMAIL::-moz-placeholder,*/
/* IE 10+ */
/*#mc_embed_signup input#mce-EMAIL:-ms-input-placeholder,*/
/* Firefox 18- */
/*#mc_embed_signup input#mce-EMAIL:-moz-placeholder,*/
#mc_embed_signup input#mce-EMAIL::placeholder {
	color: #008e84;
}
#mc_embed_signup input#mce-EMAIL:focus::placeholder {
	color: #80C6C1;
}

/** Submit button **/
/* Signup for Newsletter */
#mc_embed_signup .button,
/* Pledge */
#block-block-50 input#veganPledge,
/* Plate Up for the Planet block */
#block-block-58 input#veganPledge,
a.btn-link {
	background-color: #f8991d;
	border:1px solid #99d2ce;
	border-radius: 3em;
	color: #fff;
	float:left;
	text-transform: none;
	font-family: "Museo Sans 700",Helvetica,Arial,sans-serif;
	padding:0.5em 1.25em;
	line-height: 1.2;
	width:auto;
	height: auto;
	font-size: 1.15em;
	display: block;
	border:none;
	font-weight: normal;
}
#block-block-50 a.btn-link,
/* Plate Up for the Planet block */
#block-block-58 a.btn-link {
	font-size: 1em;
	float: none;
	display: inline-block;
}

/* Signup for Newsletter */
#mc_embed_signup .button:hover,
#mc_embed_signup .button:focus,
#mc_embed_signup a.btn-link:hover,
#mc_embed_signup a.btn-link:focus,
/* Pledge */
#block-block-50 input#veganPledge:hover,
#block-block-50 input#veganPledge:focus,

#block-block-50 a.btn-link:hover,
#block-block-50 a.btn-link:focus,

/* Plate Up for the Planet block */
#block-block-58 input#veganPledge:hover,
#block-block-58 input#veganPledge:focus,

#block-block-58 a.btn-link:hover,
#block-block-58 a.btn-link:focus {
	outline:none;
	background-color: #f77300;
	border-color:#f77300;
	text-decoration: none;
}
/* Signup for Newsletter */
#mc_embed_signup .button:active,
#mc_embed_signup .button:hover:active,
#mc_embed_signup .button:focus:active,

#mc_embed_signup a.btn-link:active,
#mc_embed_signup a.btn-link:hover:active,
#mc_embed_signup a.btn-link:focus:active {
	background-color: #008e84;
	border-color:#99d2ce;
}
/* Pledge */
#block-block-50 input#veganPledge:active,
#block-block-50 input#veganPledge:hover:active,
#block-block-50 input#veganPledge:focus:active,

#block-block-50 a.btn-link:active,
#block-block-50 a.btn-link:hover:active,
#block-block-50 a.btn-link:focus:active,

/* Plate Up for the Planet block */
#block-block-58 input#veganPledge:active,
#block-block-58 input#veganPledge:hover:active,
#block-block-58 input#veganPledge:focus:active,

#block-block-58 a.btn-link:active,
#block-block-58 a.btn-link:hover:active,
#block-block-58 a.btn-link:focus:active  {
	background-color: #00685e;
	border-color:#99d2ce;
}

/* Mobile */

@media (max-width:979px) {
	#mc_embed_signup {
		text-align: center;
		padding: 1.25em 3em 25.5em;
		text-align: center;
		background-position: center bottom;
		background-size: auto 24em;
		font-size: 1.3em;
	}
	#mc_embed_signup h2 {
		font-size: 2em;
		line-height: 1.2;
	}
	#editrow-email-3 {
		float: none;
		display: inline-block;
		margin:auto;
	}
	#mc_embed_signup img.newsletter {
		left: 50%;
		bottom: -12%;
		height: 63%;
		transform: translateX(-50%) rotate(-2deg);
	}
	#mc_embed_signup a.btn-link {
		float: none;
	}
}
@media (max-width:55em) {
	#mc_embed_signup {
		padding: 1.5em 3em 19.5em;
		background-size: auto 18em;
	}
}
@media (max-width:767px) {
	#mc_embed_signup {
		padding: 1.5em 2em 20.5em;
		background-size: auto 19em;
		font-size: 1.2em;
	}
	#mc_embed_signup img.newsletter {
		position: absolute;
		left: 50%;
		bottom: -10%;
		height: 57%;
		transform: translateX(-50%) rotate(-2deg);
	}
}
@media (max-width:40em) {
	#mc_embed_signup {
		font-size: 1em;
	}
	.newsletter-signup-section {
		padding-bottom: 6em;
	}
}
@media (max-width:541px) {
	#mc_embed_signup {
		font-size: 1em;
		padding: 1.5em 1em 20.5em;
	}
	#mc_embed_signup .newsletter-signup__input,
	#block-block-50 input.email,
	/* Plate Up for the Planet block */
	#block-block-58 input.email {
		width: 300px;
		max-width: 100%;
		margin: 0 0 0.5em 0;
		font-size: 1.15em !important;
		float: none;
	}
	#mc_embed_signup .button,
	#block-block-50 input#veganPledge,
	#block-block-50 a.btn-link,
	/* Plate Up for the Planet block */
	#block-block-58 input#veganPledge,
	#block-block-58 a.btn-link  {
		float: none;
		margin:auto;
	}
	#mc_embed_signup img.newsletter {
		bottom: -10%;
		height: 50%;
	}
}
@media (max-width:520px) {
	#mc_embed_signup img.newsletter {
		bottom: -8%;
		height: 48%;
	}
}
@media (max-width:480px) {
	#mc_embed_signup {
		font-size: 1em;
		padding: 1.5em 1em 80%;
		background-size: 168% auto;
	}
	#mc_embed_signup img.newsletter {
		bottom: -4%;
		height: auto;
		width:80%;
	}
}
@media (max-width:390px) {
	#mc_embed_signup .newsletter-signup__input {
		width: auto;
	}
}

/**************************************************/
/**************************************************/
/********************* FOOTER *********************/
/**************************************************/
/**************************************************/

.site-footer {
	background-color: #008375;
	color: #fff;
	margin-bottom: -1.5em;
	text-align: center;
	padding: 0 0 5em;
}
.site-footer .small-print {
	color: #fff;
}

.site-footer .skew {
    margin: 0 auto;
    -moz-transform: skewY(1.5deg) translate3d(0, 0, 0);
    -ms-transform: skewY(1.5deg) translate3d(0, 0, 0);
    -webkit-transform: skewY(1.5deg) translate3d(0, 0, 0);
    transform: skewY(1.5deg) translate3d(0, 0, 0);
    overflow: visible;
}


/*** SOCIAL MEDIA ICONS ***/

.social-media {
	position: relative;
	top:-25px;
}

.social-media__icon {
    margin: 0 10px;
    /*padding-top: 12px;*/
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.30);
}


/*** FOOTER NAV ***/

.footer-nav {
	margin-bottom: 2em;
}
.footer-nav ul.menu {
	font-size: 0;
}
.footer-nav ul.menu li {
	text-transform: none;
	font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
	border-right:1px solid #b2ddda;
	margin:0;
	padding:0;
	font-size: 1rem;
}
.footer-nav ul.menu li:last-of-type {
	border:none;
}
.footer-nav ul.menu li a {
	color: #fff;
	padding:0.5em 1em;
	text-decoration: underline;
}
.footer-nav ul.menu li a:hover,
.footer-nav ul.menu li a:focus {
	text-decoration: none;
}

/*** FOOTER BUTTON NAV ***/

.footer-nav .menu-block-4 {
	margin: 3em 0 3em;
}
.footer-nav .menu-block-4 ul.menu {
	margin:0 -29px;
    padding: 0;
    font-size: 0;
}
.footer-nav .menu-block-4 ul.menu li {
	border:none;
	font-size: 1.5rem;
	width: 33.33%;
    overflow: hidden;
	display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
    padding-left: 29px;
    padding-right: 29px;
}
.footer-nav .menu-block-4 ul.menu li a {
	padding:0.6em;
	display: block;
	border:1px solid #fff;
	border-radius: 3em;
	text-decoration: none;
}
.footer-nav .menu-block-4 ul.menu li a:hover,
.footer-nav .menu-block-4 ul.menu li a:focus,
.footer-nav .menu-block-4 ul.menu li a.active {
    color: #008e84;
    /*background: #CCE8E6;
    -webkit-box-shadow: inset 0px 0px 3px 3px #bfe3e0;
    -moz-box-shadow: inset 0px 0px 3px 3px #bfe3e0;
    box-shadow: inset 0px 0px 3px 3px #bfe3e0;*/
    background-color: #fff;
    text-decoration: none;
}

/* Mobile */

@media (max-width:738px) {
	.footer-nav {
		text-align: center;
	}
	.footer-nav .menu-block-4 ul.menu li {
		font-size: 1.5rem;
		width:auto;
		max-width: 400px;
		display: block;
		margin: 0 auto 1em;
		padding-left: 29px;
		padding-right: 29px;
	}
	.footer-nav .menu-block-4 {
		margin: 2em 0 2em;
	}
}
@media (max-width:390px) {
	.footer-nav ul.menu li {
		display: block;
		border-right:none;
		margin-bottom:0.25em;
	}
}