/* === Colours (reference) */
/* 
	Black: #3c3c3b 
	Grey: #71706f
	White: white
	Yellow: #f2d63a
	Red: #d51b1b

	Tints light->dark
	#fbfaf8 #f4f2f2 #eeeae9 #d5d0cf

	Shadow 
	#f1f0f3

*/


/* === Fonts */

/* note: must be first in file */
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

@font-face {
	font-family: 'DIN Alternate Bold';
	font-style: normal;
	font-weight: normal;
	src: local('DIN Alternate Bold'), url('/wp-content/themes/uvw/fonts/DINAlternate-Bold.woff') format('woff');
}

html {
	scroll-behavior: smooth;
	font-size: 18px;    /* sets 1rem */
}

body {
	font-family: 'DIN Alternate Bold', sans-serif;
	color: #3c3c3b;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-family: 'Fredoka One', sans-serif;
	font-size: 2em;
	text-transform: uppercase;
}


h2 {
	font-size: 2em;
	text-transform: uppercase;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-family: 'Fredoka One', sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
}

h5 {
	color: #71706f;
}

@media (max-width: 600px) {

	.events h5 {
		display: inline;
	}

	.events h5 + p {
		float: right;
		margin-bottom: 0.5em;
	}

}

h6 {
	font-family: 'Fredoka One', sans-serif;
	font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal !important;
}

.text-mid {
	font-size: 0.85em;
	text-transform: uppercase;
}

small {
	font-size: 0.6em;
	line-height: 1.2em;
	display: inline-block;
}

@media (max-width: 600px) {
	h1, h2 {
		font-size: 1.5em;
	}
}

.news-post h1 {
	font-size: 1.5em;
}


/* === Temp */

/* hide PT from lang switcher until more pages are ready */
.lang-item-pt {
	display: none;
}


/* === Top bar (logo, language, menu button) */

.bg-transparent-tint {
	padding-top: 1em !important;
}

@media (min-width: 600px) {
	.bg-transparent-tint {
		padding-left: 3em;
		padding-right: 3em;
		padding-top: 2em !important;
	}
}

.bg-transparent-tint #logo-white {
	width: 400px;  
	height: auto;
}

#logo-white, #logo-black {
	padding-right: 10px;
}

.topbar-buttons {
	padding-top: 7px;
} 

.topbar-buttons .btn {
	color: white;
	transition: .5s ease color;
}

.navbar-bg .topbar-buttons .btn {
	color: #3c3c3b;
	transition: .5s ease color;
}

.navbar-bg .topbar-buttons .btn svg path {
	fill: #3c3c3b;
	transition: .5s ease fill;
}

.topbar-buttons .btn:focus {
	box-shadow: none;
}

.topbar-buttons .btn:hover {
	color: #f2d63a;
	transition: .5s ease color;
}

.topbar-buttons .btn:hover svg path {
	fill: #f2d63a;
	transition: .5s ease fill;
}

.topbar-spacer {
	margin-top: 150px;
}



.navbar-bg {
	background-color: #fbfaf8;
	box-shadow: -2px 2px 2px 0px #f1f0f3;
}

@media (min-width: 600px) {
	.navbar-bg {
		padding-left: 3em;
		padding-right: 3em;
	}
	#language-button {
		padding-right: 1.5em !important;
	}
}

.bg-transparent-tint {
	background-color: transparent;
	background: linear-gradient(0deg, rgba(60,60,60,0) 0%, rgba(60,60,60,0.25) 50%, rgba(60,60,60,0.5) 100%);
}

.bg-fade {
	transition: 1s ease background-color, 1s ease padding;
}

.preload * {
	transition: none !important;
}

.navbar {
	padding: 0;
}

.menu-language-switcher {
	border: 1px solid #e2e6ea;
	border-top: 0px;
	background-color: #fbfaf8;
	padding: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: absolute;
	box-shadow: 2px 2px 2px 0px #f1f0f3;
	text-transform: uppercase;
	top: 51px;
}

.bg-transparent-tint .menu-language-switcher {
	top: 63px;   /* set twice in case no calc() */
	top: calc(45px + 1em);  
}

@media (min-width: 600px) {
	.bg-transparent-tint .menu-language-switcher {
		top: 81px;  
		top: calc(45px + 2em);      
	}
}

.menu-language-switcher li {
	list-style-type: none;
	padding: 0.5em 2em 0.5em 2em;
	font-size: 0.85em;
}

.menu-language-switcher li a {
	color: #3c3c3b;
}

.topbar-buttons .btn-light {
	font-size: 0.85em;
	border-radius: 0;
	box-shadow: 2px 2px 2px 0px #f1f0f3;
} 


/* === Off-canvas menu */

body {
	overflow-x: hidden;
}

#offcanvas {
	background-color: #d51b1b;
	color: white;
	padding: 2em;
	position: fixed;
	height: 100%;
	z-index: 9999;
	width: 300px;
	top: 0px;
	right: 0px;
	transform: translate3d(300px, 0, 0); /* offscreen */
	transition: .5s ease transform;
	overflow-y: auto;
}

#offcanvas.open {
	transform: translate3d(0, 0, 0);
}

#fader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	width: 100vw;
	background-color: rgba(0,0,0,0.5);
	z-index: 2000;
	display: none;
}


#offcanvas .menu {
	list-style-type: none;
	padding-left: 0px;
}

#offcanvas .menu-item {
	margin-bottom: 0.75em;
}

#offcanvas .menu-item a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	text-transform: uppercase;
}

#offcanvas .menu-item a:hover {
	color: #f2d63a;
	text-decoration: none;
	border-bottom: 1px solid #f2d63a;
}

/* === Links */

a {
	color: #3c3c3b;
}

.main a:hover {
	color: #f2d63a;
	text-decoration: none;
	border-bottom: 1px solid #f2d63a;
}

p a, .main li a {
	border-bottom: 1px solid #3c3c3b;
}

p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #f2d63a;
}

.highlight-yellow a:hover {
	color: #3c3c3b;
	border-bottom: 1px solid #3c3c3b;
}

.highlight-yellow figure a:hover {
	border-bottom: none;
}


/* === Grid */

.container {
	max-width: 70em;   /* wider margins */
}

.wide-page-type3 > .wp-block-columns, .wide-page-type3 > h1, .wide-page-type3 .page-title-container {
	/* direct child only */
	max-width: 70em;
	margin: auto;
}

.wide-page-type3 > .wp-block-columns, .wide-page-type3 .page-title-container {
	padding-left: 1em;
	padding-right: 1em;
}

/* .constrain-width > * {
	max-width: 50em;
} */
.constrain-width {
	max-width: 50em;
}

/* === Buttons and inputs */

.btn-primary, 
.wp-block-button__link {
	background-color: #f4f2f2;
	border: 1px solid #3c3c3b;
	border-radius: 0px;
	color: #3c3c3b !important;
	text-transform: uppercase;
	font-size: 0.85em;
	box-shadow: 2px 2px 0px 0px #c1c0c0;
	/* padding: 0.25em 0.25em; */
	min-width: 8em;
	max-width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus {
	background-color: #f2d63a !important;
	border-color: #3c3c3b !important;
	color: #3c3c3b !important;
}


.form-control {
	border-radius: 0px;
	border: 1px solid #3c3c3b;
	height: 1.7em;
	font-size: 0.9em;
	padding: 0.9em;
}

.highlight-yellow .form-control {
	margin-top: -11px;
}


/* === Highlights */

.wp-block-group {
	padding-top: 4em;
	padding-bottom: 4em;
}

.wp-block-group.side-box {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	box-shadow: 5px 5px 10px 0px #c1c0c0;
}

.highlight-yellow, .highlight-red {
	/* less padding for colour highlights */
	padding-top: 2em;
	padding-bottom: 2em;
}

.highlight-grey {
	background-color: #f4f2f2;
}

.side-column {
	background-color: #f4f2f2;
	padding: 1.5rem !important;
} 

/* this is so you can set both side-column and bg-yellow */
.bg-yellow {
	background-color: #f2d63a;
}

.highlight-dark-grey {
	background-color: #eeeae9;    
}

.highlight-yellow {
	background-color: #f2d63a;
}

.highlight-red {
	background-color: #d51b1b;
	color: white;
}

.highlight-red.newsletter {
	padding-bottom: 1em;    /* stop small para pushing it too far down */
}

.wp-block-column.side-column {
	box-shadow: 5px 5px 10px 0px #c1c0c0;
}

/* === Front page specific styles */

#front-page-video {
	background-color: lightgrey;
	height: 100%;
	height: 100vh; 
	overflow: hidden;
}

#front-page-video video {
	height: 100%;
	height: 100vh;
	width: 100%; 
	width: 100vw; 
	object-fit: cover;
}

.top-news-area {
	position: absolute; 
	bottom: 3em;
	right: 2em; 
	color: white;
}

.top-news-area a {
	color: white;
}

@media (min-width: 600px) {
	.top-news-area {
		right: 10em;
	}
}

.top-news-area h4 {
	margin-bottom: 0px;
}

.learn-more-link {
	text-align: left;
}

@media (min-width: 1100px) {
	.learn-more-link {
		/* align into the space in the h1 slogan */
		width: 50em;
		text-align: right;
		margin-top: -2.2em;
	}
}

.input-pound {
	padding-left: 1.5em;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='3em' width='100px'><text x='10' y='30' fill='3c3c3b' font-size='18px' font-family='sans-serif'>\00A3</text></svg>");
	background-repeat: no-repeat;
}


/* === Quotes */

.front-page-quote, .large-quote {
	line-height: 1.2em;
}

.large-quote {
	margin-bottom: 2em;
}

.wp-block-quote p, .wp-block-pullquote p {
	font-size: 1.375rem;
	line-height: 1.2em;
	margin-bottom: 0.25em;
}

.wp-block-quote cite, .wp-block-pullquote cite {
	font-size: 16px;
	font-style: normal;
}

.wp-block-pullquote {
	text-align: left;
}


.has-normal-font-size {
	line-height: 1.4em;
}

.highlight-yellow h4 {
	margin-bottom: 0px;
}


@media (max-width: 599px) {
	.donate-block .wp-block-column {
		flex-basis: auto !important;
	}
	.donate-block .form-control {
		max-width: 50%;
		max-width: 50vw;
	}
}

/* === Wide page special styles */

.wide-page .wp-block-column.side-column {
	height: max-content;
}

.wide-page h1, .wide-page-type2 h1, .archive > .container h1 {
	margin-bottom: 2em;
}

.wide-page .side-column h3 {
	margin-top: 1em;
}

.wide-page .side-column .wp-block-buttons,
.wide-page .side-column .wp-block-button {
	margin-bottom: 0em;
}

.wide-page h3 {
	clear: both !important;
	margin-top: 1em;
}

.wide-page .wp-block-group h3 {
	margin-top: 0em;
}


.wide-page h3, .wide-page-type2 h3 {
/* why do this? it's to compensate for the fixed navbar, so #anchor links jump to the right place */
/* this means 20px padding above remains */
	padding-top: 100px !important; 
	margin-top: -80px !important;
}

.wide-page .side-column .wp-block-image {
	margin-bottom: 0em;
}

.wide-page .highlight-grey {
	margin-top: 2em;
	margin-bottom: 2em;
}

.fullwidth {
	margin-left: -3rem;
	margin-right: -3rem;
}

.fullwidth .wp-block-group__inner-container {
	max-width: 75em;
}

.pull-to-bottom {
	margin-bottom: -3rem !important;
}

.page-title-container h1.page-title {
	margin-bottom: 0.5em;
}

.page-title-container h2.page-excerpt {
	margin-bottom: 3em;
	text-transform: initial;
	font-size: 1.2em;
}

/* === Search (on category pages) */

.category-search label {
	position: relative;
	width: 100%;
}

.category-search label:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 0;
	bottom: 0;
	width: 1em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='grey' /%3E%3C/svg%3E") center / contain no-repeat;
}

.category-search input {
	padding-left: 2em;
} 

.btn[data-toggle="collapse"]:focus {
	box-shadow: none;
}

/* === Know Your Rights */

.know-your-rights-menu ul.menu {
	padding-left: 0em;
}

.know-your-rights-menu li {
	text-transform: uppercase;
	list-style-type: none;
	line-height: 2.5em;
}

/* .current_page_item and .current_page_parent are WP builtins */
.know-your-rights-menu .current_page_item > a,
.know-your-rights-menu .current_page_parent > a {
	background-color: #f2d63a;
	padding: 0.25em 0.5em;
	margin-left: -0.5em;
	border-bottom: 0px;
}

.know-your-rights-menu .current_page_item > a:hover,
.know-your-rights-menu .current_page_parent > a:hover {
	color: #3c3c3b;
}

/* these two rules together mean that only the tree we're currently in will be expanded */ 
.know-your-rights-menu ul.sub-menu {
	display: none;
}
.know-your-rights-menu .current_page_item ul.sub-menu,
.know-your-rights-menu .current_page_parent ul.sub-menu {
	display: block;
}

.accordion .card-header {
	padding: 0rem;
}

.accordion .card-header button {
	padding: 0.5rem 1.25rem;
}

/* === Embeds */

.wp-block-audio figcaption {
	text-align: right;
	font-size: 0.85em;
	margin-top: 0em;
}

/* === Footer */

.highlight-red input.form-control,
.highlight-yellow input.form-control {
	border: none;
	height: 3em;
}

.highlight-red button.btn,
.highlight-red .wp-block-button__link,
.highlight-yellow button.btn,
.highlight-yellow .wp-block-button__link {
	height: 3em;
	/* padding: 12px 24px; */
}

.footer {
	background-color: #f4f2f2;
}

.footer a:hover {
	text-decoration: none;
	color: #3c3c3b;
	border-bottom: 1px solid #3c3c3b;
}

.footer .row {
	font-size: 0.8em;
}

.footer .menu {
	list-style-type: none;
	padding-left: 0px;
	text-transform: uppercase;
}

.footer .menu .menu-item {
	padding-bottom: 1em;
}

.footer .social-media a {
	background-color: #3c3c3b;
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

@media (max-width: 767px) {
	.footer {
		text-align: center;
	}
}

.subscribe-small-print {
	max-width: 12em;
}

/* === Posts index styles */

.runner {
	font-size: 0.8em;
	text-transform: uppercase;
}

.runner a {
	color: #6c757d;
	border-bottom: 0px;
}

.news-post h3 {
	text-transform: uppercase;
}

.news-only h4, .news-only h4 a {
	font-family: 'DIN Alternate Bold', sans-serif;
	text-transform: none;
}

.news-only .runner {
	margin-bottom: 0.5rem;
}

.index-image {
	/* specify this to force images narrower than 400px to display with same proportions as other images */
	width: 400px;
	height: 200px;
	object-fit: cover;
}

/* hide stray text next to resource download button, still show the button */
/* .wp-block-file a {
	display: none;
}
.wp-block-file .wp-block-file__button {
    display: inline;
    margin-left: 0em;
} */

/* === Single post (news) styles */

img.news-post-image {
	width: 100%;        /* in case max-content not supported */
	width: max-content;     
	object-fit: cover;
	max-height: 20em;  /* more 'letterbox' */
}

@media (max-width: 600px) {
	img.news-post-image {
		max-height: 50vw;  /* (nearly) 2:1 relative to (nearly) full width */
	}
}

/* === Horizontal scrolling image gallery */

.wp-block-gallery {
	margin-top: 2em;
}

.wp-block-gallery, .blocks-gallery-grid {
	flex-wrap: nowrap;
	overflow-x: scroll;
}

.wp-block-gallery .blocks-gallery-item {
	flex: 0 0 auto; 
	margin-right: 0px !important;
	/* border: 1px solid #3c3c3b; */
}

.wp-block-gallery::after {
	/* content: '▶'; */
	color: #71706f;
	padding-left: 5px;
	font-size: 2em;
}

.wp-block-gallery.columns-1 .blocks-gallery-item {
	width: auto;
}

/* === Events calendar */

.event-date {
	/* font-size: 1.1em; */
	word-wrap: normal;
	word-break: keep-all;
}

/* === Letter tool */

.icon-button svg {
	height: 16px;
	width: 16px;
}

/* === Misc mobile fixes */

@media (max-width: 600px) {

	.front-page-read-more {
		margin-top: -2.5em;
	}

	div.newsletter p.subscribe-small-print {
		max-width: 100%;
	}

	.wp-block-latest-posts li {
		padding-bottom: 2em;
	}

	.events h5 br {
		display: none;
	}

	.contact-form .nav-tabs {
		font-size: 0.8em;
	}

	.side-column {
		margin-bottom: 3em;
	}

	.wide-page, .wide-page-type2 {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}

	/* this needs to be subtracting the padding above */
	.fullwidth, .wide-page .donate-block {
		margin-left: -1em;
		margin-right: -1em;
	}

	.wp-block-spacer {
		max-height: 1em;
	}

	/* full width top logo on mobile for first part of front page only */
	.bg-transparent-tint .topbar .row {
		display: block;
	}
	.bg-transparent-tint .topbar .navbar-brand {
		margin-right: 0em;
	}
	.bg-transparent-tint .topbar .topbar-buttons {
		padding-left: 1em;
	}
	.bg-transparent-tint .menu-language-switcher {
		top: 165px;
		left: 2em;
	}

	.bg-transparent-tint .topbar .topbar-buttons {
		text-align: center;
		font-size: 1.2em;
	}

	.top-news-area {
		left: 1em;
	}

}

@media (max-width: 600px) {

	/* reduce space for mobile */ 

	.topbar-spacer {
		margin-top: 50px;
	}

	.page-title-container h2.page-excerpt {
		margin-bottom: 1em !important;
	}

	.mt-5 {
		margin-top: 2em !important;
	}

	.wp-block-spacer {
		height: 1px !important;
	}

	.wp-block-separator {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.wp-block-quote.p-5 {
		padding: 1em !important;
	}

}


/* === Wordpress editor styles */

/* 

	.block-list-appender {
		margin: 0px;
	}

	.block-list-appender .block-editor-button-block-appender {
		padding: 0px;
	}

	textarea.block-editor-default-block-appender__content {
		margin: 0px;
	}

	.block-editor-block-list__block {
		margin: 0px;
	}

	.wp-block h3, .wp-block h4 {
		clear: both !important;
	}

*/

/* fix double underline on links */
.wp-block a {
	text-decoration: none;
}

/* fix width of content editing area */
.wp-block {
	max-width: 90%;
}

/* fix height of side column (go all the way to bottom) */
.wp-block-columns>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="core/column"] {
	height: max-content;
}

/* set editor post title to match our headline styles */
.editor-post-title__block .editor-post-title__input {
	font-family: 'Fredoka One', sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 400;
	color: #3c3c3b;
}

/* fix width of Q&A expanders */
.card {
	max-width: 100%;
}

/* style quote blocks same as frontend */
.wp-block .wp-block-pullquote {
	border-top: none;
	border-bottom: none;
}
.wp-block .wp-block-quote {
	border-left: none;
	line-height: 1.2em;
	padding: 3rem;
}
.wp-block-quote__citation {
	font-size: 16px;
	font-style: normal;
	margin-top: 0.25em;
	color: #3c3c3b;
}
.wp-block-quote .block-editor-rich-text__editable>p:first-child {
	margin-top: 28px;
}


/* === Forms */

.contact-form label:not(.lc) {
	text-transform: uppercase;
}

.contact-form input::placeholder {
	text-transform: uppercase;
}

.contact-form input, .contact-form textarea {
	background-color: #fbfaf8;
}

.contact-form input:not([type="submit"]) {
	padding: 1.25em;
}

.contact-form .issues-list {
	font-size: 0.9em;
}

.contact-form select {
	display: block;
	padding: 0.6em 1em;
	width: 100%;
	max-width: 100%;
	background-color: #fbfaf8;
	border: 1px solid #3c3c3b;
	font-size: 0.9em;
	color: #495057;
}

.start-hidden {
	display: none;
}

.side-column ul {
	padding-left: 0em;
}

/* === Wordpress fixes */

/* fix for Wordpress adding empty p tags at end of pages */
p:empty {
	display: none;
}

.wp-block-image img {
	height: auto;
}

.wp-block-group__inner-container {
	max-width: 70em;
	margin: auto;
	padding: 1em 1em 0.5em 1em;
}

body.page .wp-block-columns {
	margin-bottom: 0px;
}

.wp-block-latest-posts__featured-image img {
	max-width: 100%;
}

.wp-block-latest-posts__featured-image a {
	border-bottom: none !important;
}




@media (min-width: 600px) {

	/* gutters */

	.wp-block-latest-posts.columns-2 li {
		width: 48.5%;
	}

	.wp-block-latest-posts.is-grid {
		justify-content: space-between;
	}

}

.wp-block-latest-posts {
	margin-bottom: 2em;
}

.wp-block-latest-posts.is-grid li {
	margin: 0em;
}

.wp-block-latest-posts__post-excerpt {
	font-size: 0.85em;
}

.wp-block-latest-posts__featured-image {
	margin-bottom: 1em;
}

.wp-block-latest-posts__post-date {
	margin-top: 0.5em;
}

.wp-block-image .alignleft {
	margin-right: 0.5em;
}

.container figure.wp-block-image {
	margin-top: 2em;
}

/* === Bootstrap */

.w-100 * {
	width: 100% !important;
}

/* === Wordpress core */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

/* fix - only alignright on desktop, causes text flow issues on mobile */
@media (min-width: 900px) {
	.alignright {
		float: right;
	}
	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}
}
@media (max-width: 900px) {
	/* override the block library one too */
	figure.alignright {
		float: none !important;
		margin: 0px !important;
	}
}

.alignleft {
	float: left;
}



a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}