/*************************
Theme: West Midlands Resilience Forum
Version: 18/03/2024
Contact: webeditors@coventry.gov.uk

Primary colour

Navy #262262
Grey: #9d9c9c
Secondary

Pink: #e5007d
Redorange: #e6332a
Green: #3aa935
Mustard: #f39200

Font: Lato, back

*************************/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	hyphens: none;
	color: #262262;
}

.outer-container, .pagination__list, .nav--pages-in .nav__heading, .nav--pages-in .nav__toggle, .nav--pages-in .nav__list, .container {
    max-width: 1400px;
}

#content {
	background: #EFEFEF;
	margin: 0;
}

/** text **/

h1, h2, h3, h4, h5 {
	font-family: 'Lato', san-serif;
	color: #262262;
}
h1, h2 {
    border-bottom: solid #e6332a 0.2em;
}

h2.service__heading {
 border-bottom: none;
}
p {
	margin: 1em;
    font-size: 1.2em;
}

strong {
	color: inherit;
	font-weight: 600;
}	

blockquote {
	background-color: #9d9c9c;
}

/** header **/

.site-header {
	background: #262262;
}

.page-header {
	padding: 0.2em 0 1em 0;
}

.page-header, .page-header h1 {
 background: #262262;
 color: white;
}

.nav .list__link {
    font-size: 1.1rem;
}

.identity__logo {
	width: 22rem;
}

/** footer **/

.site-footer {
	background: #262262;
}

.nav--social-links .list__link {
    background-color: #262262;
}
.nav--sponsor-links .list__item .sponsor__image {
 border: none;
 height: auto;
}

.sponsor__image {
	margin-bottom: 1em;
}

/** links **/

a:hover {
	text-decoration: underline #e6332a solid 0.2rem !important;
}

.list__item a {
	color: white;
}

.download__meta-list {
	color: #4c2c92;
}

.image-link {
	border-bottom: none;
}


input[type="button"]:focus,
input[type="submit"]:focus,
a:focus { outline: 2px dotted #262262; }

input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		background-color: #262262;
	}

/** Images **/ 
.page-content .image {
	border: 0.2em solid white;
	display: inline-flex;
}

.widget-image {
	position: relative;
    text-align: center;
    color: white;
	margin: 1em;
}

.image.right {
	padding: 0;
}

.widget-image .image__caption {
text-align: center;
    background-color: #262262;
    color: white;
    border-radius: 0.2em;
    font-size: 1.2em;
    padding: 1em;
    padding-bottom: 1em;
    line-height: 1.2em;
    position: absolute;
    bottom: 1em;
    left: 1em;
}

.widget-image .image__caption p, .listing__summary p {
	border-radius: 0.2em;
    background: #262262;
    color: white;
    text-align: center;
    padding: 1em;
    border: 0.2em solid #262262;
}

.widget-image .image__caption:hover {
 background: #262262;
 color:white;
 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.image-link, .caption__wrapper .image-link {
	margin: 0;
}

.image-link:hover .image__caption, .image-link:focus .image__caption, .image-link:active .image__caption {
	color:white;
}

.listing__image {
    float: right;
    margin: 0 0 0 2rem;
    width: 12.5rem;
}

/** table **/

.data-table th, .page-content table:not([class]) th {
	background-color: #262262;
    color: white;
}

/** lists **/

li::before {
   background-color: #262262 !important;
}

ol li {
 	list-style: auto;
}

.editor ol li::before {
	content: none !important;
}

/** Buttons **/

button, .button, .button:visited, .form__label--upload, .form__label--image-upload, .button--primary, .calendar--event-booking .calendar__dates .form__radio:checked+.button, .form__dropzone .form__dropzone-upload-button, .form__footer .button--secondary, .supplement .button, .supplement--contact .list--navigation .list__item .list__link, .widget-directory-search .form__control:first-of-type .button, .widget--myaccount-sign-in a, .widget--myaccount-api-links a, .widget--myaccount-organisation-account-links a, .widget--myaccount-organisation-links a, .form__label--upload:visited, .form__label--image-upload:visited, .button--primary:visited, .calendar--event-booking .calendar__dates .form__radio:checked+.button:visited, .form__dropzone .form__dropzone-upload-button:visited, .form__footer .button--secondary:visited, .supplement .button:visited, .supplement--contact .list--navigation .list__item .list__link:visited, .widget-directory-search .form__control:first-of-type .button:visited, .widget--myaccount-sign-in a:visited, .widget--myaccount-api-links a:visited, .widget--myaccount-organisation-account-links a:visited, .widget--myaccount-organisation-links a:visited, supplement .button:visited, supplement .button:visited {
	color: #9d9c9c;
    font-size: large;
	font-family: 'Lato', san-serif;
	background-color:#262262
}

.button.alt, .button.primary {
	background-color: #262262;
}

.button a {
	color: white;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {
    background-color: #262262;
}
.button.primary:hover, .button:hover {
	background-color: #262262;
}

/** Widgets **/

@media screen and (min-width: 769px) {
.widget-row {
    margin-bottom: 2.25rem;
}
}

/** Image and text **/

.ImageText {
	background-color: white;
	padding: 1em;
	margin-bottom: 2em;
	border: 1px solid #262262;
	box-shadow: 2px 2px 10px 2px grey;
	text-align: center;
}

.text { text-align: center; }

.text h2 {
	font-size: 1.5em;
}

.text p.button {
	font-size: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.2em;
	background-color: #262262;
	color: white;
}


/*Navigation widget */

.widget-navigation .list__heading {
 color: white !important;
}
.boxed--primary, .widget-navigation .list__link, .card {
    background-color: #262262;
    border: 1px solid #262262;
}

.widget-navigation .list__link:hover, .widget-navigation .list__link:focus, .widget-navigation .list__link:active, .card:hover, .card:focus, .card:active {
    background-color: #262262;
    border-color: #262262;
    text-decoration: none;
}

/* Boxbutton */

.boxbutton {
	box-shadow: 2px 2px 10px 2px grey;
	padding: 1em;
	border: 0.11em solid #262262;
	text-align: center;
	background-color: #262262;
	color: white;
}

.boxbutton h2, .boxbutton h3, .boxbutton p {
 color:white;
}
/* Action box */

div.action-box {
background: #262262;
text-align: center;
color: white;
border-radius: 0.2em;
padding: 0.5em;
margin-bottom: 2em;
}

div.action-box a h2
{
padding:0.3em;
margin:0;
font-size:1.75em;
color: white;
border-bottom: none;
}

div.action-box a h3
{
font-size:1.25em;
color: white;
}

div.action-box a p
{
font-size:1em;
color: white;
}

div.action-box:hover
{
transition: background-color .2s ease-out;
background: #262262;
border-radius: 0.2em;

}

div.action-box a:hover
{
text-decoration: none;
}

/** Accordion **/

.accordion__tab-heading {
	font-size: 1.3rem;
	text-align: left;
}

.accordion__toggle[aria-expanded="true"]:hover .accordion__tab-heading, .accordion__toggle[aria-expanded="true"]:active .accordion__tab-heading, .accordion__toggle[aria-expanded="true"]:focus .accordion__tab-heading {
    background-color: #e6332a;
    color: #fff;
}

.accordion__toggle {
    background-color: #e6332a;
}

.accordion__toggle-content {
    background-color: rgba(255,255,255,0.6);
}
.accordion__toggle[aria-expanded="true"] {
    background-color: white;
}

.accordion__toggle:hover, .accordion__toggle:focus, .accordion__toggle:active {
    background-color: #262262;
}

/** YouTube **/

.divyoutube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.iframeyoutube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** contact supplement **/

.supplement {
	background: #EFEFEF;
}
.supplement__content {
    border: 0.2em solid #262262;
    padding: 1em;
}