@charset "utf-8";

#page {
	min-width:320px;
}

#primary.content-area {
	padding-bottom: 1em;
}

.feature .img-wrap {
	background-position:center;
}

/* header */

#head-tel {
	margin-top:0;
	top:12px;
	z-index:1;
}

#head-email {
	position: absolute;
	right: 0;
	bottom:1.25em;
	margin:0;
	font-family: 'Oswald', sans-serif;
	font-size: 1.15em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	z-index:2;
}

/* Header social links*/
.site-branding .social-links {
	right: 220px;
	top: 43px;
	display: flex;
}

li.twitter {
   order: 1;
}
li.instagram {
   order: 2;
}
li.youtube {
   order: 3;
}
li.facebook {
   order: 4;
}
li.linkedin {
   order: 5;
}
li.google {
   order: 6;
}
li.pinterest {
   order: 7;
}

/* Header social links*/
.site-footer .social-links {
	right: 220px;
	top: 43px;
	display: flex;
}

li.twitter {
   order: 1;
}
li.instagram {
   order: 2;
}
li.youtube {
   order: 3;
}
li.facebook {
   order: 4;
}
li.linkedin {
   order: 5;
}
li.google {
   order: 6;
}
li.pinterest {
   order: 7;
}

@media screen and (max-width: 540px) {

#head-tel,
#head-email {
	font-size:1.2em;
}

#head-email {
	bottom:2.4em;
	font-size:0.95em;
}

.social-links > li > a {
	width: 20px;
	height: 20px;
}

}

/* navigation */

#site-navigation > div > ul.menu ul.sub-menu {
	-webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    column-break-inside:avoid;
	break-inside:avoid;
}

#site-navigation > div > ul.menu ul.sub-menu li {
	margin: 0 0 0;
	float: none;
	border-bottom: dotted 1px #ccc;
	-webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    column-break-inside:avoid;
	break-inside:avoid;
}

#site-navigation > div > ul.menu ul.sub-menu a {
	width: 100%;
	margin: 0;
	padding: 0.3em 0.3em 0.4em;
	border-bottom: none;
}

#site-navigation > div > ul.menu > li.mini-drop-parent {
	position: relative;
}

#site-navigation > div > ul.menu ul.mini-drop {
	width: 240px;
	-moz-column-count: auto;
	-moz-column-gap: normal;
	-webkit-column-count: auto;
	-webkit-column-gap: normal;
	column-count:auto;
	column-gap:normal;
	float:none;
}

/* footer */

.site-footer .site-info {
	position:relative;
}

.site-footer .social-links {
	position:absolute;
	right:0;
	top:-6px;
}

.site-footer .social-links > li > a {
	width: 22px;
	height: 22px;
}

/* flex content */

/* events calendar */

.event-calendar > ul,
.event-calendar > ul > li > ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

.event-calendar > ul {
	margin-bottom:2em;
}

.event-calendar > ul > li {
	display:block;
	width:100%;
	margin-bottom:0;
}

.event-calendar > ul > li > ul > li {
	display:block;
	width:20%;
	float:left;
	margin-bottom:0;
	padding:0.45em 0;
	font-size:0.9em;
}

.event-calendar > ul > li > ul > li.month {
	width:12%;
}

.event-calendar > ul > li > ul > li.title {
	width:28%;
}

.event-calendar > ul > li.title-row {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color: #ED1261;
	border-top:none 0;
}

.event-calendar .event-row {
	border-top:solid 1px rgba(173,173,173,1.00);
}

.event-calendar .rotate-device {
	display:none;
	width:100%;
	height:auto;
	padding:0 0 100%;
	background-image:url('img/turn_device.png');
	background-position:center;
	background-size:60% auto;
	background-repeat:no-repeat;
	text-align:center;
}

.event-calendar li.results > p {
	margin-top:0;
}

/* festivals */

.festival-subheader h3 .fest-date {
	font-size: 1em;
}

.page-template-page_festival-full .site-subheader.nosubheader {
	display:none;
}

.page-template-page_festival h5.entry-title {
	font-size:1em;
}

.festival-info {
	margin-bottom:1.75em;
	font-size:1.4em;
	font-family: 'Oswald', sans-serif;
}

.festival-info > div {
	width:50%;
	padding:0 2%;
	float:left;
}

.festival-info > div.date-loc {
	padding:0 2% 0 3.5em;
	background-image:url('img/dragon-icon.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:3.2em auto;
	color:#041978;
}

.festival-info span,
.festival-info a {
	display:block;
	margin:0.2em 0;
}

.festival-info span.fest-subtitle {
	color:#ec1161;
}

.festival-info a.fest-hash {
	display:inline;
	color:#00aced;
	text-transform:uppercase;
	padding:0 0 0 1.85em;
	background-image:url('img/tweet-icon.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:auto 95%;
	text-decoration:none;
}
.fest-extra span {
color:#041978;
}
.event-sponsors > a,
.event-sponsors > img {
	float:left;
	margin:0 1%;
}

.event-sponsors img {
	height:140px;
	width:auto;
}

.event-sponsors > img {
	height:100px;
	margin:10px 1%;
}

.sponsor-logos {
	display:block;
}

.spon-col {
	position:relative;
	width:50%;
	float:left;
	text-align:center;
	padding:2%;
}

.spon-col:first-of-type {
	padding-left:0;
}

.spon-col:last-of-type {
	padding-right:0;
}

.sponsor-logos.three .spon-col {
	width:33.3333%;
}

.sponsor-logos.four .spon-col {
	width:25%;
}

.sponsor-logos.five .spon-col {
	width:20%;
}

.spon-col > .logo {
	display:block;
	position:relative;
	width:100%;
	max-width:240px;
	height:120px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}

.spon-col > a.logo {
	color:#005198;
}

.spon-col > .logo.gable-events {
	background-image:url('img/gable.png');
}

.spon-col > .logo span {
	position:absolute;
	top:0;
	left:-36%;
	height:100%;
	width:100%;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size:0.8em;
	text-transform:uppercase;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-ms-transform-origin: 50% 50%; /* IE 9 */
	-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
	transform-origin: 50% 50%;
}

@media screen and (max-width: 840px) {

	button.menu-toggle {
		font-size:1.15em;
	}

	#site-navigation .goback {
		background-image:url('img/menu-back-bg.png');
		background-position:50% 13px;
		background-repeat:no-repeat;
		background-size:80% auto;
	}

	.page-template-page_festival-full #site-navigation > div .nav-menu,
	.page-template-page_festival #site-navigation > div .nav-menu,
	.page-template-page_festival-full #site-navigation > div > ul.menu ul.sub-menu,
	.page-template-page_festival #site-navigation > div > ul.menu ul.sub-menu,
	.page-template-page_festival-full #site-navigation.toggled > div > ul.menu > li:hover > ul.sub-menu,
	.page-template-page_festival #site-navigation.toggled > div > ul.menu > li:hover > ul.sub-menu {
		background-color:rgba(4,25,121,0.92);
	}

	#site-navigation > div > ul.menu > li.mini-drop-parent {
		position: static;
	}

	#site-navigation > div > ul.menu ul.mini-drop {
		width: 100%;
	}

	.spon-col > .logo {
		max-width:130px;
		height:100px;
	}

	.festival-subheader h3 {
	font-size: 1.2em;
}

.cycle-slide p.caption {
	font-size:1.6em;
}

}

@media screen and (max-width: 800px) {

.event-calendar > ul > li > ul > li {
	width: 25%;
}

.event-calendar > ul > li > ul > li.month {
	width: 17%;
}

.event-calendar > ul > li > ul > li.title {
	width: 33%;
}

.event-calendar > ul > li > ul > li.venue {
	display:none;
}

}

@media screen and (max-width: 640px) {
/*festivals */

.festival-info > div {
	width:100%;
	padding:0;
	margin:0 0 2%;
	float:none;
}

.spon-col > .logo {
		max-width:90px;
		height:70px;
	}

.spon-col > .logo span {
	left:-30%;
	font-size:0.6em;
}

}

@media screen and (max-width: 540px) {

	#content {
		margin-top:0.5em;
	}

	.hentry {
		margin: 0 0 1.25em;
	}

	.page-content, .entry-content, .entry-summary {
		margin: 0.75em 0 0;
	}

	.site-branding .social-links {
		top: 70px;
		right:-2px;
	}

	.site-subheader .entry-title {
		display:none;
	}

	.entry-content .content img {
		min-width:100%;
	}

	.entry-content .content .event-sponsors img {
		min-width:1px;
	}

	/* navigation */

	.menu-sub-header-container {
		display:none;
		position: relative;
		top: auto;
		right: auto;
		padding-top:1em;
	}

	#secondary-menu {
		font-size: 1em;
	}

	#secondary-menu > li {
		display:block;
		float: none;
		border-top:solid 1px #ccc;
	}

	#secondary-menu a {
		display:block;
		margin: 0;
		padding:0.25em 0.5em;
		opacity: 0.8;
	}

	/* footer */

	.site-footer .social-links {
	position:static;
	right:auto;
	top:auto;
}

.site-footer .social-links > li > a {
	width: 32px;
	height: 32px;
}

.spon-col > .logo span {
	display:none;
}

}

@media screen and (max-width: 480px) {

.featured-image {
	display: block;
	height:170px;
}

.festival-info {
	text-align:center;
}

.festival-info > div.date-loc {
	padding: 0 2% 0 0;
	background:none;
}

}

@media screen and (max-width: 460px) {

.event-calendar > ul {
	display:none;
}

.event-calendar .rotate-device {
	display:block;
}

}

@media screen and (max-width: 390px) {

.featured-image {
	height:150px;
}

}
/*Change http://dragonboatfestivals.co.uk/dragon-boat-festivals/nottingham-dragon-boat-challenge/ fest-subtitle to fit on one line*/
.page-id-786 .fest-subtitle{
	font-size: 20px!important;
}