/* colours*/
.orangeBG{background-color:#F57B20;}
.orange-text{color:#F57B20;}
.orange-text a, .orange-text a:hover{color:#F57B20;}
.black-text{color:#000;}
.grey-text{color:#b1b1b1;}
.DKgrey-text{color:#808080;}
.LTgrey-text{color:#d7d7d7;}
.greyBGButton{background-color:#818181;}
.DKgreyBGButton{background-color:#292929;}
.yellow-text, .yellow-text a {color:#ffffb3; }
.yellow-text a:hover{color:#FFF; }
.cream-text{color:#FFC;}
.wordSpace{letter-spacing:2px;}
.white-text{color:#FFF;}
.centre{ text-align:center;}
.left{text-align:left;}
.caps{text-transform:uppercase;}
.small-text{font-size:10px;}
.right{float:right; }
.font-23{font-size:23px;}
.font-14{font-size:14px;}
.font-18{font-size:18px;}
.font-42{font-size:42px;}
.font-10{font-size:10px;}
.font-12{font-size:12pt;}
.font-11{font-size:11pt;}
.bold{font-weight:bold;}
.margin-10{margin-left:10px;}
.margin-20{margin-left:20px;}
.marginl-30{margin-left:30px;}
.margin-top{margin-top:10px;}
.margin-30{margin-right:30px;}

p{ font-size:11pt; margin-bottom:8pt; color: #333333; line-height: 15pt; }

p a{color:#F57B20; }
p a:hover{color:#F57B20; text-decoration:underline;}
.no-pad{padding:0px;}
h1{margin-bottom:2px; font-size:24px; line-height:45px;   font-weight:normal; font-style:normal; text-align:left; color:#FF6600;	}
h2{ font-size:22px;}
h3 {    font-size: 19px; }
h5{font-size:18px; color:#000; text-align:left;}
h6{font-size:18px; color:#F57B20; text-align:left;}
h7{font-size:18px;  text-align:left;}
h8{font-size:12pt;  text-align:left; color:#808080;}
a{color:#fec029; text-decoration:none;}
a:hover{text-decoration:underline; color:#fec029;}
.greyBG{background-color:#EAEAEA; padding-top:15px; margin-top:12px;}



.callout.secondary{background-color:#ECECEC;}
ul {    margin-left: 0px;
    list-style-type: disc;
}

#artists, #artistsOne{
	width:100%;
	margin-bottom:20px;
	float:left;
	background-color:#F2F2F2;
	}
.artists{
	width:70%;
	float:left;
	display: table-row;
	padding: 2px;	
	margin-left:2%;
}
.artist{
	width:40%;
	float:left;
	text-align:left;
	font-weight:bold;
	display: table-cell;
}
.musicalItem{
	width:60%;
	text-align:left;
	float:left;
	font-style:italic;
	display: table-cell;
}
 #artistsOne{
	width:100%;
	margin-bottom:20px;
	float:left;
	background-color:#F2F2F2;
	 padding:15px;
	}
.gap{width:100%; height:20px; float:left;}
.social {  margin-right: .25rem; margin-top:20px; padding-bottom:20px;}
.social.facebook img{  color: #fefefe; width:30px;}
.social.facebook:hover img, .social.facebook:focus img {   color: #fefefe; }
.social.twitter img{  color: #fefefe;   width:30px;}
.social.twitter:hover img, .social.twitter:focus img {  color: #fefefe;}
.social.instagram img{  color: #fefefe;   width:30px;}
.social.instagram:hover img, .social.instagram:focus img {  color: #fefefe;}
.social.mail img{  color: #fefefe;   width:30px;}
.social.mail:hover img, .social.mail:focus img{  color: #fefefe;}
.social > .fa {  color: #fefefe;  margin-right: .25rem;}




.nav-wrap a{color:#FFF;}
ul li{list-style-type:none;}
ul, ol, dl {

    margin-bottom: 0rem;

}
nav.top-bar {
text-align:center;
}
 .menu .active > a {
    background: none; text-decoration:underline;
    color: #fff;}

  .menu-icon {
    position: relative;
    display: inline-block;}
	
	.menu > li > a {
    display: block;
    padding: 0.3rem 1rem;
    line-height: 2;
}
.nav-wrap ul{background-color:#000;}
.mainImage, .mainImage img{ margin-bottom:5px; }
  .callout > :last-child {    margin-bottom: 1rem; }

	
.thumb{float:left; margin-right:10px;}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;

}

.is-accordion-submenu-parent > a::after {
    border-color: #fefefe transparent transparent;
	right: -0.1rem;
 }

.responsive-embed, .flex-video {
    margin-bottom: 6px;
    

}

/* 
Little Missenden Festival CSS Document 
All style infomration is copyright Webs For Everyone 2019

Any adjustments made to this style sheet that cause the site design to be poorly displayed will be chargeable
-------------------------------------------------------------------------------------------------------------

*/

body{
	width: 100%;
	
	font-family: "Helvetica Neue", Arial,  sans-serif;	
	font-size: 14px;
	color: #333333;
	background-color: #FFF;
	text-align: left;
	margin-top: 0px!important;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow-x: hidden;
}


#headWrapper{
	width: 100%;
	height: 90px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #F57B20;
	z-index:600;
}

/*#logo{
	height: 95px;160
	float: right;
	margin: 0px;
	margin-left:55px;	
	margin-top:10px;
	padding: 0px;
	text-align: left;
	width: 83px;
	z-index:800;
}*/

#header{
	height: 109px;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: inline;
}
.headerText{
	height: 60px;
	width: 100%;/*657px*/
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top:22px;
	text-align: center;
	display: inline;
	font-size:45px;
}
#navWrapper{width:100%;
background-color:#F57B20;}
	
.top-bar, .top-bar ul{background-color:#F57B20;}
.title-bar{background-color:#F57B20;}



footer{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	text-align: left;
	height: 20px;
}

#copy{
	width: 820px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#design{
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.imageRight{
	margin-left:10px;
	margin-bottom:10px;

}
.imageLeft{
	margin-right:10px;
	margin-bottom:10px;
}
.rowy{
	width:100%;
	float:left;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
}

.card-user-profile {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}

.card-user-profile > :last-child {
  margin-bottom: 0;
}

.card-user-profile:hover .card-user-profile-img {
  opacity: 1;
}

.card-user-profile-content {
  position: relative;
}

.card-user-profile-content::before {
  position: absolute;
  content: '';
  top: -3.4375rem;
  left: -1.875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.4375rem 0 0 31.25rem;
  z-index: 0;
  border-color: transparent transparent transparent #fefefe;
}

.card-user-profile-actions {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
  background: #fefefe;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-user-profile-actions > :last-child {
  margin-bottom: 0;
}

.card-user-profile-img {
  max-width: 100%;
  opacity: 0.85;
 /* transition: all 0.25s ease;*/
}

.card-user-profile-avatar {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  z-index: 2;
  max-width: 5.625rem;
}

.card-user-profile-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-user-profile-name {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-user-profile-button {
  margin-bottom: 0;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.card-user-profile-button + .card-user-profile-button {
  margin-left: 1rem;
}

.card-user-profile-info {
  font-size: 0.875rem;
  letter-spacing: 1px;
  opacity: 0.8;
}

.button:hover, .button:focus {

    background-color: #666;
    color: #FFF;

}
.box{
	border:15px solid #EAEAEA;
	margin-top:12px;
		
	
}

.boxInside{
	background-color:#FFF;
	margin-top:10px;
	float:left;
	margin-bottom:6px;
}
.boxText{ margin:20px;}

.smSocial{margin-top:-40px;}

.eventBox{
	width:25%;
	
}

.eventImage{
	width:25%;
}

.eventTitle{
	font:18px;
	
}

.form_item{
	color:#000;
	float:left;
	font-size:12px;
	margin: 5px 0px;
	padding: 2px 0px;
	width: 100%;
}
.form_item label{
	color:#000;
    float:left;	
	font-size:14px;
	font-weight:regular;
	margin: 2px;
	margin-right:5px;
	padding: 0px;
	text-align:right;
	width: 10%;/*25*/

}

.form_item input{
	background-color:#FFF;
	border:#999 1px solid;
	float:left;
	height: 20px;
	margin: 5px 0px;
	margin-bottom: 0px;
	outline: 0px none;
	padding: 5px;
	text-align:left;
	width:74%;
}

.form_itemRight{
	float:right;
	margin-right:15%;
}




.form_itemnoBG input#submit{
	background-color:#F57B20;
	border:#F57B20 1px solid;
	border-radius:6px;
	clear:both;
	color:#000;
	cursor: pointer;
	float:right;
	font-size:12px;
	height: 30px;
	margin: 0px;
	margin-top:25px;
	margin-bottom: 20px;
	margin-right:15%;
	outline: 0px none;
	padding: 0px;
	text-transform:uppercase;
	text-align:center;
	width: 70px;
	
}
.extraHeight{
	width:75%;/*100*/
	clear:left;
	height: 30px;
	text-align:left;
	float:left;
	margin-left:10%;
}

/*640*/
@media screen and (max-width: 40em) {
	#logo{	display:none;}

#header{	width: 100%;}
.headerText{
	font-size:35px;
	padding-top:10px;}
	
h1{font-size:20px;}
	
.artists{
	width:100%;
	float:left;
	display: table-row;
	padding: 0.3rem 0.625rem 0.325rem;
	margin-left:5%;}
	
.musicalItem{
	width:100%;
	text-align:left;
	float:left;
	font-style:italic;
	display: table-cell;}
	
.nav-wrap{min-height:200px; height:auto;}
	
.menu > li > a {
    display: block;
    padding: 0.3rem 1rem;
	line-height: 2;	}
	
.callout > :last-child {    margin-bottom: 1rem; }
	

.form_item label{
	text-align:left;
	width: 100%;/*25*/

}

.form_item input{
	width:100%;
}

.form_itemRight{
	float:right;
	margin-right:5px;
}


.form_itemnoBG input#submit{
	margin-right:0;
	}


.extraHeight{
	width:100%;
	height: 50px;
	margin-left:0;
}
.extraHeight label{
	width: 85%;/*25*/

}

.extraHeight input{
	background-color:#FFF;
	border:#999 1px solid;
	float:left;
	height: 20px;
	margin: 5px 0px;
	margin-bottom: 0px;
	outline: 0px none;
	padding: 5px;
	text-align:left;
	
}	
	
}
  @media print, screen and (min-width: 40em){
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #fefefe transparent transparent;
}
	  .menu > li > a {

    display: block;
    padding: 0.3rem 0.9rem;
    line-height: 2;

}

}
@media print, screen and (max-width: 41em) {
	.artist{ width:95%; }
}
.hide {
    background-color: red;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: underline;
    top: -800px;
    width: 1px;
}
.gal-card {
  margin-bottom: 1rem;
  border: 0px solid #e6e6e6;
  border-radius: 3px;
  background: #FFF;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
  .card > :last-child {
    margin-bottom: 0;
	}

.card-divider {
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  padding: 1rem;
min-height:70px; }
  .card-section > :last-child {
    margin-bottom: 0; }
.gal-card img{
width:100%;
height:150px;
object-fit: cover;

}