@charset "UTF-8";
/* CSS Document */
/* Last edited by J.Fenton 09/11/2014 12.59 */

/* prema styling overiding bootstrap standard theme */
body {  font-family: "adelle-sans",sans-serif; background: #fffae4; /*background: #333 url(../img/BG_texture.png);*/ }
a { color: #d25649; }
a:hover { color: #99342c; }
a.btn { border-radius: 0px; border: 0px; font-size: 12px; line-height: 1.5; padding: 5px 10px;}
button.btn { border-radius: 0px; border: 0px; font-size: 12px; line-height: 1.5; padding: 0.9em;}
.btn-primary { background-color: #d25649;}
.btn-primary:hover, .btn-primary:focus { background-color: #99342c;}
.form-control { border: 1px solid #d8d2ba; border-radius: 0px;}
a.btn-lg { font-size: 13px; text-transform: uppercase; padding: 13px; }
.label-default { background: #bfbaa5; }
.label-primary { background: #00928b; }
.label-info { background: #d25649; }
.fa-circle { font-size: 8px; } 

/* Typography */
p { font-size: 13px;}
h1 {  font-family: "chaloops-medium", sans-serif; color: #d25649; font-size: 60px; line-height: 36px; text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2); }
h1 i { color: #00928b; }
h3 { font-size: 145%; line-height: 21px; }
h4 { font-size: 118%;}

/* Breadcrumbs */
p.breadcrumbs { margin: 13px 0px 30px 0px;}

/* Header and Navigation */
.header { background: none;  height: 50px; margin-bottom: 5px; margin-top: -1px; text-transform: uppercase; font-weight: 600;}
.nav.navbar-nav a:hover, .nav.navbar-nav a:focus { background: #d25649; color: #fff;}
.dropdown-menu { background: #d25649; border: none; text-transform: capitalize; }
.dropdown-menu li a { background-color: none; color: #fff; }
.nav.navbar-nav .dropdown-menu li a:hover { background: #99342c; color: #fff; }
.navbar-brand { width: 100px; height: 100px; background: url(../img/PremaLogo.png); position: absolute;  left: 50%; margin-left: -50px!important; text-indent: -9999px;  z-index: 997; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.2); }
.navbar-toggle { color: #d25649;  font-size: 21px; position: absolute;  right: -15px; top: 0px;  z-index:99; }
.nav-tabs li { list-style-type: none; }
.navbar-collapse .navbar-brand { top: -1px;  }
.navbar-collapse .navbar-toggle { top: 0px; right: 0px;  }
.navbar-collapse.in .dropdown-menu { background: #3a3a3a;  }
.navbar-collapse li a.basketBadge { position: absolute; right: 0px; top: 60px; background: url(../img/basketBadge.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center bottom; width: 144px; height: 144px; line-height: 114px; text-align: center;  color: #fffae4; font-size: 24px; font-weight: 600; z-index:999; }
.navbar-collapse li a.basketBadge span { display: none;  }
.navbar-collapse li a.basketBadge:hover, .navbar-collapse li a.basketBadge:active, .navbar-collapse li a.basketBadge:focus { background: url(../img/basketBadgeHover.png); text-decoration: none; }

/* this forces the primary navigation to activate on hover rather click */
.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-transform:translateZ(99999px);
-moz-transform:translateZ(99999px);
-o-transform:translateZ(99999px);
transform:translateZ(99999px);
z-index: 99999; 
 }


/* Container Elements*/
.container-fluid { max-width: 1024px; position: relative;  background: #fffae4; } 
.content { overflow: hidden; padding-bottom:20px;}
.contentHeader { height: 150px; margin-bottom: 15px; }
.contentHeader .pagetitle { height: 150px; position: relative; }
.contentHeader h1 { position: absolute; bottom: -8px;  z-index: 999; font-size: 54px; line-height: 48px; text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);  }

/* Header Content Illustrations */
.contentHeader { background-repeat: no-repeat; background-position: left center; }
.whatson .contentHeader {  background-image: url(../img/whatson.png); }
.live .contentHeader {  background-image: url(../img/Live.png);  }
.exhibition .contentHeader {  background-image: url(../img/Exhibition.png); }
.workshops .contentHeader {  background-image: url(../img/Workshop.png); }
.classes .contentHeader {  background-image: url(../img/classes.png); }
.kids .contentHeader {  background-image: url(../img/kids.png); }
.happenings .contentHeader {  background-image: url(../img/happenings.png); }
.families .contentHeader {  background-image: url(../img/families.png); }
.about .contentHeader {  background-image: url(../img/about.png); }
.basket .contentHeader {  background-image: url(../img/checkout.png); }
.news .contentHeader, .blog .contentHeader {  background-image: url(../img/News.png); }


/* Footer styling */
.footer { background: #00928b;  overflow: hidden; color: #fffae4;  margin: 34px -15px 0px; padding: 0px 15px 0px;  }
.welcome + .footer { margin-top: 15px;}
.footer h3 { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #b3d8d1; }
.footer  a { color: #fff; }
.footer .connect { font-size: 33px; float: left; margin: 13px 8px 0px 0px ; list-style-type: none; }

/* Side panel within content */
.sidePanel { background: #d8d2ba; padding: 15px; margin-bottom: 15px;  }
.sidePanel .submenu {   }
.sidePanel .submenu li { margin-bottom: 1px;  }
.sidePanel .submenu li a { background: #fffae4; display: block; padding: 3px 8px; font-weight: 600;  }
.sidePanel .submenu li a:hover  { background: #d25649; color: #fffae4; text-decoration: none; }

.sidePanel .submenu li.selected a  { background: #00928b; color: #fffae4; }
.sidePanel .submenu li ul { display: none; }
.sidePanel .submenu li.selected ul { display: block;border-top: 1px solid #d8d2ba; }
.sidePanel .submenu li.selected ul a { background: #fffae4;color: #d25649; font-weight: 100; padding-left: 18px; font-size: 0.9em; }
.sidePanel .submenu li.selected ul a:hover  { background: #d25649;color: #fffae4; }
.sidePanel .submenu li.selected ul li.selected a { background: #00928b; color: #fffae4; }

.sidePanel .submenu li.divider { padding: 0px;  }

.sidePanel .input-group { margin-bottom: 15px; }
.sidePanel h3 { margin: 0px 0px 10px 0px; font-family: "chaloops-medium", sans-serif; color: #5c5c5a;}
.listing + .sidePanel { margin-left: 15px; margin-right: -15px;}

/* Persistent Elements */
.newsletter { display: block; overflow: hidden; background: #007068; padding: 13px 15px; margin: 0px -15px; }
.newsletter small { font-size: 11px; font-weight: 100; text-transform: none; display: block;  }
.form-group .control-label { font-size: 14px; font-weight: 600;  }
.newsletter .btn { text-transform: uppercase; font-weight: 600;}

/* Pagination styling used on search results */
.pagination { margin: 0px auto;  }
.pagination li a { color: #d25649; }
.pagination li a:hover { color: #99342c; }
.pagination li.active a { background: #d25649; border-color: #d25649;}
.pagination li.active a:hover { background: #99342c; border-color: #99342c;}

/* Quote styling on the homepage */
.quote {  display: block; background: url(../img/quote_01.png); background-size: 100% 100%;
background-repeat:no-repeat; background-position: center top ; margin-bottom: 15px; }
.quote span { display: block;font-family: "chaloops-medium", sans-serif; margin: 33px 21px; padding-bottom: 13px;  color: #fffae4; font-size: 21px; text-align: center; line-height: 1.1em; margin-bottom: 21px;}
.quote + div { margin: 0px -15px;  text-align: center;  }

/* Listings styling - generally used throughout  */
.listings {  }
.listings h1 { }
.home .listings h1 { margin-top: 20px;  }
.listings h2 { text-transform: uppercase; color: #474749; font-weight: 	800; margin: 8px 0px; }
.listings h3 { color: #d25649; font-weight: 600;  margin-right: 100px; }
.listings h3, .listings h4 {margin-top: 0px; }
.listings .listing {  overflow: hidden; position: relative;   padding: 21px 18px; background: #fff; 
-moz-box-shadow:    0px 0px 13px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 13px 3px rgba(0, 0, 0, 0.1); }
.listings .listing + .listing {  margin-top: 8px; }
.listings .listing .data { padding: 0px; }
.listings .listing h5 { letter-spacing: 0.1em; }
.listings .listing .data h4 .weekday { text-transform: uppercase; font-size: 24px; font-weight: 600; }
.listings .listing .data h4 .day { font-size: 24px;  font-weight: 600;}
.listings .listing .data .tags a { display: block; float: left; font-weight: 100; margin: 3px 3px 0px 0px; background: #bfbaa5; }
.listings .listing .img { padding: 5px 21px;}
.listings .listing .details { padding: 0px; }
.listings .listing .details .tickets { font-weight: 600;}
.listings .listing .booknow { text-transform: uppercase; position: absolute; font-weight: 800; font-size: 13px; top: 21px; right: -50px; padding: 8px 50px; 
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.listing.entry { margin-bottom: 10px; }
.listing.entry > h4 { text-transform: uppercase; font-size: 24px; font-weight: 600;}
.listing.entry h4 br { display: none; }
.listing.entry .booknow { top: 33px; font-size: 21px;}
.listing.entry img { margin-bottom: 15px; padding: 10px 10px 10px 10px; }
.listing.entry .btn-primary { font-size: 21px; }
.listing.entry .tags { margin-top: 18px; }
.listing .tags span.label { display: block; float: left; margin: 2px 3px 2px 0px;  }

/* Image Gallery */
.imageGallery .eventImage { width: 680px; height: 515px; text-align: center; vertical-align: middle; display: table-cell; }
.listing.entry .imageGallery img { padding: 0px; }
.imageGallery ul { margin: 0px; padding: 0px; overflow: hidden;  }
.imageGallery ul li { list-style-type: none; margin: 0px; padding: 0px; float: left; margin-right: 10px;}
.imageGallery ul li img { height: 60px; width: auto; cursor: pointer; }
.imageGallery ul li a { overflow: hidden; }
.imageGallery ul li a:hover { opacity: 0.5; }


/* Modal PopUp Styling */
.modal { z-index:9999; }
.modal-dialog { overflow: hidden; background: #fffae4; -moz-box-shadow:  0px 0px 8px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.3);	-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; }
.modal-dialog .btn { text-transform: uppercase;}
.modal-dialog img { width: 100%; height: auto; }
.listing .modal-dialog .item { margin: 0px -15px 0px -15px; }
.listing .modal-dialog .item img { margin: 0px 0px 0px 0px; }
.modal-header { border: none; }
.modal-header h4 { font-family: "chaloops-medium", sans-serif; font-size: 36px;color: #d25649; line-height: 36px; }
.modal-footer { overflow: hidden; border-top: #d8d2ba solid 1px; }

/* Basket specific details */
.item { padding: 8px 15px; border-top: #d8d2ba solid 1px; }
.item h2, .item h4, .item h5 { margin: 0px; line-height: auto; }
.item h2 { font-size: 24px; color: #333333; font-weight: 500; text-transform: none; }
.item h4 { text-transform: uppercase; font-size: 16px; margin: 5px 0px 3px;}
.item h5 { font-size: 13px; color: #666; line-height: 28px; }
.listing .modal-dialog h5 { letter-spacing: 0; }
.item h4 br { display: none; }
.item .qty { margin-top: 5px;   }
.item .qty div { padding: 0px; }
.item .qty div.col-xs-2 { text-align: center; }
.item .fa-trash-o { font-size: 21px; line-height: 28px; }

/* Checkout Process */
.listing .item { margin: 0px 0px;  }
.listing .item img { margin: 0px -15px; width: 100%;  }
.nav-pills li h5 { text-transform: uppercase; font-weight: 600;}
.nav-pills li.active a { background: #d25649;}
.nav-pills li.active a:hover, .nav-pills li.active a:active, .nav-pills li.active a:focus { background: #af3831;}


.listings .search-result { position: relative; overflow: hidden; padding-bottom: 18px; }
.listings .search-result h4  { text-transform: uppercase; font-size: 18px; font-weight: 600; }
.listings .search-result p { width: 94%; }

/* Banner Ads */
.animatedAd { display: block; border: 3px solid #fff; margin: 10px 0px 10px; overflow: hidden; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05); width: 100%; }
.animatedAd img { width: 100%; height: auto; }

/* News */
.social-stream .twitter-tweet { width: 100%!important; }
.social-stream .fb-post { }
.social-stream .fb-post span, .social-stream .fb-post span {  }


/* Friends & Donate Popup */
.donateAlert .item, .friendsAlert .item { border: none; text-align: center; padding: 0px 10%; }
.donateAlert .item img { width: auto; margin-bottom: 30px; }
.friendsAlert .item img { width: auto; margin-bottom: 20px; }
.donateAlert h2, .friendsAlert h2 { font-size: 40px; line-height: 48px; color: #d25649; font-family: "chaloops-medium",sans-serif; text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); text-transform: none;}
.donateAlert p { font-size: 18px; margin: 20px 0px; }
.donateAlert h3, .friendsAlert h3 { margin: 20px 0px 10px 0px; color: #333333; font-family: "chaloops-medium",sans-serif; font-size: 24px; line-height: 30px; }
.friendsAlert h3 span {  color: #d25649; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); font-size: 30px; }

/* Specific small screen styling */
@media (max-width: 758px) {
.navbar-collapse { z-index: 9998; background: #474749; position:absolute; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 100px;  }	
.navbar-collapse .nav a { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); font-size: 18px; color: #fffae4;}
.navbar-collapse li a.basketBadge { position: relative; right: inherit; top: inherit;  background: #d25649; width: inherit; height: inherit; line-height: inherit;  font-size: 18px; padding-top: 18px; padding-bottom: 18px; margin: 15px; }
.navbar-collapse li a.basketBadge small { display: block; font-size: 13px; text-transform: none;}
.navbar-collapse li a.basketBadge span { display: inline;   }
.navbar-collapse li a.basketBadge:hover, .navbar-collapse li a.basketBadge:focus, .navbar-collapse li a.basketBadge:active {  background: #af3831; text-decoration: none; }

.navbar-collapse .divider { background-color: #474749; }

.contentHeader { background: none!important;height: auto; }
.contentHeader .col-sm-offset-3 { height: auto; margin: 60px -15px 0px; }
.contentHeader .col-sm-offset-3 h1 { font-size:48px; position: relative; }

.sidePanel { padding: 8px;  color: #474749; }
.sidePanel h3 { margin: 0px; color: #fffae4; cursor: pointer;  }
.sidePanel h3 a { float: left; margin-right: 8px; color: #fffae4; text-decoration: none!important;  }
.sidePanel .hidden-xs.show { display: block!important; }
.sidePanel .submenu { margin: 10px -7px; }
	
p.breadcrumbs { display: none;}
	
.home .listings h1 { margin-top: 48px;  }
.listings .listing {  padding-top: 8px; margin: 0px -15px;}
.listings .listing .img { padding: 0px; float: right; margin-top: -38px; }
.listings .listing .data .tags { display: none; }
.listings .listing .details { padding-right: 13px; }
.listings h3 { margin-right: 0px; }
.listing.entry img { width: 100%; }
.listing.entry .booknow { font-size: 13px; top: 18px;  }

.basket { margin: 0px -15px;  }
.basket .listings .listing img { margin: 0px -15px;  }
.basket .listings .listing { margin: 0px; }
.basket .listing + .sidePanel { margin: 0px;}

.item h2 { font-size: 21px;}
.item h4 { font-size: 13px; }
.item h5 { font-size: 13px; }

}
/* Specific for really small screen styling */
@media (max-width: 380px) {
/* Quote styling on the homepage */
.quote {  width: 100%;  }
.quote + div {  width: 100%;}

.dropdown:hover .dropdown-menu {
    display: none;
 }

}



/* ADDITIONAL STYLING FOR NEW DATE FORMATS - JFenton 28th August 2014 14.35 */
.listings .listing.event h4 .month { display: none; }
.listings .listing.exhibit h4 .month { font-size: 24px;  font-weight: 600; }
.listings .listing.workshop h4 .month { display: none; }
.listings .listing .lunchdeal { width: 100%; height: auto; max-width: 50px; margin-top: 5px; }
.listings .listing.class h4 .time { font-size: 16px;  font-weight: 100;  }
.listings .listing.class h4 .day, .listings .listing.class h4 .month { font-size: 16px;  font-weight: 100; line-height: 1.6em; }
.listings .listing.class h4 .start { font-size: 16px;  }

.listings .listing .soldout { background: #00928b; }
.listings .listing .waitinglist { background: #613fb7; font-size: 13px !important; line-height: 13px !important; }

.listings li { font-size: 13px;  list-style-type: disc; margin-left: 1em;}

.quote + div { margin: 0px;  }

.listingImage { max-width:685px; }

.item_row { position:relative; }

.basket_error { padding: 8px 15px; border-top: 1px solid #D8D2BA; }

.low_stock, .low_stock:hover { text-transform: uppercase; position: absolute; font-weight: 800; font-size: 13px; top: 20px; right: 58px; padding: 8px 50px; /* transform: rotate(45deg); */ border-radius: 0px; border: 0px none; font-size: 12px; line-height: 1.5; padding: 5px 15px; background-color: #fccf75; color:white; }
.listings .listing .low_stock_diagonal, .listings .listing .low_stock_diagonal:hover { text-transform: uppercase; position: absolute; font-weight: 800; font-size: 13px; top: 20px; right: 58px; padding: 8px 50px; /* transform: rotate(45deg); */ border-radius: 0px; border: 0px none; font-size: 12px; line-height: 1.5; background-color: #fccf75; color:white; top: 28px; right: -60px; background-color: #fccf75; color:white; transform: rotate(45deg); }

.gift_aid_agreement { width:90%; float:right; margin-top:-30px; }

.checkbox_div { width: 90%; size: inherit; height: inherit; }
.checkbox_div  input { width: 10%; height: inherit; text-align: left; }


#ile_menu ul { line-height: normal !important; }
#ile_menu ul li { line-height: normal !important; }