* {
	float: none;
	box-sizing: border-box;
}
.container {
	min-width: 320px;	
}
body, p, li, ul {
	
}
body {
	font-size: 8pt;	
}
p, .content li {
    font-size: 13px;
}
.mobile-hide {
	display: none !important;	
}
.desktop-only {
	display: none !important;	
}

img {
	max-width: 100%;
}

#nav {
	position: relative;	
	clear: both;
	height: 50px;
}

#mobile-title {
	
    position: relative;
    display: inline-block;
	z-index: 1000;	
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	font-weight: normal;
	margin: 0 0 0 20px;
	font-size: 13px;	
	top: 0;
    max-width: Calc(100% - 75px);
}
#mobile-title, #mobile-title a {
	color: #FFF;	
}

#header {
	padding: 0;
    height: auto;
    min-height: auto;
	height: 65px;
	text-align: center;
}
#header .blue-button2 {
    font-size: 1.2em;
}
.home #header {
    min-height: 210px;
}
.full-width.gallery #main-wrapper {
	top: 65px;
	min-height: Calc(100% - 115px);
}
body:not(.home) #header .header-logo {
	float: none;
	margin: 0 auto;
    padding: 5px;
	text-align: center;
	font-size: 2em;
    width: auto;
	display: inline-block;
}
#header-wrapper .searchbox .text, #header-wrapper .searchbox .submit, #header-wrapper .searchbox .select, #header-wrapper .searchbox select {
    font-size: 11px;
}
#header-wrapper .searchbox .submit {
    line-height: 33px;
}
#header-wrapper .searchbox .select:after {
	line-height: 33px;
}
#header > .search-wrapper {
    margin-right: 0;
    float: none;
    width: 100%;
	
	display: none;
}
#header .searchbox {
    float: none;
    position: relative;
    top: 0;
	bottom: 0;
	width: 100%;
	right: 0;
    margin-bottom: 0;
    padding: 0 10px;
}
#header .searchbox .search-right {
    right: 10px;
}
.searchbox .text {
	width: 100%;
}
.searchbox select {
	font-size: 10px;
}
#header #searchbox, #mobile-search, #mobile-login {
   
}
.open #mobile-search {
    display: block;
    top: 0;
    bottom: 0;
    z-index: 998;
    position: relative;
    background: #004E75;
    padding: 5px;
}
.open #mobile-search .text {
    border: 1px solid rgba(255,255,255,0.3);
}
.open #mobile-search .search-type {
    margin: 7px;
    height: Calc(100% - 15px);
}
.open #mobile-search .submit {
    right: 0.4em;
    top: 0.45em;
}

.open #mobile-login {
    display: block;
    top: 0;
    bottom: 0;
    z-index: 998;
    position: relative;
    background: #004E75;
    padding: 5px;
}

#info {
	padding: 5px 2px;
	line-height: inherit;
	min-height: inherit;
	min-width: 300px;
}
#info form label {
	display: none;
}
#info input#login-user, #info input#login-pass, input#mobile-login-user, input#mobile-login-pass {
	margin-right: 2px;
	font-size: 11px;
	width: 40%;
	line-height: 20px;
}
#info input#login-button, input#mobile-login-button {
	font-size: 97%;
	line-height: 20px;
}
#info .login-bar-links {
	vertical-align: top;
	float: right;
	text-align: right;
	line-height: 15px;
}
#info .login-bar-links a, #mobile-login .login-bar-links a {
	display: block;
    
}
#info .login-bar-links span, #mobile-login .login-bar-links span {
	display: none;
}
input#mobile-login-button {
    margin-right: 0;
}
#mobile-login .login-bar-links {
	vertical-align: top;
	float: none;
    clear: both;
	text-align: center;
	line-height: 15px;
}
#mobile-login .login-bar-links a { 
    color: #FFF;
    font-size: 12px;
    margin: 8px 10px 4px 10px;
    text-decoration: none;
    display: inline-block;
}
#mobile-login .login-bar-links a:hover { 
    text-decoration: underline;
}

#main-wrapper {
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 1.5em;
}

.home #category-grid .category-block {
	width: 49%;
	margin: 0 0.5% 15px 0;	
	
}
.kb-home .category-block {
	width: 32%;
	margin: 0 0.5% 15px 0;	
	height: 130px;
}
.home #category-grid .category-block:nth-child(4n+1) {
	margin: 0 0.5% 15px 0;
}
.home #category-grid .category-block:nth-child(3n+1) {
	margin-right: 0;
}
.home #category-grid .category-block .category-name, .kb-home .category-block .category-name {
	font-size: 13px;
	font-weight: 300;
}
.home #category-grid .category-block:hover .category-name, .kb-home .category-block:hover .category-name {
	font-weight: 400;
}
.home #category-grid .category-block .category-buttons, .home #category-grid .category-block:hover .category-buttons {
	height: auto;
}
.home #category-grid .category-block .category-buttons-upper a {
	height: 35px;
	line-height: 15px;
}
.home #category-grid .category-block .category-buttons-lower a {
	height: 25px;
	line-height: 20px;
}
.home #category-grid .category-block .category-buttons-upper a {
	font-size: 11px;
}
.home #category-grid .category-block .category-buttons-lower a {
	font-size: 10px;
}
.home #category-grid .category-block .category-buttons-upper a div {
	font-size: 14px;
}
.home #category-grid .category-block .category-buttons-lower a div {
	font-size: 12px;
}
.expendable {
	display: none;
}
.home #category-grid .category-block .category-buttons-lower a:nth-child(1), .home #category-grid .category-block .category-buttons-lower a:nth-child(2) {
	width: 50%;
}
.home #category-grid .category-block .category-photo-wrap {
	height: 180px;
}

.home-news-editorials {
    width: 100%;
    position: relative;
    float: none;
    margin-bottom: 15px;
}
.home-news-media {
    width: 100%;
    position: relative;
    float: none;
}
.home-news .home-news-editorials .home-article {
    width: 33.3%;
}
.home-news .home-news-media .home-article {
    width: 50%;
}
.home-news .home-article-title {
    font-size: 12px;
    line-height: 16px;
}    

.box-content h3 {
	text-align: center;
	font-size: 1.8em;
}	
h3.facility-list-title {

    font-size: 14px;
    font-weight: 300;

}
body.signup .form-signup {
    padding-left: 10px;
    padding-right: 10px;
}
.form-signup li:not(.inline), .form-login li {
	text-align: center;
}
.form-signup li.inline {
    text-align: left;
}
.form-signup li:not(.inline) > label, .form-login label {
	width: auto;
	float: none;
	text-align: center;
}
body:not(.map) .form-login input[type=text], body:not(.map) .form-login input[type=password], .form-signup input[type=text], .form-signup input[type=password], .form-signup select {
	line-height: 25px;
}
.form-signup .button, .form-login .button {
	margin: 12px 0 0 0;
	font-size: 14px;
	padding: 10px 15px;
}
body:not(.map) .form-login .login-links {
	margin-top: 20px;
}
#footer-copyright {
	padding-left: 10px;
	padding-right: 10px;
}
.forgot-login #content form {
	text-align: center;
}
.forgot-login #content .uname_email {
	width: 95%;
	max-width: 350px;
	line-height: 24px;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
.forgot-login #content .button {
	margin: 10px auto;
	font-size: 13px;
	padding: 10px 15px;
}	
.form-signup .form-field-info {
	padding: 0;
	margin: 5px 0 ;
}
.kb-home #sidebar {
	display: none;
}
.kb-home article.box {
	width: 100%;
	float: none;
}
.box-standard {
	padding: 12px;
}
.box-standard h2 {
	left: -12px;
	top: -12px;
	margin-right: -24px;
	padding: 10px 15px 10px 15px;
	font-size: 1.1em;
	line-height: 20px;
}
.kb .view-kb h1 {
	font-size: 22px;
	line-height: 28px;
}
.box-content p, .box-content ul, .box-content table {
	font-size: 13px;
}
.kb #sidebar {
	font-size: 11px;
}
.kb #sidebar ul ul {
	margin-left: 10px;
}
.kb #sidebar ul ul ul {
	margin-left: 0;
}
.kb #sidebar li.article {
	margin-left: 0;
}
.kb #sidebar li.article a {
	width: 80%;
}
.kb #sidebar li.kb-category {
	line-height: 14px;
}
.kb .kb-wrap .kb-child-articles-list thead th {
    font-size: 13px;
    font-weight: 400;
}
.kb .kb-wrap .kb-child-articles-list tr td a {
	font-size: 12px;
}
.view-photo .photo-meta2, .view-video .video-meta2, .view-document .document-meta2, .view-material .material-meta2 {
	width: inherit;
	float: none;
}
.view-photo .photo-meta2 table tr td:first-child, .view-video .video-meta2 table tr td:first-child, .view-document .document-meta2 table tr td:first-child, .view-material .material-meta2 table tr td:first-child, .view-facility .facility-meta table tr td:first-child {
	width: 90px;
	font-size: 12px;
}
.view-photo .photo-meta2 .tag, .view-photo .photo-meta2 .ctg, .view-video .video-meta2 .tag, .view-video .video-meta2 .ctg, .view-document .document-meta2 .tag, .view-document .document-meta2 .ctg, .view-material .material-meta2 .tag, .view-material .material-meta2 .ctg, .view-facility .facility-meta .tag, .view-facility .facility-meta .ctg {
	padding: 3px 6px;
	font-size: 12px;
}
.view-photo .item-sidebar-box, .view-video .item-sidebar-box, .view-document .item-sidebar-box, .view-material .item-sidebar-box, .view-facility .item-sidebar-box {
	width: 49%;
	max-width: 120px;
}
table.mobile-convert thead, table.mobile-convert colgroup {
	display: none;
}
table.mobile-convert td {
    display: inline-block;
    background: none !important;
    padding: 0 10px;
    vertical-align: top;
    text-align: left;
}
table.mobile-convert tr {
    display: block;
    position: relative;
    padding-top: 5px;
}
.facility-directory td .separator, .company-directory td .separator {
	color: #DDD;
	margin: 0 10px;
}
.facility-directory td a.facility-name, .company-directory td a.company-name {
	min-width: 150px;
}
.view-facility .facility-meta, .view-facility .facility-map-drone {
	width: 100%;
	float: none;
	min-height: inherit;
}
.view-facility .facility-map {
	height: 300px !important;
}
.facility-drone .item-block-a {
	height: 90px;
}
.view-facility .facility-cover-photo img.static-map, .view-company .company-cover-photo img.static-map {
	width: auto;
	height: 100%;
	max-width: none;
	margin-left: -80px;
}
.view-facility .facility-cover-photo .facility-cover-text-wrapper, .view-company .company-cover-photo .company-cover-text-wrapper {
	padding: 10px 20px;
}
.view-facility .facility-cover-photo img {
    
}
.view-facility .facility-cover-photo h1, .view-company .company-cover-photo h1 {
	font-size: 25px;
	line-height: 32px;
}
.view-facility .facility-cover-photo .facility-cover-location {
    font-size: 15px;
}
.view-facility .facility-cover-photo .facility-cover-location, .view-company .company-cover-photo .company-cover-location {
	margin-top: 10px;
}
.view-facility .facility-cover-photo img.random-photo {
	
}
.view-company .company-meta, .view-company .company-logo {
	width: 100%;
	float: none;
	min-height: inherit;
	position: relative;
}
.view-facility .facility-tabs, .view-company .company-tabs {
	border: 0 none;
	padding-left: 0;
	height: auto;
}
.view-facility .facility-tabs li, .view-company .company-tabs li {
	padding: 0;
}
.view-facility .facility-tabs li a, .view-company .company-tabs li a {
	border: 1px solid #CCC;
	display: block;
	font-size: 11px;
	padding: 3px 5px;
	min-width: 90px;
	line-height: inherit;
}
.view-facility .facility-tabs li.right a, .view-company .company-tabs li.right a {
	min-width: inherit;
}
.view-facility .facility-tabs li a.active, .view-company .company-tabs li a.active {
	border: 1px solid #00597a;
	font-weight: 700;
}
.view-facility .facility-tabs li a span, .view-company .company-tabs li a span {
	font-size: 10px;
}
.about #content .left, .about #content .right {
	float: none !important;
	width: 100%;
	margin-bottom: 40px;
}
.account #profile-links li a {
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.account #profile-name {
	font-size: 17px;
}
.account .profile-fields.edit .social .inputbox {
	width: 100% !important;
}
.account .organisations .forms-page {
	clear: both;
	margin-top: 50px;
}
.account .organisations .edit .inputbox {
	width: 100% !important;
	max-width: 350px;
}
.user-profile #banner #profile-text {
	width: 60%;
}
.user-profile #banner #profile-text h3 {
	text-align: left;
}
.user-profile #banner h3 {
	font-size: 26px;
	margin-top: 0;
}
.user-profile #banner .description {
	font-size: 12px;
	line-height: 17px;
}
.user-profile #banner #profile-photo {
	margin-top: 0;
}
.features .inputbox {
	font-size: 13px;
	width: 100% !important;
}
.upload-type-selection a .type-text {
	width: 55%;
}
.upload-type-selection a .type-name {
	font-size: 15px;
}
.upload-type-selection a .type-description {
	font-size: 12px;
	line-height: 15px;
}
.upload-type-selection a .icon {
	width: 37%;
	margin-right: 10px;
}
.upload-type-selection a .icon img {
	width: 100%;
}
#uploadform .left, #uploadform .right {
	float: none;
	width: 100%;
}
#uploadform .upload-list .upload-details .horz-labels label {
	display: block;
	width: 100%;
	text-align: left;
}
#uploadform .upload-list .upload-details .horz-labels .inputbox, #uploadform .upload-list .upload-details .horz-labels .tagit {
	width: 100%;
	
}
#uploadform .upload-list .ui-combobox .ui-combobox-input, #editform .upload-list .ui-combobox .ui-combobox-input {
	width: calc(95% - 42px);
}
#uploadform .document-upload-list .horz-labels label, #uploadform .material-upload-list .horz-labels label {
	display: block;
	text-align: left;
}
#uploadform .document-upload-list .horz-labels .inputbox, #uploadform .document-upload-list .horz-labels ul.tagit, #uploadform .material-upload-list .horz-labels .inputbox, #uploadform .material-upload-list .horz-labels ul.tagit {
	width: 100%;
	font-size: 12px;
}
#uploadform .document-upload-list .horz-labels .chk-lbl, #uploadform .material-upload-list .horz-labels .chk-lbl {
	display: inline-block;
	width: 85%;
	margin-left: 10px;
	line-height: 18px;
	font-size: 12px;
}
#uploadform .upload-relate-to fieldset, #uploadform .upload-categories fieldset {
	min-height: inherit;
}
#uploadform td.upload-details-full {
	display: block;
	width: 100%;
}
.volunteer .form-volunteer li {
	text-align: left;
}	
.volunteer .form-volunteer li label {
	width: 100%;
	display: block;
	text-align: left;
	padding: 0;
}
.volunteer .form-volunteer li input[type=text] {
	width: 90% !important;
}
.volunteer .form-volunteer li textarea, .volunteer .form-volunteer li select {
	width: 95% !important;
}
#footer .footer-column {
	padding: 0 13px;
}
#footer #footer-column-1 {
	width: 50%;
	padding-left: 13px;
}
#footer #footer-column-2 {
	width: 50%;
}
#footer #footer-column-3 {
	clear: both;
	width: 50%;
}
#footer #footer-column-4 {
	width: 50%;
	border-right: 0;
	padding-right: 0 !important;
}

.campaigns #campaign-list .campaign-item, .actions #campaign-list .campaign-item, .home .action-list .campaign-item, .tours #campaign-list .campaign-item, .actions #facility-list .campaign-item {
	width: 100%;
	height: 240px;
}
.tours #campaign-list .campaign-item {
	height: 200px !important;
}
.campaigns #campaign-list .campaign-item .campaign-title, .actions #campaign-list .campaign-item .campaign-title, .home .action-list .campaign-item .campaign-title, .tours #campaign-list .campaign-item .campaign-title {
	font-size: 23px;
	line-height: 27px;
	padding: 10px;
}
.campaigns #campaign-list .campaign-item .campaign-byline, .home .action-list .campaign-item .campaign-byline, .tours #campaign-list .campaign-item .campaign-byline {
	font-size: 13px;
	line-height: 19px;
	padding: 5px 10px;
}

#campaign-content .content {
	padding: 20px 10px;
}
#campaign-content .content table img {
	height: auto;
}
#campaign-content p, #campaign-content li {
    line-height: 22px;
}
#campaign-content .content h2 {
    font-size: 18px;
}
#campaign-content .content blockquote {
    font-weight: 600;
    border: 0 none;
    
    margin-left: 0.5em;
}
#campaign-content .content blockquote p {
    font-size: 16px;
    line-height: 24px;
}

#campaign-featured-videos .featured-video {
	width: 49%;
}
#campaign-featured-videos .featured-video i {
	top: 25%;
}
#campaign-featured-videos .featured-video .video-title {	
	opacity: 1;
}
#campaign-featured-photos .featured-photo, #campaign-tiles .campaign-tile {
	width: 50%;
}
#campaign-featured-photos .featured-photo .img-wrap, #campaign-tiles .campaign-tile .img-wrap {
	height: 150px;
}
#campaign-title {
	font-size: 23px;
	line-height: 1.3;    
}
#campaign-byline {
	font-size: 15px;
	line-height: 1.4;
    padding: 0 10px;
}
#campaign-banner-description {
	font-size: 17px;
	line-height: 24px;
}
#campaign-banner .campaign-menu li {
	margin-bottom: 2px;
}
#campaign-banner .campaign-menu li a {
	font-size: 12px;
	line-height: 18px;
}
#campaign-cover-video iframe {
	width: 100%;
	height: 50vw;
}
.campaign-location {
	width: 100%;
	padding: 12px;
}

#campaign-locations .featured-location-photo {
	width: 35%;
}
#campaign-locations .featured-location-photo .img-wrap {
    height: 190px;
}
#campaign-locations .featured-location-info {
	width: 65%;
	padding: 0 0 0 15px;
	height: 190px;
}
#campaign-locations .featured-location-name {
	font-size: 16px;
	line-height: 20px;
}
#campaign-locations .featured-location-details {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 8px;
}
#campaign-locations .featured-location-details div {
	margin-left: 12px;
	padding-left: 12px;
}
#campaign-locations .featured-location-description {
	font-size: 11px;
	line-height: 17px;
	max-height: 140px;
}
#campaign-locations .featured-location-uploads {
	font-size: 15px;
}
#campaign-locations .featured-location-uploads div {
	margin-left: 12px;
	padding-left: 12px;
}
#donate-wrapper .donate-column {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
#donate-card .donate-amount {
	width: 25%;
}
#donate-title {
	font-size: 24px;
	line-height: 28px;
}
#donate-byline, #donate-thanks {
	font-size: 18px;
	line-height: 24px;
}
#donate-banner {
	background-position: center center; 
}
.dmat #donate-banner {
    min-height: 200px;
}
.dmat #donate-title {
    margin-top: 0;
}
.dmat #donate-byline {
    margin-top: 10px;
}
.dmat #donate-wrapper .container {
    padding: 20px 3px;
}
#donate-form .donate-amount {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}
#donate-wrapper .blue-button, #donate-wrapper .grey-button {
    font-size: 13px;
    line-height: 19px;
    padding: 8px 20px;
}

.home #campaign-list {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
}
.home #campaign-list .campaign-item .campaign-title {
	font-size: 22px;
	line-height: 30px;
	padding: 5px 11px;
}
.home #campaign-list .campaign-item .campaign-byline {
	font-size: 13px;
	line-height: 19px;
	padding: 5px 11px;
}

#editorials .editorial-image-wrap, .news-list .news-image-wrap {
    margin-right: 3%;
}
#editorials .editorial-title {
    font-size: 14px;
    line-height: 18px;
}
#editorials .editorial-meta, #editorials .editorial-meta a, .news .news-list .news-details, .news .news-list .news-details a {
    font-size: 10px;
}
#editorials .editorial-meta, #editorials .editorial-meta a, .news .news-list .news-details {
    line-height: 13px;
    margin: 5px 0;
}
#media-releases .news-list .news-details {
    margin-top: 2px;
}
#editorials .editorial-summary {
    font-size: 12px;
    line-height: 17px;
}
#editorials .e-1 .editorial-title {
    font-size: 18px;
    line-height: 23px;
}
#editorials .e-1 .editorial-summary {
    font-size: 12px;
    line-height: 17px;
}
.news #content h3.layout {
    min-width: inherit;
    width: 100%;
    max-width: 300px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
 #editorials .editorial {
    width: 100%;
    margin-right: 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #DDD;
    padding-bottom: 10px;
    height: auto;
}
#editorials .editorial-tag {
    font-size: 12px;
    padding: 1px 6px;
    margin-bottom: 3px;
}
#editorials .editorial.e-1.has-image {
    height: 150px;
}
#editorials .editorial.has-image:not(.e-1) {
    height: 130px;
}

#editorials .e-1 .editorial-image-wrap, .news-list .news-image-wrap {
    width: 32%;
}
#editorials .e-1 .editorial-image-wrap + .editorial-preview, .news-list .news-image-wrap + .news-content {
    width: 65%;
}

#editorials :not(.e-1) .editorial-image-wrap {
    width: 24%;
}
#editorials :not(.e-1) .editorial-image-wrap + .editorial-preview {
    width: 73%;
}
.news #media-releases {
    padding: 15px 12px;
}
.news-list .news-image-wrap {
    width: 26%;
    height: 110px;
}
.news-list .news-image-wrap + .news-content {
    width: 71%;
}
.news #campaign-news, .news #media-releases {
    float: none;
    clear: both;
    width: 100%;
}
.news #general-news .news-list li {
    float: none;
    clear: both;
    width: 100%;
}
.news .news-list .news-title {
    font-size: 14px;
    line-height: 18px;
}    
.news .news-list .media-pdf img {
    vertical-align: top;
    height: 12px;
    width: auto;
}
.news .news-list .news-description {
    font-size: 12px;
    line-height: 17px;
}
.news .news-article.author-profile-page h1 {
    font-size: 30px;
    line-height: 37px;
    text-align: center;
}
.news .news-author-profile img {
    height: 110px;
    margin-right: 15px;
}
.news .news-author-profile .author-name {
    font-size: 16px;
}
.news .news-article:not(.author-profile-page) .news-author-profile .author-bio p {
    font-size: 12px;
    line-height: 16px;
}
.author-profile-page .news-list .news-image-wrap {
    width: 32%;
    height: 140px;
}    
.author-profile-page .news-list .news-image-wrap + .news-content {
    width: 65%;
}
.news .author-profile-page .news-list .news-title {
    font-size: 14px;
    line-height: 19px;
}
.news .author-profile-page .news-author-profile {
    text-align: center;
}
.news .author-profile-page .news-author-profile img {
    text-align: center;
    float: none;
    height: 150px;
}
.news .author-profile-page .news-author-profile .author-bio p {
    clear: both;
    font-size: 13px;
}
.news .author-profile-page .news-list .news-details {
    margin-top: 2px;
}
.news .news-article .news-share img {
    height: 30px;
}
.news .news-article h1 {
    font-size: 30px;
    line-height: 37px;
}

#donate-main, .donate-slider-image {
    height: 600px;
}
#donate-main {
    margin-bottom: 25px;
    padding-top: 70px;
}
#donate-form-wrapper {
    left: 0;
    right: 0;
    margin: auto;
}
#donate-form {
    margin-top: 8px;
}
#donate-form p {
    font-size: 14px;
}
#donate-form label {
    font-size: 13px;
}
#donate-main.stage3 {
    padding-top: 20px;
}
#donate-main.stage3 li {
    margin-bottom: 8px;
}
#donate-form .error-msg div {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
}
#donate-wrapper h4 {
    font-size: 18px;
    line-height: 21px;
}
.dmat-level {
    display: block;
    width: 100%;
    min-height: 130px;
    padding: 12px;
}
.dmat-level-title {
    font-size: 14px;
}
.dmat-pack .dmat-level label {
    padding: 15px 15px 15px 40px;
}
.dmat-pack .dmat-level label p {
    font-size: 12px;
    line-height: 16px;
}
.dmat-pack .dmat-pack-padding {
    padding: 12px;
}
#dmat-account {
    margin-top: 0;
}
.dmat-wrapper {
    padding-top: 0;
}
.dmat-signup-form li.w50 {
    width: 49%;
}
.dmat-signup-form .li-state {
    width: 25% !important;
}
.dmat-account-selection {
    padding: 15px 10px;
}
.dmat-account-selection label {
    font-size: 13px;
    padding: 15px 15px 15px 32px;
    color: #222;
}
#donate-more {
    padding: 5px;
}
#dmat-description {
    padding: 10px 10px 20px 10px;
}
#donate-wrapper .dmat-signup-form li.inline {
    font-size: 70%;
}
#dmat-frequency-selection, #dmat-pack-selection {
    margin-top:35px;
}
#dmat-frequency-selection {
    padding: 0 10px;
}
#dmat-frequency-selection .dmat-monthly-selection {
    width: 48%;
    font-size: 14px;
    line-height: 25px;
}

.dmat-account-login {
    padding: 0 10px;
}
.dmat-pack {
    margin-left: 0;
    margin-right: 0;
}
.dmat-pack h3 {
    font-size: 15px;
    padding: 12px;
}
.dmat-item {
    width: 140px;
    height: 125px;
    margin: 2px 1px;
}
.dmat-item .item-name {
    font-size: 11px;
    line-height: 13px;
    padding: 3px 1px;
    background: rgba(230,230,230,0.95);
    color: #222;
    font-weight: 400;
}
.stage2 #card-wrapper {
    padding: 15px 5px;
}

.fancybox-title-float-wrap, .fancybox-title-float-wrap .child {
    width: 100%;
    white-space: normal;
}

#campaign-tiles .campaign-tile .tile-label .label-title2 {
	font-size: 21px;
	line-height: 21px;
}
#campaign-tiles .campaign-tile.long-label .tile-label .label-title2 {
	font-size: 15px;
	line-height: 17px;
}
#campaign-tiles .campaign-tile .tile-label .label-desc2 {
	font-size: 13px;
	line-height: 20px;
}

.my-uploads .my-uploads-wrap .upload-block, .itemloader-wrap .item-block {
    width: Calc(100% / 3 - 5px);
    margin-right: 5px !important;
}
.itemloader-wrap.row-2 .item-block:not(.final-as-more):nth-child(n+6), .itemloader-wrap.row-3 .item-block:not(.final-as-more):nth-child(n+9) {
    display: none;
}
.my-uploads .my-uploads-wrap .upload-block:nth-child(3n), .itemloader-wrap .item-block:nth-child(3n) {
    margin-right: 0;
}
.item-block.final-as-more .final-view-more a {
    font-size: 14pt;
}
.upload .upload-list .upload-details .horz-labels li > label:not(.no-style) {
    width: 100%;
    text-align: left;
}
.upload-list .upload-block .upload-details li label + div {
    width: 100%;
}
.upload .upload-list .upload-details .horz-labels .inputbox, .upload-list .upload-details .horz-labels .tagit {
    width: 95%;
}
.upload #drop-area .file-selector {
    padding: 20%;
}
.upload #url-uploader {
    width: 80%;
    min-width: 300px;
}
.upload-list .upload-block .upload-preview, .upload-list .upload-block .upload-details {
    float: none;
    width: 100%;
}
.upload-list.upload-video .upload-block .submit-button {
    display: block;
    margin: 0 auto;
}
.edit-item-main, .edit-item-side {
    float: none;
    width: 100%;
}
#home-searchbox-wrapper {
	padding: 15px;
}
#home-searchbox-wrapper #searchbox {
	width: 100%;
}
#home-searchbox-wrapper #searchbox .text, #home-searchbox-wrapper #searchbox .search-type, #home-searchbox-wrapper #searchbox .select::after, #home-searchbox-wrapper #searchbox .submit {
	font-size: 12px;
}
#home-searchbox-wrapper #searchbox .submit {
	line-height: 35px;
}
#home-searchbox-wrapper #searchbox .select::after {
	line-height: 37px;
}
#home-searchbox-wrapper #searchbox .search-type {
	padding-left: 5px;
}
.search-counters {
	margin-top: 12px;
}
.search-counter {
	font-size: 11px;
	padding: 0 10px;
}
.search-counter a div {
	font-size: 14px;
}
.search-counter:nth-child(5){
	display: none;
}
.home #header .header-logo {
    width: 30%;
}
#header .header-logo img {
    height: 100%;
    width: auto;
}
.home #header .header-logo img {
    left: 8px !important;
    top: 8px !important;    
}
#header .social-icons {
    font-size: 1.7em;
}
#header .donate-btn {
    font-size: 1.2em;
}
#header nav ul {
    margin: 0;
}
#header nav ul li {
    position: relative;
    display: inline-block;
    margin-left: 0;
}
#header nav ul li a {
    display: inline-block;
    color: #eee;
    color: rgba(255,255,255,0.85);
    padding: 1.1em 0.8em;
    text-decoration: none;
    transition: color .25s ease-in-out;
}
#header nav li ul {
    display: none;
}
#header nav li:hover > ul {
    display: block;
    position: absolute;
	z-index: 2;
}
#header nav li:hover li {
    background: #111;
    color: #fff;
    text-shadow: -1px -1px 0px rgba(0,0,0,0.35);
    box-shadow: inset 0px 0px 0px 1px #000;
    border-radius: 2px;
    letter-spacing: -0.025em;
    font-size: 1em;
    width: 190px;
    transition: all 0.3s;
}
#header nav li:hover li a {
    padding: 0.71em 0.95em;
}
#header nav li.account ul ul {
    left: -185px;
    width: 190px;
    top: 0;
}

#nav-top-right {
    position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
    right: 0;
}

.itemloader .item-sidebar, .asset-full-left {
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px;
}
#campaign-list .campaign-item .campaign-title2, .home .action-list .campaign-item .campaign-title2 {
	font-size: 20px;
	line-height: 1.2;
    margin-bottom: 3px;
}
#campaign-list .campaign-item .campaign-byline2, .home .action-list .campaign-item .campaign-byline2 {
	font-size: 13px;
	line-height: 1.4;
}
#campaign-featured-photos .featured-photo.only1, #campaign-tiles .campaign-tile.only1 {
	width: 100%;
}
#campaign-banner-description {
	line-height: 1.4;
}


.full-width #header-wrapper {
    z-index: 7 !important;
}
#mini-footer, #mini-footer p {
	font-size: 11px;
}
#mini-footer a {
	margin-right: 15px;
}
.full-width #sidebar {
	height: Calc(100% - 115px);
}
.map #sidebar {
	height: Calc(100% - 65px);
}
.full-width .use-sidebar #content {
	margin: 0;
	float: right;
}
.mini-footer.expanded #footer {
	padding: 2em 0 1em 0;
}
.upload-photos .upload-details .categories ul li {
	min-width: 32%;
	font-size: 12px;
}
.kb .kb-article, .kb .related-items {
	float: none;
	width: 100%;
}
.kb .itemloader-wrap .item-block {
	width: Calc(100% / 4 - 1px);
	margin-right: 1px !important;
}
.kb .kb-form, .kb-viewing-article .kb-wrap {
	min-height: Calc(100vh - 220px);
	display: block;
}
.kb-editor-main, .kb-editor-meta {
	float: none;
	width: 100%;
}

.home h3.main {
    font-size: 18px;
}
.home #campaign-list {
    margin-bottom: 30px;
}
.home #campaign-list .campaign-item {
    height: 350px;
}
#campaign-list .campaign-item .campaign-heading {
    left: 0;
    bottom: 0;
}
.lSSlideOuter .lSPager.lSGallery {
    text-align: center;
    width: 100% !important;
    margin-top: 0 !important;
}
.lSSlideOuter .lSPager.lSGallery li {
    transform: scale(1);
    margin: 0 !important;
    text-align: center;
    width: Calc(100% / 4) !important;
    height: 14vw;
    opacity: 0.9;
    vertical-align: top;
}
#home-map, #home-tour {
    height: auto;
}
#home-map .home-map-image, #home-map .home-map-info, #home-tour .home-tour-image, #home-tour .home-tour-info {
    width: 100%;
    float: none;
    height: auto;
    display: block;
}
#home-map .home-map-image {
    height: 300px;
    background-image: linear-gradient(rgba(0,0,0, 1) 0%,rgba(0,0,0, 0) 30%), url("../images/map-home3.jpg");
}
#home-tour .home-tour-image {
    height: 300px;
    background-image: linear-gradient(rgba(0,0,0, 1) 0%,rgba(0,0,0, 0) 30%), url("../images/vr-piggery.jpg");
}
#home-map .home-map-info, #home-tour .home-tour-info {
    padding: 12px 8px 5px;
}
#home-map .home-map-info h3, #home-tour .home-tour-info h3 {
    position: absolute;
    top: 0;    
    padding: 13px;
}
#home-map .home-map-info h3 a, #home-tour .home-tour-info h3 a {
    color: #FFF;
    text-shadow: 0 0 10px #000;
}
#home-map .home-map-info p, #home-map .home-map-info ul, #home-tour .home-tour-info p, #home-tour .home-tour-info ul {
    font-size: 14px;
}
#home-map .home-map-info .blue-button2, #home-tour .home-tour-info .blue-button2 {
    margin: 8px auto;
    font-size: 1.3em;
}
.news .diary-cover {
    min-height: 300px;
}
.news #content .diary-cover h1 {
    font-size: 2em;
}

.take-action .action-sections {
    background-size: auto 100%;
    min-height: 0;
}

.take-action:not(.dominion-march) h1 {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 20px;
}
.take-action .action-sections p, .take-action .action-sections ul.normal-list {
    font-size: 12px;
    line-height: 1.3em;
}
.take-action .action-sections ul.normal-list {
    margin-left: 20px;
}
.take-action .action-sections ul.normal-list li {
    padding-left: 0;
}
.take-action .action-sections h3 {
    font-size: 16px;
    text-align: left;
    margin-top: 20px;
}    
.take-action .action-section-1 {    
    background-position: center right -200px;
}
.take-action.tours .action-section-1 {    
    background-position: center right -80px;
}
.take-action .action-section-1 .action-padding {
    padding: 50px 25% 5px 15px;
}
.take-action .action-sections .action-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
}
.take-action:not(.dominion-march) .action-section-1 .action-gradient {
    background-image: linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 80%);
    background-image:-webkit-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 80%);
    background-image:-moz-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 80%);
    background-image:-ms-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 80%);
    background-image:-olinear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 80%);
}
.take-action .action-section-2 {    
    background-position: center left -120px;
}
.take-action .action-section-2 .action-padding {
    padding: 30px 15px 15px 30%;
}
.take-action .action-section-2 .action-gradient {
    background-image: linear-gradient(to right, rgba(0,0,0, 0) 15%,rgba(0,0,0, 1) 60%);
    background-image:-webkit-linear-gradient(to right, rgba(0,0,0, 0) 15%,rgba(0,0,0, 1) 60%);
    background-image:-moz-linear-gradient(to right, rgba(0,0,0, 0) 15%,rgba(0,0,0, 1) 60%);
    background-image:-ms-linear-gradient(to right, rgba(0,0,0, 0) 15%,rgba(0,0,0, 1) 60%);
    background-image:-olinear-gradient(to right, rgba(0,0,0, 0) 15%,rgba(0,0,0, 1) 60%);
}

.take-action .actions #campaign-list .campaign-item .campaign-heading {
    margin: 15px;
}
.take-action .actions #campaign-list .campaign-item .campaign-title2 {
    font-size: 14px;
    line-height: 17px;
}
.take-action .actions #campaign-list .campaign-item, .take-action .actions #campaign-list .action-slide, .take-action .campaign-item .campaign-image {
    height: 260px;
}

.take-action h2.view-more {
    font-size: 16px;
    line-height: 23px;
}
.dominion-march .action-section-1 {        
    background-size: auto 100%;
    background-position: right center;
}
.dominion-march h2 {
    font-size: 20px;
    line-height: 26px;
    padding: 50px 10px 10px 15px;
}    
.dominion-march .action-section-1 .action-padding {
    padding: 10px 10px 40px 15px;
}
.dominion-march .action-sections .facebook-event-link {
    font-size: 12px;
    margin-bottom: 5px;
}
.dominion-march .pledge-form, .dominion-march .pledge-form .inputbox {
    font-size: 12px;
    line-height: 15px;
}
.dominion-march .pledge-form .form-inner {
    background: rgba(255,255,255,0.75);
    padding: 10px;
    width: 85%;
}
.dominion-march .pledge-form h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.dominion-march .pledge-form .inputbox:not(.hidden) {
    width: 100%;
    margin: 0 0 5px 0;
}
.dominion-march .action-sections h3 {
    margin-top: 7px;
}
.dominion-march .pledge-form {
    margin: 25px 0;
}
.dominion-march .pledge-form .submit {
    font-size: 14px;
}
.dominion-march .pledge-form li {
    margin-bottom: 3px;
}
.home-news-event, .home-news-articles {
    height: auto;
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.home-news-event a, .home-news-event a img {
    width: 100%;
    height: auto;
}
.home-news .home-news-media .home-article {
    width: 100%;
}
.home-news-articles .home-news-editorials, .home-news-articles .home-news-media {
    width: 100%;
}
.home-news .home-news-articles .home-article {
    width: 49%;
}
.vic-pig-inquiry .action-section-videos .action-padding {
    padding: 50px 4%;
}
.take-action.vic-pig-inquiry .action-section-videos .video-title {
    font-size: 14px;
    margin: 10px 0 5px;
}
.take-action.vic-pig-inquiry .action-section-videos .video-description {
    font-size: 12px;
}

.take-action.vic-pig-inquiry .action-section-1 {
    background-position: center right -50px;
}
.take-action.vic-pig-inquiry .action-section-1 .action-padding {
    padding-right: 35%;
}
.take-action.vic-pig-inquiry .action-section-1 .action-gradient {
    background-image: linear-gradient(to left, rgba(0,0,0, 0) 30%,rgba(0,0,0, 1) 80%);
    background-image: -webkit-linear-gradient(to left, rgba(0,0,0, 0) 30%,rgba(0,0,0, 1) 80%);
    background-image: -moz-linear-gradient(to left, rgba(0,0,0, 0) 30%,rgba(0,0,0, 1) 80%);
    background-image: -ms-linear-gradient(to left, rgba(0,0,0, 0) 30%,rgba(0,0,0, 1) 80%);
    background-image: -olinear-gradient(to left, rgba(0,0,0, 0) 30%,rgba(0,0,0, 1) 80%);
}
.take-action.vic-pig-inquiry .action-section-videos .column {
    width: 100%;
    margin: 25px 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.take-action .action-sections .photo-credit {
    font-size: 8px;
    line-height: 8px;
}
.take-action .action-submit {
    font-size: 15px;
    line-height: 19px;
    padding: 10px;
}
.action-important-notice { 
    font-size: 15px;
}
#home-prominent-strip {
    font-size: 13px;
    line-height: 18px;
    height: 220px;
}
.take-action.vic-pig-inquiry .action-section-primary-video .video-container {
    padding: 0;
    height: 280px;
}
#home-prominent-strip div {
    padding-left: 160px;
    padding-right: 10px;
}
#home-prominent-strip span {
    display: inline;
}
#home-prominent-strip h3 {
    padding: 8px;
}
.action-email .action-your-details input.txtInput {
    width:49.5%; 
    display: inline-block;
    min-width: inherit;
}
.action-email .action-your-details input[type="email"] {
    width: 100%;
}
.action-petition .campaign-action-title, .action-email .campaign-action-title, .action-pledge .campaign-action-title {
    font-size: 20px;
    line-height: 28px;
}

.campaign-action-wrapper .campaign-action-responses .response-counter {
    font-size: 28px;
}
.campaign-action-wrapper .campaign-action-responses .response-count {
    font-size: 24px;
}
#campaign-action .take-action-button, #campaign-donate .take-action-button, #campaign-action .action-submit, .take-action .action-submit {
    font-size: 20px;
}
.about .about-intro {
    width: 100%;
    float: none;
    font-size: 1.3em;
    line-height: 1.5em;
}
.about .about-img {
    float: none;
    width: 90%;
    margin: 30px auto;
}
.about .about-menu li a {
    margin: 2px 0;
}
.about .about-menu li.break::after {
    display: block;
    content: ' ';
}
.team .box-standard {
    padding: 7px;
}
.team .team-member {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 13px;
}
.team .team-member img {
    float: left;
    width: 38%;
    margin: 0 12px 5px 0;
}
.team .team-member-main, .team .team-member-extra { 
    float: none;
    width: 100%;
}
.team #content .team-member-support p {
    text-align: left;
}
.team .team-member h4 {
    font-size: 17px;
}
.team .team-member-position {
    font-size: 15px;
}
#tour-wrapper .indv-tour .action-gradient {
    background-image: linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 70%), linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-webkit-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 70%), -webkit-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-moz-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 70%), -moz-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-ms-linear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 70%), -ms-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-olinear-gradient(to left, rgba(0,0,0, 0) 10%,rgba(0,0,0, 1) 70%), -olinear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
}

#tour-wrapper .indv-tour .action-section-1 {
    background-position: center left -200px;
}
#tour-wrapper #breadcrumbs {
    margin-bottom: 20px;
}
#tour-wrapper h1.tour-title {
    font-size: 24px;
    line-height: 30px;
}
#tour-wrapper .tour-byline {
    font-size: 16px;
    line-height: 22px;
}
#tour-wrapper .tour-description, #tour-wrapper .tour-description p {
    font-size: 13px;
}
#tour-wrapper .tour-facility legend {
    font-size: 14px;
}
#tour-wrapper .vt-left, #tour-wrapper .vt-right {
    padding: 60px 20px 20px;
}
#tour-wrapper .vt-left {
    width: 70%;    
}
#tour-wrapper .vt-right {
    width: 25%;
}
#tour-wrapper .tours-home .action-section-1 {
    background-position: center right -150px;
}
#tour-wrapper .tours-home .action-gradient {
    background-image: linear-gradient(to left, rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 80%), linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-webkit-linear-gradient(to left, rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 80%), -webkit-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-moz-linear-gradient(to left, rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 80%), -moz-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-ms-linear-gradient(to left, rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 80%), -ms-linear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
    background-image:-olinear-gradient(to left, rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 80%), -olinear-gradient(to bottom, rgba(0,0,0, 0) 80%,rgba(0,0,0, 0.9) 98%);
}
#tour-wrapper .vt-right img {
    max-width: 100%;
}
.editorials.who-we-fight-for td {
    padding: 15px;
    width: 100%;
    display: block;
}
.editorials.who-we-fight-for td iframe {
    width: 100%;
    height: 250px;
}
.general-content .photo-right {
    float: none; 
    width: 100%; 
    max-width: none; 
    margin: 0 0 20px 0;
}
.upload .upload-details .categories ul li {
    min-width: 32%;
}
.upload .upload-details .species ul li {
    min-width: 23%;
}
.investigation-item, .investigation-item .investigation-image {
    min-height: inherit;
}
.investigation-item .investigation-video, .investigation-item .investigation-details {
    float: none;
    width: 100%;
}
.investigation-item .investigation-details .facility-infobox, .investigation-item .investigation-details .facility-infobox.half-size {
    width: 100%;
    margin: 0 auto 20px;
}
.investigation-item .investigation-title {
    font-size: 16px;
}
.investigation-item .investigation-date {
    font-size: 14px;
}
#dmat-description .dmat-image-wrapper {
    float: none; 
    margin: 0 0 20px 0;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 540px) {
     #header .video-wrapper {
        height: 210px;
        overflow: hidden;
    }
    #header video {
        height: 100%;
        width: auto;
    }
    #campaign-banner.no-video > .container {
        padding-bottom: 10px;
    }
    #campaign-banner-description .campaign-external-btn {
        font-size: 14px;
    }
    #campaign-banner-description .campaign-external-btn span {
        font-size: 18px;
    }
	.kb .itemloader-wrap .item-block {
		width: Calc(100% / 3 - 1px);
		margin-right: 1px !important;
	}
    .take-action.vic-pig-inquiry .action-section-primary-video .video-container {
        padding: 0;
        height: 230px;
    }
    .upload .upload-details .categories ul li {
        min-width: 48%;
    }
    .upload .upload-details .species ul li {
        min-width: 32%;
    }
}
@media only screen and (max-width: 500px) {
	.kb:not(.kb-home) #sidebar:not(.open) {
		display: none;
	}
	.kb:not(.kb-home) article.box {
		width: 100%;
		float: none;
	}
	
	.kb:not(.kb-home) #sidebar.open {
		width: 40%;
	}
	.kb:not(.kb-home) #sidebar.open + article.box {
		width: 60%;
		float: right;
	}
	
	.kb:not(.kb-home) .box-standard h2 {
		padding-left: 48px;
	}
	
    .kb:not(.kb-home) #main-wrapper #breadcrumbs .kb-nav {
        display: inline-block;
    }
    
	.kb:not(.kb-home) .kb-nav-button {
		display: block;
		position: absolute;
		top: 20%;
		left: 5px;
		width: 35px;
		height: 30px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 2;
		text-indent: -9999px;
	}
	.kb:not(.kb-home) .kb-nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.kb:not(.kb-home) .kb-nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}
	
	.account #sidebar:not(.open) {
		display: none;
	}
	.account #content {
		width: 100%;
		float: none;
	}
	
	.account #sidebar.open {
		width: 40%;
	}
	.account #sidebar.open + #content {
		width: 60%;
		float: right;
	}
	
	.account #content .box-standard h2 {
		padding-left: 48px;
	}
	
	.account .acc-nav-button {
		display: block;
		position: absolute;
		top: 20%;
		left: 5px;
		width: 35px;
		height: 30px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 2;
		text-indent: -9999px;
	}
	.account .acc-nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.account .acc-nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}
	
	
	
	.upload-type-selection a {
		width: 100%;
	}
	.upload-type-selection a .type-text {
		width: 55%;
	}
	.upload-type-selection a .type-name {
		font-size: 15px;
	}
	.upload-type-selection a .type-description {
		font-size: 12px;
		line-height: 15px;
	}
	.upload-type-selection a .icon {
		width: 37%;
		margin-right: 10px;
	}
	.upload-type-selection a .icon img {
		width: 100%;
	}
	.upload-list .upload-block .upload-preview, .upload-list .upload-block .upload-details {
		float: none;
		width: 100%;
	}
	#campaign-featured-videos .featured-video {
		width: 100%;
	}
	#campaign-featured-videos .featured-video .img-wrap {
		height: 200px;
	}
	#donate-card .donate-amount {
		width: 50%;
	}
    
    #campaign-tiles .campaign-tile .tile-label {
        margin: 10px;
    }
    #campaign-tiles .campaign-tile .tile-label .label-title2 {
        font-size: 17px;
		line-height: 16px;
		margin-bottom: 3px;
    }
	#campaign-tiles .campaign-tile.long-label .tile-label .label-title2 {
        font-size: 13px;
        line-height: 15px;
    }
    #campaign-tiles .campaign-tile .tile-label .label-desc2 {
        font-size: 11px;
        line-height: 16px;
    }
	
	.home-news .home-article-title {
		font-size: 11px;
		line-height: 1.2;
	}
	#footer .footer-column p, #footer .footer-column a {
		font-size: 11px;
	}
	.mini-footer.expanded #footer p {
		font-size: 11px;
		line-height: 1.3;
	}
	.mini-footer.expanded #footer-logo {
		text-align: center;
		margin-bottom: 5px;
	}
	.mini-footer.expanded #footer-logo img {
		height: 60px;
		width: auto;
	}
	.mini-footer.expanded #footer .footer-column {
		min-height: auto;
		margin-bottom: 0;
	}
	.mini-footer.expanded #footer .footer-column a {
		margin-bottom: 0;
	}
	.mini-footer.expanded #footer .footer-column h3 {
		margin-top: 1em;
	}
	.mini-footer.expanded #footer-social i {
		margin: 1px;
		font-size: 2em;
	}
	.home #header .header-logo img {
		height: 60px;
		min-height: auto;
	}
	#campaign-list .campaign-item .campaign-heading {
		margin-bottom: 30px;
	}
	#mini-footer p {
		display: none; 
	}
	.full-width .use-sidebar #sidebar {
		max-width: 220px;
	}
	.full-width .use-sidebar #content {
		width: Calc(100% - 220px);
	}
	.gallery #sidebar fieldset li.w50 {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-left: 0 none !important;
	}
	.full-width #sidebar h1 {
		font-size: 13px;
		padding: 0 12px;
		margin-bottom: 5px;
	}
	.full-width #sidebar, .full-width #sidebar p {
		font-size: 10px;
	}
	.map #sidebar ul {
		padding-left: 15px;
	}
	.upload-photos .upload-details .categories ul li {
		min-width: 48%;
	}
    #home-map .home-map-image, #home-tour .home-tour-image {
        height: 220px;
    }
    #main-wrapper #breadcrumbs {
        font-size: 1em;
    }
    .view-facility .facility-tabs li a, .view-company .company-tabs li a {
        padding: 3px 6px;
        min-width: 60px;
    }
    .view-facility .facility-cover-photo, .view-company .company-cover-photo {
        height: auto;
    }
    .view-facility .facility-cover-photo h1, .view-company .company-cover-photo h1 {
        font-size: 18px;
        line-height: 24px;
    }
    .view-facility .facility-cover-photo .facility-cover-location {
        font-size: 13px;
        margin-top: 5px;
    }
    .view-facility .facility-cover-photo .facility-cover-text-wrapper, .view-company .company-cover-photo .company-cover-text-wrapper {
        padding: 27px 15px 20px 15px;
    }
    .view-facility .facility-cover-buttons a, .view-company .company-cover-buttons a {
        font-size: 10px;
        line-height: 16px;
        padding: 4px;
    }
    .box-content p, .box-content ul, .box-content table, .view-facility .facility-meta, .view-company .company-meta, .view-photo .photo-meta2 table, .view-video .video-meta2 table, .view-document .document-meta2 table, .view-material .material-meta2 table, .view-facility .facility-meta table, .view-company .company-meta table {
        font-size: 11px;
        line-height: 18px;
    }
    .view-photo .photo-meta2 table tr td, .view-video .video-meta2 table tr td, .view-document .document-meta2 table tr td, .view-material .material-meta2 table tr td, .view-facility .facility-meta table tr td, .view-company .company-meta table tr td, .item-admin tr td {
        padding: 3px 5px;
    }
    .view-photo .photo-meta2 table tr td:first-child, .view-video .video-meta2 table tr td:first-child, .view-document .document-meta2 table tr td:first-child, .view-material .material-meta2 table tr td:first-child, .view-facility .facility-meta table tr td:first-child {
        font-size: 11px;
        width: 95px;
    }    
    .view-photo .photo-meta2 .tag, .view-photo .photo-meta2 .ctg, .view-video .video-meta2 .tag, .view-video .video-meta2 .ctg, .view-document .document-meta2 .tag, .view-document .document-meta2 .ctg, .view-material .material-meta2 .tag, .view-material .material-meta2 .ctg, .view-facility .facility-meta .tag, .view-facility .facility-meta .ctg, .view-company .company-meta .tag, .view-company .company-meta .ctg, .asset-details .ctg, .asset-details .tag {
        font-size: 11px;
        padding: 2px 5px;
    }
    .view-facility .facility-meta, .view-company .company-meta {
        padding: 10px 7px;
    }
    #main-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 1.5em;
    }
    .box-standard {
        padding: 8px;
    }
    .my-uploads h4:first-child, .my-uploads .my-uploads-outer-wrap h4.my-uploads-group-title, .itemloader h4:first-child, .itemloader .itemloader-outer-wrap h4.itemloader-group-title, .view-facility .itemloader-types h4, .view-company .itemloader-types h4 {
        font-size: 16px;
    }
    .my-uploads h4.long-title, .itemloader h4.long-title {
        font-size: 15px;
    }
    .my-uploads .my-uploads-padding, .itemloader .itemloader-padding {
        padding: 3px;
    }
    .my-uploads h4 a.upload-view-all, .itemloader h4 a.upload-view-all, .my-uploads h4 a.upload-add, .itemloader h4 a.upload-add {
        font-size: 11px;
        line-height: 17px;
        top: auto;
        bottom: 3px;
    }
    .my-uploads h4 a.upload-view-all, .itemloader h4 a.upload-view-all {
        right: 75px;
    }
    .view-facility .news-list li .news-title, .view-company .news-list li .news-title {
        font-size: 13px;
    }
    .view-facility .news-list li .news-details, .view-company .news-list li .news-details {
        font-size: 12px;
    }
    .home-news-campaign .home-article-date {
        letter-spacing: -1px;
    }
}

@media only screen and (max-width: 440px) {
	#info .login-bar-links {
		display: block;
		float: none;
		text-align: center;
		margin-top: 3px;
	}
	#info .login-bar-links a {
		display: inline-block;
		padding: 1px 2px;
		margin: 0 2px;
	}
	#info .login-bar-links span {
		display: inline-block;
	}
	#info input#login-user, #info input#login-pass {
		width: Calc((100% - 70px) /2);
		line-height: 14px;
	}
	#info input#login-button {
		width: 50px;
		padding-left: 4px;
		padding-right: 4px;
		margin-right: 0;
		line-height: 15px;
	}
	.kb-home .category-block {
		width: 49%;
		margin: 0 0.5% 15px 0;	
		
	}
	.home #category-grid .category-block .category-buttons-lower a:nth-child(1), .home #category-grid .category-block .category-buttons-lower a:nth-child(2) {
		width: 100%;
	}
	.home #category-grid .category-block .category-buttons-lower a {
		height: 20px;
		line-height: 15px;
	}
	.home #category-grid .category-block .category-name, .kb-home .category-block .category-name {
		font-size: 12px;
	}
	.home #category-grid .category-block .category-buttons-upper a div {
		font-size: 13px;
	}
	.home #category-grid .category-block .category-buttons-lower a div {
		font-size: 11px;
	}
	
	.my-uploads .my-uploads-wrap .upload-block, .itemloader .itemloader-wrap .item-block {
		max-width: 150px;
		min-width: 120px;
		width: 32.5%;
		margin-right: 1% !important;
	}
    .my-uploads .my-uploads-wrap .upload-block:nth-child(3n), .itemloader .itemloader-wrap .item-block:nth-child(3n), .itemloader .itemloader-wrap .item-block.final-as-more, .my-uploads .my-uploads-wrap .upload-block.final-as-more {
		margin-right: 0 !important;
    }
	#campaign-locations .featured-location-description {
		font-size: 12px;
		line-height: 16px;
	}
	body:not(.home) #header .header-logo {
		left: -20px;
		height: 95%;
		top: 2px;
	}
    .home h3.main {
        font-size: 16px;
        line-height: 1.2;
    }
    #home-prominent-strip p {
        font-size: 11px;
        line-height: 1.2;
    }
    .my-uploads .my-uploads-wrap .upload-block, .itemloader-wrap .item-block {
        font-size: 10px;
        height: 130px;
    }
    .my-uploads .my-uploads-wrap .upload-block .upload-details, .itemloader-wrap .item-block .item-details {
        height: 30px;
        line-height: 13px;
    }
    .my-uploads .my-uploads-wrap .upload-block .upload-img-wrap, .itemloader-wrap .item-block .item-img-wrap {
        height: Calc(100% - 30px);
    }
    .item-block.final-as-more .final-view-more a {
        font-size: 13px;
    }
    
}