/*
 Theme Name:     BDF2014
 Theme URI:      www.theagencyonline.co.uk/
 Description:    Bath Digital Festival 2014 - Wordpress theme
 Author:         The Agency UK
 Author URI:     www.theagencyonline.co.uk/
 Template:       twentythirteen
 Version:        1.0.0
*/

@import url("../twentythirteen/style.css");
@import url("basic/basic.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Lato-Reg';
	src: url('fonts/Lato-Reg/Lato-Reg.eot');
	src: url('fonts/Lato-Reg/Lato-Reg.woff') format('woff'), 
		url('fonts/Lato-Reg/Lato-Reg.ttf') format('truetype'), 
		url('fonts/Lato-Reg/Lato-Reg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font: 14px "open_sansregular", "Myriad Pro", sans-serif;
	color: #393939;
	line-height: 1.5;
}

.primary-sidebar{
	width:20%;
	float:left;
	margin-left:70px;
	height:100vh;
}

.site{
	max-width: 1200px;
	padding: 10px 0;
	border:none
}

h1,h2,h3, h4{
	color: #393939;
}

h1{
	font: 50px "open_sansregular", "Myria Pro", sans-serif;
}

h2{
	font: 24px "open_sansbold", "Myriad Pro", sans-serif;
}

h3{
	font: 20px "open_sansbold", "Myriad Pro", sans-serif;
}

h4{
	font: 15px "open_sansbold", "Myriad Pro", sans-serif;
}

h3 span.time {
	display: inline-block;
	width: 160px;
}

hr {
	background: none;
	border-bottom: 1px solid #000;
}

.list-title{
	font:20px "open_sansregular", "Myriad Pro", sans-serif;
}

a,
a:visited{
	color: #9f4d80;
}
a:hover{
	color:#4fadaf
}

p{
	font:inherit;
	color:#393939;
	line-height:1.5;
}

strong {
	font-family: "open_sansbold", "Myriad Pro", sans-serif;
}

#primary{
	width:70%;
}

table, tr, td {
	border:none;
}

.bath-purple {
	background: #9E4C7F;
}

.dark-purple,
.dark-purple:visited,
.dark-purple a,
.dark-purple a:visited{
	color: #313458;
}

.button{
	font: 26px "open_sansregular", "Myriad Pro", sans-serif;
	padding: 15px 25px;
	text-transform: capitalize;
	text-align:center;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.small-button{
	font-size:13px;
	padding:10px;
}

a.ticket-button {
	color: white;
}

.purple-button,
.purple-button:hover,
.purple-button:visited{
	color: #fff;
	background: #9f4d80;
}

.pink-button,
.pink-button:hover,
.pink-button:visited{
	color: #898581;
	background: #f3f3f3
}


#next-year {
	padding: 30px 0;
	background:#e26a60;
	text-align:center;
}

#next-year h2 {
	margin: 0;
}

#next-year h2 a {
	color:white;
}

#next-year h2 a:hover {
	color: #30b5a9;
}


/********** Main sidebar *****************/
.main-sidebar{
	width: 217px;
}

.big-date{
	font: 23px "Conv_Lato-Reg", "Myriad Pro" , sans-serif;
	color: #4fadaf
}
#logo{
	max-width:100%;
	margin: 20px 0;
}
.intro{
	font-size:16px;
	padding-bottom: 20px;
}

.home #side_menu.sticky{
	position:fixed;
	top: 0;
	max-width:217px
}

#side_menu_mobile{display:none;}

/**** Main Content *****/

.live-tile, .list-tile, .copy-tile, .tile-strip .flip-list > li{
	margin: 0
}

.each_content{
	overflow: hidden;
	margin-bottom:10px;
	float:left;
	cursor: default;
}
.each_content .background{
	background-size:cover;
	background-position: 50%;
	background-repeat:no-repeat;	
}
.each_content p{
	padding:7px;
	line-height: 1.4
}
.each_content h4{
	margin: 7px 0 0px 7px;
}

.each_content .small-button{
	position:absolute;
	left:7px;
	bottom:7px;
}

.content_1 {
	width:39%;
	margin-right:1%;
	height: 398px
}

.content_2,
.content_3{
	width: 60%;
	height:194px;
}

.content_4,
.content_5{
	width:19%;
	height:194px;
	margin-right:1%;
	-webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;

}
.content_6{
	width: 40%;
	margin-right:1%;
	height:194px;
}
.content_7{
	width:19%;
	height:194px
}

.flip_content{
	padding: 7px;
	background-color: #f2f3f4
}
.flip_content p{
	font-size:15px;
	padding: 0 !important;

}
.flip_icon{
	position: absolute;
	bottom:7px;
	right:7px;
}

.date-menu{
	font-size:13px
}

/**************  Grid Tile ***********/
.intro-title{
	padding-left: 68px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	font-size: 20px;
}




.content_4 p,
.content_5 p{

	font:29px "Lato", sans-serif;
	color:#fff;
	text-align: center;
	/*display: table-cell;
	vertical-align: middle;*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	        transform: translateY(-50%);
}


/**** 27 October *********/

#date_27-october .intro-title{
	background-image:url(images/masks/Mon_Mask.png)
}
#date_27-october article,
#date_27-october article .background{
	background-color: #deebf3
}

/***** 28 October ******/

#date_28-october .intro-title{
	background-image:url(images/masks/Tue_Mask.png)
}
#date_28-october article,
#date_28-october article .background{
	background-color: #fee8e6
}

/***** 30 October ******/

#date_30-october .intro-title{
	background-image:url(images/masks/Wed_Mask.png)
}
#date_30-october article,
#date_30-october article .background{
	background-color: #eed962;
}

/***** 29 October ******/

#date_29-october .intro-title{
	background-image:url(images/masks/Thur_Mask.png)
}
#date_29-october article,
#date_29-october article .background{
	background-color: #30b5a9
}

/***** 31 October ******/

#date_31-october .intro-title{
	background-image:url(images/masks/Fri_Mask.png)
}
#date_31-october article,
#date_31-october article .background{
	background-color: #3d3b50
}


/***** 1 November ******/

#date_1-november .intro-title{
	background-image:url(images/masks/Sat_Mask.png)
}
#date_1-november article,
#date_1-november article .background{
	background-color: #d85172;
	color: #fff;
}


/***** 2 November ******/

#date_2-november .intro-title{
	background-image:url(images/masks/Sun_Mask.png)
}
#date_2-november article .background,
#date_2-november article{
	background-color: #9b7a4c
}

/***  3 November    ****/

#date_3-november .intro-title{
	background-image:url(images/masks/Mon_Mask-2.png);
}

#date_3-november article .background,
#date_3-november article{
	background-color: #acdceb;
}

/***  4 November    ****/

#date_4-november .intro-title{
	background-image:url(images/masks/Tue_Mask-2.png);
}

#date_4-november article .background,
#date_4-november article{
	background-color: #e98bb9;
}

/***  5 November    ****/

#date_5-november .intro-title{
	background-image:url(images/masks/Wed_Mask-2.png);
}

#date_5-november article .background,
#date_5-november article{
	background-color: #e51c20;
}


#date_29-october p,
#date_31-october p,
#date_1-november p,
#date_2-november p,
#date_5-november p,
#date_29-october h4,
#date_31-october h4,
#date_1-november h4,
#date_2-november h4,
#date_5-november h4{
	color:#fff;
}

.content_1 p{
	color:#393939 !important;
}

/************ Date Pages  *****************/
.event-list h1{
	color:#fff;
	padding-left:40px;
}

.each-list{
	padding:35px 5px 20px 0;
}
.each-list p{
	height:64px;
	overflow: hidden
}
.date_27-october h1, .event_date_27-october .button{
	background-color: #6997af;
}
.date_27-october article{
	background-color:#deebf3;
}
.date_27-october .time_title{
	color: #6997af;
}
.event_date_27-october h1, .event_date_27-october h2, .event_date_27-october h3 {
	color: #6997af
}

.date_28-october h1, .event_date_28-october .button{
	background-color: #e26a60;
}
.date_28-october article{
	background-color: #fee8e6;
}
.date_28-october .time_title{
	color: #e26a60;
}
.event_date_28-october h1, .event_date_28-october h2, .event_date_28-october h3 {
	color: #e26a60;
}


.date_29-october h1, .event_date_29-october .button{
	background-color: #30b5a9;
}
.date_29-october article{
	background-color: #e9faf8;
}
.date_29-october .time_title{
	color: #30b5a9;
}
.event_date_29-october h1, .event_date_29-october h2, .event_date_29-october h3 {
	color: #30b5a9;
}



.date_30-october h1, .event_date_30-october .button{
	background-color: #eed962;
}
.date_30-october article{
	background-color: #fff7cb;
}
.date_30-october .time_title{
	color:#eed962;
}
.event_date_30-october h1, .event_date_30-october h2, .event_date_30-october h3 {
	color: #eed962;
}


.date_31-october h1, .event_date_31-october .button{
	background-color: #3d3b50;
}
.date_31-october article{
	background-color: #dbdbe1;
}
.date_31-october .time_title{
	color: #3d3b50;
}
.event_date_31-october h1, .event_date_31-october h2, .event_date_31-october h3 {
	color: #3d3b50;
}


.date_1-november h1, .event_date_1-november .button{
	background-color: #d85172;
}
.date_1-november article{
	background-color: #fff2f5;
}
.date_1-november .time_title{
	color:#d85172;
}
.event_date_1-november h1, .event_date_1-november h2, .event_date_1-november h3 {
	color: #d85172;
}


.date_2-november h1, .event_date_2-november .button{
	background-color: #9b7a4c
}
.date_2-november article{
	background-color: #eadcc9
}
.date_2-november .time_title{
	color: #9b7a4c;
}
.event_date_2-november h1, .event_date_2-november h2, .event_date_2-november h3 {
	color: #9b7a4c;
}


.date_3-november h1, .event_date_3-november .button{
	background-color: #9DCCDB;
}
.date_3-november article{
	background-color: #DEEEF3;
}
.date_3-november .time_title{
	color: #9DCCDB;
}
.event_date_3-november h1, .event_date_3-november h2, .event_date_3-november h3 {
	color: #9DCCDB;
}


.date_4-november h1, .event_date_4-november .button{
	background-color: #e98bb9;
}
.date_4-november article{
	background-color: #fbeaf2;
}
.date_4-november .time_title{
	color: #e98bb9;
}
.event_date_4-november h1, .event_date_4-november h2, .event_date_4-november h3 {
	color: #e98bb9;
}


.date_5-november h1, .event_date_5-november .button{
	background-color: #e51c20;
}
.date_5-november article{
	background-color: #fdd4d5
}
.date_5-november .time_title{
	color: #e51c20;
}
.event_date_5-november h1, .event_date_5-november h2, .event_date_5-november h3 {
	color: #e51c20;
}


.day-schedule article {
	color: #898581;
	background: #f3f3f3;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.google-map {
	padding-top: 20px;
	clear: both;
}

.google-map iframe {
	width: 100%;
}


/************** Oraganisation logo  *****************/
.supporter-logos article{
	margin-right:2%;
	margin-bottom:20px;	
	height:200px;
}
.supporter-logos article img{
	max-width:100%;
}

/************* Footer  ****************/
footer#colophon{
	margin-top: 80px;
	background-color: #4fadaf;
	padding:20px 0 30px 0;
	text-align: center
}
footer#colophon h3,
footer#colophon h4{
	color:#fff;
}
.org{
	border-bottom:1px solid #fff;
}
#colophon h4{
	background-color: #4fadaf;
	margin-top: -10px
}

.back-top{
	margin-top:-60px;
	color:#fff;
	cursor: pointer;
}
.bottom-logo img{
	margin-right:40px;
	margin-bottom: 20px;
}

footer .agency-footer {
	text-align: center;
	padding-top: 20px;
}

footer .agency-footer a {
	color: white;
}

footer .agency-footer a:hover {
	color: white;
}


/******* Responsive ***********/

/* tablet */
@media only screen and (max-width: 1024px){
	.tablet-hide {
		display: none;
	}
	#mobile-head-left {
		float: left;
		width: 30%;
		margin-right: 10%;
	}
	
	#mobile-head-right {
		float: left;
		width: 60%;
	}
	
	.main-sidebar,
	.main-bar{
		float:none;
		width:100%;
		position: relative;
		padding: 0 2%;
	}
	#side_menu_mobile{
		display:block;
	}
	#side_menu_mobile select{
		width: 100%;
	}
	#side_menu.sticky{
		position:relative;
		max-width: 100%
	}
	.intro-title{
		font-size:19px;
		padding-top:18px;
	}
	.event-list{
		float:none;
		width:100%;
	}
}

@media only screen and (max-width:800px){
	.site{
		padding:1.5%;
	}
	.main-sidebar{
		position:relative
	}
	.content_1 {
		width:100%;
		height: auto
	}
	.content_1 .flip_content{
		height:auto;
		padding-bottom:68px;
	}
	
	.content_2,
	.content_3{
		height: 195px;
		width: 100%;
	}
	
	.content_4{
		width: 49%;
		margin-right:1%;	
	}
	.content_5{
		width:50%;
		margin-right:0;
	}
	.content_6,
	.content_7{
		height: 200px
	}

	.content_6{
		width:73%;
		margin-right:2%;
	}
	.content_7{
		width:25%;
	}
}

/* mobile */
@media only screen and (max-width:650px){
	.mobile-hide {
		display: none;
	}
 	.bottom-logo img{
		display:block;
		margin:10px auto 15px;
	}
}

@media only screen and (max-width:479px){
	.each_content{
		width:100%;
		margin-right:0;
		height: 200px
	}
	.content_1{
		height:auto;
	}
	.content_2 .text-content,
	.content_3 .text-content{
		height:133px;
		overflow: hidden
	}
	.content_4,
	.content_5{
		width: 49%;
		margin-right:1%
		
	}

	.supporter-logos article{
		width:100%;
		margin:10px auto;
	}

}

div#side_menu ul {
	list-style:none;
}

div#side_menu li.menu-item a {
	
    font-size: 13px;
    background: none repeat scroll 0 0 #f3f3f3;
    color: #898581;
    padding: 15px 25px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    margin-bottom: 10px !important;
    display: block;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    margin: 0;
    vertical-align: baseline;
    color: #7d7b6d;
    list-style:none;
}