@charset "UTF-8";
/*
Theme Name: Civea Conference
Theme URI: https://civeaconference.org
Author: WSA - The Communications Agency
Author URI: https://wsacommunications.co.uk
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------- */
/*
# Variables
# Typography
	## Headings
# Elements
	## Lists
	## Tables
# Forms
	## Fields
# Navigation
	## Links
	## Menus
# Accessibility
# Layout
	## Header
	## Footer
	## Sectioning & Structure
# Content
	## Booking
	## Gallery
# Media
*/


/* Variables */
/*--------------------------------------------------------------*/

html {
	font-family: 'Arial', sans-serif;
	font-size:100%;
	height:100%;
	line-height:1.5;
	overflow-x:hidden;
	width:100%;
}

*,
*:before, 
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

main * + * {
	margin-top: 1.5rem;
}

main h3 + p {
	margin-top: 0;
}

li, dt, dd, br, th, td {
	margin-top: 0;
}

/* Typography */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Headings
--------------------------------------------------------------*/

h1 {
	border-bottom:1px solid #e5461e;
	color:#e5461e;
	font-weight:400;
	padding-bottom:1.5rem;
}

.awards h1 {
	border-bottom: 1px solid e5461e;
	color: #e5461e;
}

h2 {
	font-weight:400;	
}

h3 {
	font-weight:400;
	text-transform:uppercase;
	color:#e5461e;
}

/* Elements */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/


li {
	margin-left:2rem;
}

/* Forms */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Fields
--------------------------------------------------------------*/

label {
	display:block;
	margin-top:1rem;
}

input, textarea {
	border:1px solid #000000;
	display:block;
	font-family: 'Arial', sans-serif;
	font-size:1em;
	line-height:1.5;
	margin-top:0.5rem;
	padding:1rem;
	width:100%;
}

.awards input, .awards textarea {
	border: 1px solid #000000;
}

input.wpcf7-calculator, input[name=total-for-10] {
	border: 0;
	color: #000000;
	font-size: 1.25em;
	font-weight: 700;
	margin-top: 0;
	padding: 0;
}

input[type=checkbox] {
	display:inline-block;
	margin-right:0.5rem;
	width:auto;
}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#e5461e;
	border:none;
	border-radius:0.25em;
	color:#ffffff;
	cursor:pointer;
	font-family: 'Arial', sans-serif;
	font-size:1em;
	font-weight:400;
	margin-top:3rem;
	padding:1rem;
	text-transform:uppercase;
	width:100%;
}

.awards input[type=submit] {
	background: #e5461e;
}

select::-ms-expand {
    display: none;
}

select {
	background:none;
	border:1px solid #e5461e;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size:1em;
	line-height:1.5;
	overflow:hidden;
	padding:1rem 3rem 1rem 1rem;
	position: relative;
	text-overflow:ellipsis;
	width:100%;
}

.awards select {
	border: 1px solid #662483;
}

@media only screen and (min-width:768px) {

	input[type=submit] {
		width:60%;
	}

}

@media only screen and (min-width:992px) {

	input[type=submit] {
		margin:3rem auto 0;
	}

}

@media only screen and (min-width:1200px) {

	input[type=submit]:hover, input[type=submit]:focus {
		background:#e5461e;
	}
	
	.awards input[type=submit]:hover, .awards input[type=submit]:focus {
		background:#e5461e;
	}

}

/* Navigation */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
 color:#e5461e;
}

.awards a {
	color: #e5461e;
}

a:focus, a:hover {
	color:#d7d7d7;
}

.awards a:focus, .awards a:hover {
	color:#d7d7d7;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

button#nav-toggle {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:none;
	border:none;
	cursor:pointer;
	height:2rem;
	position:absolute;
	right:1rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:2.5rem;
}

button#nav-toggle span, button#nav-toggle span:before, button#nav-toggle span:after {
	background:#d7d7d7;
	border-radius:1px;
	content:'';
	display:block;
	height:0.125rem;
	position:absolute;
	transition-duration:.22s;
	width:2rem; 
}

.awards button#nav-toggle span, .awards button#nav-toggle span:before, .awards button#nav-toggle span:after {
	background: #d7d7d7;
}

#nav-toggle span:before {
	top:-0.4375rem;
}

#nav-toggle span:after {
	bottom:-0.4375rem;
}

button#nav-toggle.is-active span {
	transition-delay:.12s;
	transition-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	transform:rotate(225deg);
}

button#nav-toggle.is-active span:before {
	top:0;
	transition:top .1s ease-out,opacity .1s ease-out .12s;
	opacity:0;
}

button#nav-toggle.is-active span:after {
	bottom:0;
	transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

nav {
	background:#e5461e;
	display:none;
	padding:2rem 1rem;
	position:relative;
	top:3.5rem;
	z-index: 10;
}

.awards nav {
	background: #e5461e;
}

nav ul li {
	list-style-type:none;
	margin-left: 0;
}

/* hamburger menu */

nav ul li a, .awards nav ul li a {
	color:#ffffff;
	display:block;
	padding:1rem;
	text-decoration:none;
	text-transform:uppercase;
}

nav ul li a:focus {
	background:#e5461e;
	color:#ffffff;
}

.awards nav ul li a:focus {
	background: #e5461e;
	color: #ffffff;
}

@media only screen and (min-width:992px) {

	button#nav-toggle {
		display:none;
	}

	nav, .awards nav {	
		background:none;
		display:block;
		padding:0;
		top:0;
	}

	nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
        width: auto;
	}
	
	nav ul li {
		-ms-flex-preferred-size: auto;
    	flex-basis: auto;
		-webkit-box-flex: 1;
    	-ms-flex-positive: 1;
        flex-grow: 1;
	}

	nav ul li a, .awards nav ul li a {
		color: #ffffff;
		font-size:0.75em;
		padding:1rem 0.5rem;
		text-align:center;
	}

	nav ul li.current-menu-item a {
		background:#d7d7d7;
		color:#e5461e;
	}
	
	.awards nav ul li.current-menu-item a {
		background: #d7d7d7;
		color: #e5461e;
	}

}

@media only screen and (min-width:1200px) {

	nav {	
		margin:auto;
		max-width:100%;
		width:70rem;
	}

	nav ul li a, .awards nav ul li a {
		font-size: 0.875em;
		padding:1rem 0.75rem;
	}

	nav ul li a:hover {
		background:#d7d7d7;
		color:#ffffff;
	}
	
	.awards nav ul li a:hover {
		background: #d7d7d7;
		color: #ffffff;
	}

}

/* Accessibility */

.visually-hidden {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

[href="#main"] {
	color:#ffffff;
	position:absolute;
	right:100%;
	top:0;
}

[href="#main"]:focus {
	right:auto;
	z-index:999;
}

/* Layout */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

header img {
	max-width:100%;
	width:100%;
}

.nav-bar {
	background:#e5461e;
	height:3.5rem;
	margin-top:1rem;
	position:relative;
	width:100%;
}

@media only screen and (min-width:992px) {

	.nav-bar {
		height:auto;
	}

}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer {
	background:#e5461e;
	padding:1rem;
}

.awards footer {
	background: #e5461e;
}

.footer__content {
	color:#ffffff;
}

@media only screen and (min-width:1200px) {

	.footer__content {
		margin:auto;
		max-width:100%;
		width:70rem;
	}

}

/*--------------------------------------------------------------
## Sectioning & Structure
--------------------------------------------------------------*/

.main-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
	padding:2rem 1rem 10rem;
}

.sidebar {
	margin-top:4rem;
}

.sidebar p {
	color: #020e49;
	font-weight:700;
	padding-top:2rem;
}

.awards .sidebar p {
	color: #020e49;
}

.sidebar span {
	font-size:2em;
}

.sidebar h2 {
	color: #020e49;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.25;
	margin-top: 2rem;
}

.awards .sidebar h2 {
	color: #020e49;
}

.sidebar figure {
	width: 60%;
}

.sidebar figure.headline {
	width: 80%;
}

.entry-content {
	margin-top:0;
}

@media only screen and (min-width:768px) {

	.main-content {
		padding:4rem 4rem 12rem;
		width:46rem;
	}

}

@media only screen and (min-width:992px) {

	.main-content {
    	-webkit-box-orient:horizontal;
    	-webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
		margin:auto;
		width:60rem;
	}

	.sidebar {
		margin-top:0;
		padding-right:1rem;
		width:30%;
	}

	.entry-content {
		padding-left:1rem;
		width:70%;
	}

}

@media only screen and (min-width:1200px) {

	.main-content {
		max-width:100%;
		padding:4rem 0 12rem;
		width:70rem;
	}

	.sidebar {
		padding-right:2rem;
		width:20rem;
	}

	.entry-content {
		padding-left:2rem;
		width:50rem;
	}

}


/* Content */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Booking
--------------------------------------------------------------*/

.wpcf7-not-valid-tip {
	margin-top: 0.5rem;
}

.wpcf7 form .wpcf7-response-output {
	background:#020e49;
	border: 0;
	color: #ffffff;
	padding: 2rem;
}

.awards .wpcf7 form .wpcf7-response-output {
	background: #020e49;
}

@media only screen and (min-width:992px) {

	.form-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.delegate__1, .delegate__2 {
		width:50%;
	}

	.delegate__1 {
		padding-right:1rem;
	}

	.delegate__2 {
		margin-top:0;
		padding-left:1rem;
	}

}

@media only screen and (min-width:1200px) {

	.delegate__1 {
		padding-right:2rem;
	}

	.delegate__2 {
		padding-left:2rem;
	}

}

/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/

.rl-pagination span.page-numbers.current {
	background:#e5461e;
	border:1px solid #e5461e;
	color:#ffffff;
	padding:0.5rem 0.75rem;
}

.rl-pagination a.page-numbers {
	border:1px solid #e5461e;
	padding:0.5rem 0.75rem;
	text-decoration:none;
}

.rl-pagination a.page-numbers:hover {
	background:#e5461e;
	color:#ffffff;
}

/* Media */
/*--------------------------------------------------------------*/

img {
	border:none;
	display:block;
	height: auto;
	max-width:100%;
}