/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   AHFOD STYLES
   ========================================================================== */

html { width: 100%; overflow-x: hidden; }
body { font-family: 'Roboto', sans-serif; font-size: 14px; color: #FFF; background: url('/wp-content/themes/ahfod/images/bg.jpg') #000; -webkit-font-smoothing: antialiased; }
a { text-decoration:none; color: white; }
a.colour1 { color: #d81955; } /* RED */
a.colour2 { color: #d24297; } /* PINK */
a.colour3 { color: #886dcb; } /* PURPLE */
a.colour4 { color: #85c760; } /* GREEN */
a.colour5 { color: #cab71d; } /* YELLOW */
a.colour6 { color: #cf6710; } /* ORANGE */

.transition2 { -webkit-transition: 0.1s; transition: 0.1s; }
.transition2 { -webkit-transition: 0.2s; transition: 0.2s; }
.transition3 { -webkit-transition: 0.3s; transition: 0.3s; }

.clearFix { clear: both; }
.sneakyBreak { display: none; }

.stopScolling { }

.loadingBarHeader { height:3px; width:100%; position:fixed; top:0; left:0; background:#333333 url('/wp-content/themes/ahfod/images/rainbow.svg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index: 1010; }

/* HEADER //////////////////////////////////////////////////*/

.headerBar { display: none; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.9); position: fixed; top: 3px; left: 0px; z-index: 1000; }
.hamburgerBut { display: block; width: 56px; height: 70px; position: absolute; top: 0; left: 0; }
.headerBar .logo { width: 195px; height: 70px; background: url('/wp-content/themes/ahfod/images/coldplayLogo.svg'); position: absolute; left: 50%; top: 0; margin-left: -97px; background-repeat: no-repeat; background-position: center center; background-size: 195px 24px; }

.filterToggle { display:block; width:56px; height: 60px; position: absolute; top: 0; right: 0; background: #444; background: url('/wp-content/themes/ahfod/images/news/search.svg'); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; }
.filterToggle.open { background: url('/wp-content/themes/ahfod/images/close1.svg'); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; }

/* MOONS //////////////////////////////////////////////////*/

.moons { width: 180px; height: 70px; position: absolute; right: 24px; top: 0; background: url('/wp-content/themes/ahfod/images/moons/new.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.moons.waxingcrescent { background-image:url('/wp-content/themes/ahfod/images/moons/1.png'); }
.moons.firstquarter { background-image:url('/wp-content/themes/ahfod/images/moons/2.png'); }
.moons.waxinggibbous { background-image:url('/wp-content/themes/ahfod/images/moons/3.png'); }
.moons.full { background-image:url('/wp-content/themes/ahfod/images/moons/4.png'); }
.moons.waninggibbous { background-image:url('/wp-content/themes/ahfod/images/moons/5.png'); }
.moons.lastquarter { background-image:url('/wp-content/themes/ahfod/images/moons/6.png'); }
.moons.waningcrescent { background-image:url('/wp-content/themes/ahfod/images/moons/7.png'); }
.moons.new { background-image:url('/wp-content/themes/ahfod/images/moons/8.png'); }


/* MENU //////////////////////////////////////////////////*/

.menu { display:none; opacity:0; width: 100%; height: 100%; position: fixed; left: 0; top: -20%; background: #000; z-index:994; background: url('/wp-content/themes/ahfod/images/menuBG.jpg') #000; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.menu .navLinks { width:100%; position: absolute; top: 50%; left: 0; margin-top: -172px; }
.menu .navLinks .navLink { width:50%; float:left; height: 24px; padding-top: 34px; text-align: center; font-size: 15px; letter-spacing: 3px; line-height: 25px;  margin-bottom: 28px; background-position: center top; }
.menuOpen { display:block; }

/* LEFT SIDE //////////////////////////////////////////////////*/

.leftSide { width: 200px; height: 100%; position: fixed; left: 0; top: 0; z-index: 900; }
.leftInner { width: 146px; height: 100%; margin-left: 30px; margin-top: 32px; }
.leftInner .logo { width: 146px; height: 18px; background: url('/wp-content/themes/ahfod/images/coldplayLogo.svg'); }
/* .leftInner .logo:hover { background: url('/wp-content/themes/ahfod/images/coldplayHindiLogo.svg'); } */
.line { height: 170px; height: 20px; background: url('/wp-content/themes/ahfod/images/line.svg'); opacity:0.5; margin: 13px 0; }

.leftInner .navLinks a { display:block; opacity:0.8; -webkit-transition: 0.2s; transition: 0.2s; }
.leftInner .navLinks a:hover { opacity: 1; }
.leftInner .navLinks .navLink { height: 24px; font-size: 11px; letter-spacing: 2px; line-height: 25px; text-indent: 42px; margin-bottom: 14px; }
.nav-home { background: url('/wp-content/themes/ahfod/images/nav/newHome.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-news { background: url('/wp-content/themes/ahfod/images/nav/news.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-tour { background: url('/wp-content/themes/ahfod/images/nav/tour.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-music { background: url('/wp-content/themes/ahfod/images/nav/music.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-videos { background: url('/wp-content/themes/ahfod/images/nav/videos.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-timeline { background: url('/wp-content/themes/ahfod/images/nav/timeline.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-roadie { background: url('/wp-content/themes/ahfod/images/nav/roadie42.svg'); background-size:18px 18px; background-repeat: no-repeat; background-position:center left; background-position-x: 6px; }
.nav-store { background: url('/wp-content/themes/ahfod/images/nav/store.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }
.nav-signup { background: url('/wp-content/themes/ahfod/images/nav/signUp.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position:center left; }


/* RIGHT SIDE //////////////////////////////////////////////////*/

.rightSide { width: 200px; height: 100%; position: fixed; right: 0; top: 0; z-index: 900; }
.rightInner { width: 146px; height: 100%; margin-left: 24px; margin-top: 32px; }
.rightInner .line { background: url('/wp-content/themes/ahfod/images/line2.svg'); margin-top:60px;}

/* FOOTER //////////////////////////////////////////////////*/

footer { height: 85px; width: 100%; position: fixed; bottom: -30px; left: 0; background: #000; z-index: 950; }
.loadingBarFooter { height: 3px; width: 100%; background: url('/wp-content/themes/ahfod/images/rainbow.svg') #333; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.footerInner { margin: 0 30px; position: relative; }
.footerLink, .footerLink2 { opacity:0.8; }
.footerLink:hover, .footerLink2:hover { opacity: 1; }
.footerLink2 { width: 24px; height: 24px; position: absolute; top: 6px; }

.pilarzeta { background: url('/wp-content/themes/ahfod/images/pilarzeta.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; left: 0; }
.rabbithole { background: url('/wp-content/themes/ahfod/images/rabbithole.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; right: 0; }

.footerLinks { width: 572px; height: auto; margin: auto; margin-top: 6px; }
.footerLink { width: 38px; height: 38px; margin: 0 7px; float: left; }
.footerLinks .facebook { background: url('/wp-content/themes/ahfod/images/footer/facebook.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .twitter { background: url('/wp-content/themes/ahfod/images/footer/twitter.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .instagram { background: url('/wp-content/themes/ahfod/images/footer/instagram.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .googlePlus { background: url('/wp-content/themes/ahfod/images/footer/googlePlus.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .tumblr { background: url('/wp-content/themes/ahfod/images/footer/tumblr.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .shazam { background: url('/wp-content/themes/ahfod/images/footer/shazam.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .tidal { background: url('/wp-content/themes/ahfod/images/footer/tidal.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .spotify { background: url('/wp-content/themes/ahfod/images/footer/spotify.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .clientEarth { background: url('/wp-content/themes/ahfod/images/footer/clientEarth.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .oxfam { background: url('/wp-content/themes/ahfod/images/footer/oxfam.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }
.footerLinks .globalCitizen { background: url('/wp-content/themes/ahfod/images/footer/globalCitizen.svg'); background-size:24px 24px; background-repeat: no-repeat; background-position: center; }

.footerTextLinks { width: 80%; margin:auto; text-align: center; margin-top: 6px; font-size: 10px; font-weight: 300; letter-spacing: 1px; opacity:0.6; }
.footerTextLinks a { opacity:0.6; -webkit-transition: 0.2s; transition: 0.2s; }
.footerTextLinks a:hover { opacity: 0.8; }

.lowerFooter { width:100%; height: 110px; background: #161616; margin-top: 17px; padding-top: 16px; }



/* THUMBS //////////////////////////////////////////////////*/

.thumbsContainer { padding: 0px 60px; padding-bottom: 166px; }
.thumbs { width: 100%; margin: auto; }
.thumb { width: 28%; margin-bottom: 60px; float: left; }
.videoThumb { margin-right: 8%; }
.thumbs a:nth-child(3n+3) .thumb { margin-right: 0; }
.thumbs a:nth-child(3n+4) .thumb { clear:both; }
.thumb .title { margin: 18px 0 10px; font-family: 'Crimson Text', serif; font-size: 18px; line-height: 21px; text-align: center; }
.timestamp { height: 11px; font-size:11px; letter-spacing: 1px; line-height: 11px; font-style: italic; color: #636363; text-align: center; text-transform: uppercase; }
.timestamp img { display: inline; margin-right: 3px; margin-bottom: 1px; }

.saturn { width: 156px; height: 172px; background: url('/wp-content/themes/ahfod/images/saturn.png'); position: fixed; top: 65%; left: 60px;
	animation: circle 6s linear infinite; }
.saturnRight { left: auto; right: 5%; }
.boyCloud { width: 156px; height: 172px; background: url('/wp-content/themes/ahfod/images/boyCloud.png'); position: fixed; top:50%; right: 70px; animation: circle 5s reverse linear infinite;  }

 .saturn.homepage { top: 80px; left: 220px; position:absolute }
.boyCloud.homepage { top: 50px; right:180px; position:absolute; }

.parallax { margin: 0 10%; width:24%; position: relative; top:80px; }



@keyframes circle {
  from { transform: rotate(0deg)
                    translate(-6px)
                    rotate(0deg);
  }
  to {   transform: rotate(360deg)
                    translate(-6px) 
                    rotate(-360deg);
  }
}







/* VIDEOS //////////////////////////////////////////////////*/

.videoThumbImage { position:relative; }
.videoThumbImage div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
.videoThumbImage .hover {  background: rgba(0,0,0,0.65); -webkit-transition: 0.15s; transition: 0.15s; }
.videoThumbImage .playIcon { width: 100%; background: url('/wp-content/themes/ahfod/images/play.svg'); background-position: center; background-repeat: no-repeat; background-size: 70px 70px; -webkit-transition: 0.4s; transition: 0.4s; top: 5px; }
.videoThumbImage .hover.appear { opacity: 1; }
.videoThumbImage .playIcon.appear { opacity: 1; top: 0; }


/* FILTER //////////////////////////////////////////////////*/

.filterMenu { display: none; opacity:0; width: 100%; height: 100%; position: fixed; left:0; top:-20px; z-index:960; overflow: hidden; }
.filterMenuInner { width:100%; height: 100%; background: rgba(0, 0, 0, 0.9); position: absolute; top:60px; left:0; }
.filterButton { display:block; width:100px; height: 30px; margin: auto; text-align: center; padding-top: 45px; font-size: 12px; letter-spacing: 1px; }

.filterMenuContainer { width: 140px; margin: auto; }

.filterButton.search { background: url('/wp-content/themes/ahfod/images/news/search.svg'); background-repeat: no-repeat; background-size: 40px 40px; background-position: 30px 10px; margin: 20px auto; }
.filterButton.go { background: url('/wp-content/themes/ahfod/images/news/go.svg'); background-repeat: no-repeat; background-size: 40px 40px; background-position: 30px 10px; margin-top: 5px; }

.filter-go { display:block; width: 65px; height:40px; background: url('/wp-content/themes/ahfod/images/news/go.svg'); background-repeat: no-repeat; background-size: 40px 40px; background-position: right; line-height: 40px; font-size: 11px; letter-spacing: 2px; margin: auto; margin-top: 18px; position:relative; left: 8px; }

.select { background: none; width: 120px; height: 30px; text-align: right; height: 24px; font-size: 11px; color: #CCC; letter-spacing: 2px; line-height: 25px; text-transform: uppercase; border: 0; -webkit-appearance:none; padding-right: 39px; outline: none; cursor: pointer; margin-bottom: 15px; }

.Smonth { background: url('/wp-content/themes/ahfod/images/news/month.svg'); background-size: 24px 24px; background-repeat: no-repeat; background-position: right; }
.Syear { background: url('/wp-content/themes/ahfod/images/news/year.svg'); background-size: 24px 24px; background-repeat: no-repeat; background-position: right; }

.SmonthTab { float: left; padding-right: 32px; color:#FFF; margin-bottom: 0; width: 114px; }
.SyearTab { float: left; width: 94px; padding-right: 32px; color:#FFF; margin-right: 30px; margin-bottom: 0; }

.SMob { width:100%; font-size: 11px; letter-spacing: 2px; border-radius: 0; height: 30px; padding: 0 10px; color:#FFF; margin-top: 10px; background-size: 28px 28px; }


.filterMenuContainerVideos { width: 80%; margin: auto; }
.filterMenuContainerVideos .filterButton { margin: auto; margin-top: 20px; }

.filterMenuContainerTour { width: 80%; margin: auto; }
.filterMenuContainerTour a { display: block; width: 100%; text-align: center; margin: 25px 0; font-size: 11px; letter-spacing: 2.2px; }

.filterButton.all { background: url('/wp-content/themes/ahfod/images/videoCategories/all.svg'); background-repeat: no-repeat; background-size: 28px 28px; background-position: center top; margin-top: 60px; }
.filterButton.musicVideos { background: url('/wp-content/themes/ahfod/images/videoCategories/musicVideos.svg'); background-repeat: no-repeat; background-size:28px 28px; background-position: center top; float: left; width:50%; }
.filterButton.interviews { background: url('/wp-content/themes/ahfod/images/videoCategories/interviews.svg'); background-repeat: no-repeat; background-size: 28px 28px; background-position: center top; float: right; width:50%; }
.filterButton.live { background: url('/wp-content/themes/ahfod/images/videoCategories/live.svg'); background-repeat: no-repeat; background-size:28px 28px; background-position: center top;  float: left; width:50%; }
.filterButton.misc { background: url('/wp-content/themes/ahfod/images/videoCategories/misc.svg'); background-repeat: no-repeat; background-size: 28px 28px; background-position: center top;  float: left; width:50%; }


.filterHeading { width: 100%; height: 12px; text-align: center; font-size: 11px; color: #636363; font-style: italic; margin-bottom: 20px; }
.filterHeading span { display: inline-block; position: relative; }
.filterHeading span:before,
.filterHeading span:after {
  content: "";
  position: absolute;
  height: 7px;
  border-bottom: 1px solid #636363;
  top: 0;
  width: 300px;
}
.filterHeading span:before { right: 100%; margin-right: 10px; }
.filterHeading span:after { left: 100%; margin-left: 10px; }
.filterOpen { display: block; } 

.filterUI { font-size: 11px; letter-spacing: 2px; line-height: 25px; text-align: right; }
.filterUI a { display:block; height: 24px; margin-bottom: 14px; }
.filterUIHeading { height: 24px; margin-bottom: 14px; font-style: italic; color: #636363; }
.filterUI .text  { float: right; }
.filterUI .icon { width: 24px; height: 24px; margin-left: 15px; float: right; background-size:20px 20px; background-repeat: no-repeat; background-position: center; }

.filterUI .search { background: url('/wp-content/themes/ahfod/images/news/search.svg'); }
.filterUI .month { background: url('/wp-content/themes/ahfod/images/news/month.svg'); }
.filterUI .year { background: url('/wp-content/themes/ahfod/images/news/year.svg'); }
.filterUI .go { background: url('/wp-content/themes/ahfod/images/news/go.svg'); }

.filterUI .all { background: url('/wp-content/themes/ahfod/images/videoCategories/all.svg'); }
.filterUI .musicVideos { background: url('/wp-content/themes/ahfod/images/videoCategories/musicVideos.svg'); }
.filterUI .interviews { background: url('/wp-content/themes/ahfod/images/videoCategories/interviews.svg'); }
.filterUI .live { background: url('/wp-content/themes/ahfod/images/videoCategories/live.svg'); }
.filterUI .misc { background: url('/wp-content/themes/ahfod/images/videoCategories/misc.svg'); }

.filterUIDesktop a { opacity:0.8; -webkit-transition: 0.2s; transition: 0.2s; }
.filterUIDesktop a:hover { opacity: 1; }

.filterUITablet { display: none; height: 40px; width: 100%; position: fixed; top: 73px; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 960; border-top:1px solid #333; }
.filterUITabletInner { padding: 8px 20px; }
.filterUITablet a { float: left; margin-right: 20px; }
.filterUITablet a.searchButton { float: right; margin-right: 0; }
.filterUITablet .icon { margin-left: 5px;  }
.filterUIPhone { display: none; }


.centerUI { width: 555px; margin: auto; }


/* SEARCH ////////////////////////////////////////////////*/
.searchOverlay { position:fixed; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.97); top:0; left:0; z-index:9999995; overflow:hidden; }
.searchOverlay .outer {  display:table; width:100%; height:100%; }
.searchOverlay .middle { display:table-cell; vertical-align:middle; }
.searchOverlay .inner { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
.searchTitle { width:80%; margin:30px auto; font-size:30px; line-height:36px; text-align:center; font-family:'Crimson Text', serif;  }
.closeSearch { display:block; width:30px; height:30px; margin:0 auto 50px; text-indent:-9999px; background:url(/wp-content/themes/ahfod/images/close1.svg); background-repeat:no-repeat; background-position:center center; background-size:24px 24px; position:relative; z-index:99999}
.searchBox {  width:90%; padding:0 5%; height:160px; color:#ffffff; background:#000; background:none; border:none; text-align:center; font-size:70px; line-height:160px; font-family:'Crimson Text', serif;  white-space:pre-wrap!important; word-wrap:break-word; border:1px solid transparent;
}
.searchBox:focus { outline: 0; }



/* MAIN //////////////////////////////////////////////////*/

main { margin: 33px 200px 55px 200px; }
main .moons { display:none; margin:auto; margin-top: 80px; }


/* HOMEPAGE //////////////////////////////////////////////////*/
.bannerWrapper { position:relative; margin-top:50px; }
.banners { max-width: 800px; width: 100%; height:192px; margin: auto; }
.banner { padding-top: 0; width:100%; text-align:center; display:none; }
.bannerTitle { text-indent:-9999px; min-height: 40px; width: 100%; background-size:contain; background-repeat: no-repeat; background-position: center; text-align:center }
.bannerDesktop { display:block; width:100%; max-width:600px; height:auto; margin:0 auto; }
.bannerMobile { display:none; width:100%; max-width:240px; height:auto; margin:0 auto; }
.bannerText { text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing:2px; margin: 14px 0; }
.bannerTextLarge { font-size:20px; max-width:400px; width:90%; line-height:20px; margin:20px auto 10px; letter-spacing:3;}
.bannerTextSmall { font-size:13px; max-width:400px; line-height:14px; margin:20px auto; letter-spacing:2px; }

.bannerLink { text-align: center; text-transform: uppercase; font-size: 13px; letter-spacing:2px; margin: 14px 0; color:#fc125f; }
.bannerIcons { margin: auto; text-align:center }
.bannerIconsLength1 { width: 67px; }
.bannerIconsLength2 { width: 134px; }
.bannerIconsLength3 { width: 201px; }
.bannerIconsLength5 { width:100%; max-width: 335px; }
.bannerIcons a { display:inline-block; opacity:0.8; -webkit-transition: 0.2s; transition: 0.2s; }
.bannerIcons a:hover { opacity:1; }
.bannerIcons div { width: 45px; height: 15px; padding-top: 45px; float: left; margin:0 6px; text-align: center; font-size: 11px; }
.bannerIcons div.cd { background: url('/wp-content/themes/ahfod/images/buyIcons/cd.svg'); background-repeat: no-repeat; }
.bannerIcons div.vinyl { background: url('/wp-content/themes/ahfod/images/buyIcons/vinyl.svg'); background-repeat: no-repeat; }
.bannerIcons div.itunes { background: url('/wp-content/themes/ahfod/images/buyIcons/itunes.svg'); background-repeat: no-repeat; }
.bannerIcons div.googlePlay { background: url('/wp-content/themes/ahfod/images/buyIcons/googleplay.svg'); background-repeat: no-repeat; }
.bannerIcons div.amazon { background: url('/wp-content/themes/ahfod/images/buyIcons/amazon.svg'); background-repeat: no-repeat; }

.banner .ls_text1 { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 18px; letter-spacing: 3.6px; color: #FFF; text-align: center; text-transform: uppercase; }
.banner .ls_text2 { font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 24px; letter-spacing: 4.6px; color: #df2975; text-align: center; text-transform: uppercase; }
.banner .ls_text3 { font-family: 'Roboto', sans-serif; font-size: 12px; letter-spacing: 2.4px; color: #FFF; text-align: center; text-transform: uppercase; }
.banner .ls_block1 { margin-bottom: 20px; }
.ls_overlay { width: 90%; padding: 0 5%; padding-top: 10px; }
.worldBG { background: url('/wp-content/themes/ahfod/images/bannerWorld.png') center no-repeat; background-size: contain; }

.tourBanner { width: 90%; display: block; margin: auto; margin-bottom: 30px; }
.tourBanner img { width: 100%; }

.videoBanner { display:block; width:500px; height:200px; margin:0 auto; background-repeat: no-repeat; background-size:contain; background-position: center; text-align:center; color:#fff; overflow:auto; }
.videoSubTitle { font-size:12px; margin-top:50px; text-shadow: 2px 2px 5px #000000; letter-spacing:2px }
.videoTitle { font-size:20px; text-shadow: 2px 2px 5px #000000; letter-spacing:3px }
.vidPlayIcon { width:50px; height:50px; background:url(../images/vidPlayIcon.png) no-repeat center center; background-size:50px 50px; margin:10px auto; }

.linkText2 { font-size:16px; line-height: 18px; text-shadow: 2px 2px 5px #000000; letter-spacing:2px }
.linkText1 { font-size:20px; line-height: 22px; margin-top:70px; text-shadow: 2px 2px 5px #000000; letter-spacing:3px }

.videoWrapper { position:fixed; display:none; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.8); z-index:1000; }
.videoIframeOuter { width:100%; }
.videoIframeWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videoIframeOuter iframe { position: absolute; top:10%; left: 10%; width: 80%; height:80%; }

.closeVideoButton {display:block;width:30px;height:30px;margin:20px auto;text-indent:-9999px;background:url(/wp-content/themes/ahfod/images/close1.svg);background-repeat:no-repeat;background-position:center center;background-size:24px 24px;position:relative;z-index:99999}

.centered-btns{position:relative;list-style:none;overflow:hidden;width:100%;max-width:800px;padding:0;margin:auto}
.centered-btns li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.centered-btns li:first-child{position:relative;display:block;float:left}
.centered-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;margin-top:-45px}
.centered-btns_nav:active{opacity:1}
.centered-btns_nav.next{left:auto;background-position:right top;right:0}
.centered-btns_nav:focus{outline:none}
.centered-btns_tabs{position:absolute;z-index:100;text-align:center;padding:0;width:300px;bottom:-20px;left:50%;margin:0 0 0 -150px}
.centered-btns_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.centered-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:transparent;display:inline-block;_display:block;*display:block;border:2px solid #dd8526;width:4px;height:4px} 

.centered-btns_tabs li:nth-child(2) a { border:2px solid #ded731; }
.centered-btns_tabs li:nth-child(3) a { border:2px solid #8fae50; }
.centered-btns_tabs li:nth-child(4) a { border:2px solid #5c7d96; }
.centered-btns_tabs li:nth-child(5) a { border:2px solid #b35599; }

.centered-btns_tabs li:nth-child(1).centered-btns_here a { background: #e45722; }
.centered-btns_tabs li:nth-child(2).centered-btns_here a { background: #ded731; }
.centered-btns_tabs li:nth-child(3).centered-btns_here a { background: #8fae50; }
.centered-btns_tabs li:nth-child(4).centered-btns_here a { background: #5c7d96; }
.centered-btns_tabs li:nth-child(5).centered-btns_here a { background: #b35599; }


.flower { width:252px; position:absolute; top:250px; left:50%; margin-left:-126px; padding:40px 0 }
.flowerOverlay { opacity:0; position:absolute; left:-35px; top:158px; width:322px; height:40px; line-height:40px; color:#fff; font-size:11px; letter-spacing:2px; text-transform:uppercase; text-align:center; background-color:#000000; -webkit-transition: 0.2s; transition: 0.2s; }
.flower:hover .flowerOverlay { opacity:1 }

.homeNews { margin-bottom: 45px; height:1040px; }
.homeNews img.elastic { width: 180px; float: left; margin-right: 14px; box-sizing: border-box; }
.homeNews1 img.elastic:hover { border: 3px solid #e45722; }
.homeNews2 img.elastic:hover { border: 3px solid #8fec55; }
.homeNews3 img.elastic:hover { border: 3px solid #e45722; }
.homeNews4 img.elastic:hover { border: 3px solid #8fec55; }
.homeNews5 img.elastic:hover { border: 3px solid #e45722; }

.homeNews .float { width: 180px; float: left; }
.homeNewsTitle { font-size: 18px; line-height: 21px; font-family: 'Crimson Text', serif; margin: 14px 0; }
.homeNews1 div, .homeNews3 div { text-align: left; }
.homeNews2 div, .homeNews5 div { text-align: right; }
.homeNews4 div { text-align: center; }

.homeNews1 { width: 180px; position: absolute; left: 20%; top: 320px; }
.homeNews2 { width: 324px; position: absolute; right: 8.1%; top: 320px; }
.homeNews3 { width: 180px; position: absolute; left: 20%; top: 680px; }  
.homeNews4 { width: 180px; position: absolute; left: 50%; top: 630px; margin-left:-90px; }
.homeNews5 { width: 324px; position: absolute; right: 8.1%; top: 680px; margin-bottom:140px; }

.homeClouds { width:230px; height: 165px; background: url('/wp-content/themes/ahfod/images/home/clouds.png'); background-repeat: no-repeat; position: fixed; bottom: 7%; left: 1%; background-size: contain; cursor:pointer; z-index:920; } 
.trees { width: 230px; height: 165px; background: url('/wp-content/themes/ahfod/images/home/trees.png'); background-repeat: no-repeat; position: fixed; bottom: 7%; right: 0; background-size: contain; }
.kaleidoscope { width: 100px; height: 200px; background: url('/wp-content/themes/ahfod/images/home/kaleidoscope.png'); background-repeat: no-repeat; position: absolute; top: 10%; right:-10px; background-size: contain; z-index: 990; -webkit-transition: 0.2s; transition: 0.2s; }
.kaleidoscope:hover { right:0px; }

.homeOverlayWrapper { position:fixed; display:none; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.8); z-index:1000; }
.homeOverlayInner { position:absolute; width:80%; height:70%; top:15%; left:10%; background: url('/wp-content/themes/ahfod/images/heart1.jpg') no-repeat center center; background-size:contain; }
.closeOverlay { position:absolute; display:block; width:30px; height:30px; top:-30px; left:50%; margin-left:-15px; text-indent:-9999px; background: url('/wp-content/themes/ahfod/images/close1.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;}


.homepageFooterBanner { position:absolute; width:500px; top:1040px; left:50%; text-align:center; margin: 0 0 120px -250px; }
.homepageFooterBanner img { max-width:100%;}

.moreNews { display:block; position:absolute; top:940px; left:50%; margin-left:-59px; width: 118px; height: 54px; text-align:center; background: #111; line-height: 40px; font-size: 11px; letter-spacing: 2px; background: url('/wp-content/themes/ahfod/images/arrowDown.png'); background-repeat: no-repeat; background-size: 25px 18px; background-position: center bottom; }




/* ARTICLE //////////////////////////////////////////////////*/

.close { width:70px; height: 40px; margin: auto; margin-bottom: 30px; background: url('/wp-content/themes/ahfod/images/close1.svg'); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; display: none; }

.article1 { width:100%; margin:auto; position: relative; background: rgba(255, 255, 255, 0.02); }
.article1 .articleImage { width: 50%; float: right; }
.article1 .content { width: 50%; height: 100%; position: absolute; left: 0; top:0; }
.article1 .middle { position: relative; top: 50%; transform: translateY(-50%); }
.article1 .title { width: 60%; margin: auto; font-size: 30px; line-height: 36px; font-family: 'Crimson Text', serif; text-align: center; margin-bottom: 14px; }
.article1 .timestamp { }
.article1 .colourLine { margin: 28px auto 36px; width: 40%; height: 3px; background: url('/wp-content/themes/ahfod/images/rainbow.svg') #e10e14; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }
.article1 .text { width: 60%; margin: auto; text-align: center; font-size: 14px; }
.article1 .text a { color: #d81955; }

.article1.noImage { max-width:600px; width: 100%; background: none; }
.article1.noImage .content { width: 100%; position: relative; }
.article1.noImage .middle { top:0; transform: none; }

.articleBump { height: 33px; }

.article2 p, .article2 pre, .article2 h2, .article2 h3  { width: 86%; max-width:700px; margin: 22px auto; }
.article2 pre { text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; }
.article2 iframe { width: 100%; max-width: 700px; margin: 0px auto; display: block; }
.article2 img { margin: auto; display:block; max-width: 100%; height:auto; }
.article2 h2 { font-family: 'Crimson Text', serif; margin-top: 0; margin-bottom: 0; text-align: center; font-size: 24px; line-height: 28px; }

.article2 p { font-size: 16px; }

/* SINGLE VIDEO //////////////////////////////////////////////////*/
.singleVideo { width: 100%; max-width: 800px; margin: auto; margin-bottom: 35px; }
.singleVideo .title { width: 60%; margin: auto; font-size: 30px; line-height: 36px; font-family: 'Crimson Text', serif; text-align: center; margin-bottom: 14px; margin-top: 35px; }
.moonBoy { width: 130px; height: 160px; position: fixed; bottom: 20%; right: 5%; background: url('/wp-content/themes/ahfod/images/moonBoy.png'); }

.videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.videoContainer iframe { width: 100%; height: 100%; position: absolute; display:block; left: 0; top: 0; }

/* IMAGE GALLERY //////////////////////////////////////////////////*/

.imageGallery { height: 300px; width: 100%; overflow: hidden; margin-top: 25px; margin-bottom: 25px; }
.gallery-cell { height: 300px; margin-right: 10px !important; opacity:1; }


/* SHARE THIS //////////////////////////////////////////////////*/

.shareThis { width: 110px; height: 110px; position: fixed; left: 30px; bottom: 80px; z-index: 920; }
.shareThis a { opacity:0.8; -webkit-transition: 0.2s; transition: 0.2s; }
.shareThis a:hover { opacity:1; }
.shareThis #shareThisText { width: 150px; position: absolute; left: 50px; bottom: 12px; font-size: 11px; color: #636363; z-index: 0; -webkit-transition: 0.2s; transition: 0.2s; }
.shareThis .share { width: 40px; height: 40px; position: absolute; left: 0; bottom: 0; z-index: 10; background: url('/wp-content/themes/ahfod/images/share.svg'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center; }

.shareThis .icon { width: 40px; height: 40px; position: absolute; opacity:0; -webkit-transition: 0.2s; transition: 0.2s; pointer-events:none; }
.shareThis .icon.facebook { left: 0; top: 20px;  background: url('/wp-content/themes/ahfod/images/footer/facebook.svg'); background-repeat: no-repeat; background-size: 30px 30px; background-position: center; }
.shareThis .icon.twitter { right: 40px; top: 40px;  background: url('/wp-content/themes/ahfod/images/footer/twitter.svg'); background-repeat: no-repeat; background-size: 30px 30px; background-position: center; }
.shareThis .icon.googlePlus { right: 20px; bottom: 0;  background: url('/wp-content/themes/ahfod/images/footer/googlePlus.svg'); background-repeat: no-repeat; background-size: 30px 30px; background-position: center; }

.shareThis .icon.facebook.appear { top:0; opacity: 1; pointer-events:auto; } 
.shareThis .icon.twitter.appear { right: 20px; top: 20px; opacity: 1; pointer-events:auto; }
.shareThis .icon.googlePlus.appear { right: 0; opacity: 1; pointer-events:auto; }
.shareThis #shareThisText.appear { opacity: 0; }

.clouds { display:none; width: 154px; height: 188px; background: url('/wp-content/themes/ahfod/images/clouds.png'); position: absolute; left: -140px; top: -30px; }
.clouds2 { display: none; width: 154px; height: 188px; background: url('/wp-content/themes/ahfod/images/clouds2.png'); position: absolute; right: -150px; top: -30px; }
.clouds3 { width: 228px; height: 158px; background: url('/wp-content/themes/ahfod/images/clouds3.png'); position: absolute; right: -32px; top: -72px; opacity:1;-webkit-transition: 0.2s; transition: 0.2s; }
.clouds3.fade { opacity:0 }


/* MUSIC //////////////////////////////////////////////////*/

.music { max-width: 550px; width: 100%; margin: auto; background: rgba(255, 255, 255, 0.02); margin-bottom: 33px; }
.music .info { width: 50%; float: right;  }
.music .title { font-size: 24px; line-height: 28px; font-family: 'Crimson Text', serif; text-align: center; padding: 4px 20px 30px 20px; }
.music img { width: 50%; }
.music .timestamp { margin-top: 60px; }

.table { max-width: 700px; width: 90%; margin: auto; border-left:1px solid #464646; border-top:1px solid #464646; margin-bottom:100px; }
.table .row { width: 100%; position: relative; }
.table .cell { border-right:1px solid #464646; border-bottom:1px solid #464646; height: 20px; line-height: 20px; overflow: hidden; padding: 20px 0; }
.table .cellDummy { }

.trackNumber { width: 70px; float: left; text-align: center; }
.trackTitle { float:left; text-indent:20px;  }
.length3 { width: 325px; }
.length2 { width: 426px; }
.length1 { width: 527px; }
.trackVideo { text-align: center; float: right; width:100px; }
.trackLyrics { text-align: center; float: right; width:100px; }
.trackBuy { text-align: center; float: right; width:100px; }


.tourTitle { width:580px; height:40px; background: url('/wp-content/themes/ahfod/images/head-full-of-dreams-tour.svg') no-repeat center; margin:10px auto 30px; }
.tourTitleMob { width:258px; height:78px; background: url('/wp-content/themes/ahfod/images/head-full-of-dreams-tour-mob.svg') no-repeat center; margin:10px auto 30px; }

#tourTable .cell { float: left; box-sizing: border-box; height:80px; padding: 0; }
.cell.date { width: 15%; }
.cell.venue { width: 35%; }
.cell.city { width: 30%; }
.cell.share { width: 15%; position:relative; cursor:pointer; }
.cell.tickets { width: 20%; }

.tableShares { display:none; }  
.tableShares a { opacity:0.8; }
.tableShares a:hover { opacity:1; }
.tableShare { width:30%; height:100%; position:absolute; top:0; margin-right:3%; z-index:99; }
.tableShare.facebook { left:5%; background: url('/wp-content/themes/ahfod/images/footer/facebook.svg') no-repeat center; background-size: 24px 24px; }
.tableShare.twitter { left:35%; background: url('/wp-content/themes/ahfod/images/footer/twitter.svg') no-repeat center; background-size: 24px 24px; }
.tableShare.googlePlus{ left:65%; background: url('/wp-content/themes/ahfod/images/footer/googlePlus.svg') no-repeat center; background-size: 24px 24px; }

.row.inactive { display: none; }

.dateInner { height: 60px; text-align: center; padding: 10px 0; }
.dateInner .day { font-size:11px; }
.dateInner .daynum { font-size:18px; }
.dateInner .month { font-size:11px; }

.venueInner { height: 40px; padding: 20px; }

.smallGrey { font-size: 12px; color: #666; }
.smallGrey a { font-size: 12px; color: #666; }
.smallGrey a:hover { text-decoration:underline; }

.cityInner { height: 40px; padding: 20px; }

.shareInner { font-size: 12px; padding: 30px 0; width: 64px; margin: auto; font-style: italic; }
.ticketsInner { font-size: 12px; padding: 30px 0; width: 70px; margin: auto; font-style: italic; }
.soldoutInner { font-size: 12px; padding: 30px 0; width: 100%; color: #666; text-align: center; font-style: italic; }
.onSaleSoonInner { font-size: 12px; padding: 24px 0; width: 100%; color: #666; text-align: center; font-style: italic; line-height:16px; }

.row.hide { display: none; }

.tableIcon { width: 20px; height: 20px; display: inline-block; margin-left: 10px; vertical-align: middle; }
.tableIcon.video { background: url('/wp-content/themes/ahfod/images/musicIcons/video.svg'); background-size: 24px 24px; background-position: center; }
.tableIcon.lyrics { background: url('/wp-content/themes/ahfod/images/musicIcons/lyrics.svg'); }
.tableIcon.buy { background: url('/wp-content/themes/ahfod/images/musicIcons/buy.svg'); }
.tableIcon.share { background: url('/wp-content/themes/ahfod/images/share.svg'); }
.trackDummy { display: none; }

.tourFilter a { color: #666; }
.tourFilter a.active { color: #FFF; }



.tableIcon { width: 20px; height: 20px; display: inline-block; margin-left: 10px; vertical-align: middle; }
.tableIcon.video { background: url('/wp-content/themes/ahfod/images/musicIcons/video.svg'); background-size: 24px 24px; background-position: center; }
.tableIcon.lyrics { background: url('/wp-content/themes/ahfod/images/musicIcons/lyrics.svg'); }
.tableIcon.buy { background: url('/wp-content/themes/ahfod/images/musicIcons/buy.svg'); }
.trackDummy { display: none; }

.releaseList { width: 190px; height: 100%; display: block; opacity:1; top: 0px; position: fixed; right: 0px; background: rgba(0, 0, 0, 0.24); overflow: scroll;  z-index: 940; -webkit-overflow-scrolling: touch; }
.releaseInner { margin: 33px 0 80px 0; }
.release { display:block; width: 120px; margin: 25px auto; }
.release.active img { border: 5px solid #ec66d9; box-sizing: border-box; }
.releaseTitle { font-size: 11px; text-align: center; margin-top: 14px; color: #666666; }
.release.active .releaseTitle { color: #FFF; }

.releaseTypeMenu { color: #666; font-size: 11px; letter-spacing: 2.2px; position: fixed; right: 218px; top: 60px; 
	-ms-transform: rotate(-90deg); /* IE 9 */
	-ms-transform-origin: 100% 0%;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 100% 0%;
    transform: rotate(-90deg); 
    transform-origin: 100% 0%;
}
.releaseTypeMenu a { color: #666; -webkit-transition: 0.2s; transition: 0.2s; }
.releaseTypeMenu a:hover { color: #999; }
.releaseTypeMenu a.active { color: #FFF; }

.releaseList .releaseClose { width: 80px; height: 24px; display: none; position: fixed; top: 144px; right:345px; background: #F00; background: url('/wp-content/themes/ahfod/images/close1.svg'); background-repeat: no-repeat; background-position: center right; background-size: 24px 24px; line-height: 26px; font-size: 11px; letter-spacing: 2px; opacity:0.8; -webkit-transition: 0.2s; transition: 0.2s;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-ms-transform-origin: 100% 0%;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 100% 0%;
    transform: rotate(-90deg); 
    transform-origin: 100% 0%;
}
.releaseList .releaseClose:hover { opacity:1; }

.releaseTypeMenu2 { display:none; height: 40px; width: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 73px; left: 0; text-align: center; line-height: 40px; font-size: 11px; letter-spacing: 2px; z-index: 960; border-top:1px solid #333; }
.releaseTypeMenu2 a { display: inline-block; margin: 0 15px; color: #666; }
.releaseTypeMenu2 a:hover { color: #999; }
.releaseTypeMenu2 a.active { color: #FFF; }


.navPrev a { display:block; float: left; width: 125px; height: 40px; background: #111; line-height: 40px; text-align: right; font-size: 12px; letter-spacing: 2px; background: url('/wp-content/themes/ahfod/images/prev.svg'); background-repeat: no-repeat; background-size: 30px 30px; background-position: left; }
.navNext a { display:block; float: right; width: 118px; height: 40px; background: #111; line-height: 40px; text-align: left; font-size: 12px; letter-spacing: 2px; background: url('/wp-content/themes/ahfod/images/news/go.svg'); background-repeat: no-repeat; background-size: 30px 30px; background-position: right; }


.appearsOnContainer { width:80%; max-width: 400px; margin: auto; margin-bottom: 33px; text-align: center }
.appearsOnHeading { width:100%; height: 20px; line-height: 20px; font-size: 12px; letter-spacing: 2px; text-align: center; padding: 20px 0; color:#666666;  }
.appearsOnRelease { width:39%; display:inline-block; padding: 0 5%; }
.appearsOnTitle { font-size: 12px; letter-spacing: 2px; text-align: center; text-transform: uppercase; padding: 14px 0 7px 0; }
.appearsOnBuy { font-size: 12px; text-align: center; padding-bottom: 20px; }
a.pinkLink { color:#e263d1; }
a.yellowLink { color:#f9eb1c; }
a.blueLink { color:#03a1db; }

.message { width: 80%; font-size: 30px; line-height: 36px; text-align: center; font-family: 'Crimson Text', serif; padding: 33px 10% 66px 10%; }


/* VIDEO */
.videoOverlay { position:fixed; display:none; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.9); z-index:1000; }
.closeVideoOverlay { position:absolute; display:block; width:30px; height:30px; top:-50px; left:50%; margin-left:-15px; text-indent:-9999px; background: url('/wp-content/themes/ahfod/images/close1.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;}
.videoOuter { display:table; position:absolute; height:100%; width:70%; left:15%; }
.videoMiddle { display:table-cell; vertical-align:middle; }
.videoInner { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
.videoInner.videoContainer { overflow:visible; }






/* TOUR //////////////////////////////////////////////////*/
.tourFlower .saturn { position:absolute; top:60%; left:18%; }
.tourFlower .boyCloud { position:absolute; top:5%; right:22%; }
.tourFlower { position:relative; margin:80px auto 0 }
.tourFlower img { width:120px; }
h2.tour { font-size: 16px; }
.noDatesMessage { width:420px; height:86px; margin:30px auto; background: url('/wp-content/themes/ahfod/images/nodates-desktop.svg') no-repeat center center;  background-size:contain; text-indent:-9999px;}
.colourLine.tour { margin: 28px auto 36px; width: 148px; height: 3px; background: url('/wp-content/themes/ahfod/images/rainbow.svg') #fff; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

.tourContent { width:300px; margin:auto; text-align: center; }



/* CONTACT //////////////////////////////////////////////////*/
.contactHeader { width:88%; max-width:580px; margin:20px auto; text-align:center; }
.contactTitle { text-indent:-9999px; display:block; margin:60px auto 40px; width:174px; height:23px; background:url(../images/contactTitle.png) no-repeat center center; background-size:contain }
.contactHeader h2 { font-weight:normal; font-size:15px; letter-spacing:2px; text-transform:uppercase; }
.contactHeader p { font-size:11px; letter-spacing:0.5px; }
.privacyLink { color:#dd26d4; text-decoration: none; }

.signUpForm { width:100%; margin:20px auto; }
.contactForm { width:740px; }
.signUpForm p { text-align:center; max-width:510px; margin:20px auto; }

.signUpForm input[type=text], .signUpForm input[type=email], .signUpForm select { width:300px; height:40px; border:none; border-radius:0; background-color:#313132; background-color:rgba(88,88,88,0.3); line-height:40px; font-size:12px; letter-spacing:2px; color:#ffffff; padding:0 20px; display:inline-block; text-align:left; margin:10px 0 10px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; text-transform:uppercase; }
.signUpForm select.selectCountry { width:340px; }
.signUpForm input[type=text]:focus, .signUpForm input[type=email]:focus, .signUpForm select:focus, .signUpForm textarea:focus { outline:none; }
.signUpForm ::-webkit-input-placeholder { color:#ffffff; }
.signUpForm :-moz-placeholder { color:#ffffff; }
.signUpForm ::-moz-placeholder { color:#ffffff; }
.signUpForm :-ms-input-placeholder { color:#ffffff; }

.signUpForm .errorHighlight { background-color:#fb9597 !important; }
.signUpForm textarea { width:300px; border:none; background-color:#313132; background-color:rgba(88,88,88,0.3); padding:20px; text-align:left; margin:10px auto; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; text-transform:uppercase; }
.recaptcha { margin:10px 0; float:right;  }

.submitContact { display:block; margin:10px auto; width:86px; height:39px; background:none; border:none; border-radius:none; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; background:url(../images/submitButton.png); background-size:86px 39px; text-indent:-9999px; }
.submitContact:focus { outline:none; }

.contactError { text-align:center; color:#fb9597; margin-top:30px; }

.contactFormDetails, .contactFormContent { float:left; width:340px; margin:0 10px;}

.formSubmitted { position:absolute; width:400px; height:auto; top:20%; left:50%; margin-left:-200px; text-align: center }
.formSubmitted h2 { font-size:30px; line-height:36px; font-family:'Crimson Text',serif; }
.thankYouMessage { width:300px; height:32px; margin:20px auto; background:url(../images/thankyou.png) no-repeat center center; background-size:contain; text-indent:-9999px; }
.sentText { font-size:15px; letter-spacing:3px; text-transform:uppercase; }
.backtoHome { font-size:11px; letter-spacing:1px; }
.backtoHome a { color:#dd26d4; text-decoration:none; }

.signupWrapper { margin:20px auto; text-align:center; width:88%; max-width:520px; }
.signupTitle { text-indent:-9999px; display:block; margin:60px auto 40px; width:150px; height:28px; background:url(../images/signup.png) no-repeat center center; background-size:contain }

.letterGroup { font-size:11px; margin-left:20px; width:140px; }
.letterName { font-size: 30px; line-height: 36px; font-family: 'Crimson Text', serif; margin:30px 0 0; color:#e33713; }
.letterName:nth-of-type(0) { color:#e01230; }
.letterName:nth-of-type(1) { color:#e54a11; }
.letterName:nth-of-type(2) { color:#e87507; }
.letterName:nth-of-type(3) { color:#ea8908; }
.letterName:nth-of-type(4) { color:#eeba03; }
.letterName:nth-of-type(5) { color:#efd703; }
.letterName:nth-of-type(6) { color:#ede204; }
.letterName:nth-of-type(7) { color:#e4df03; }
.letterName:nth-of-type(8) { color:#e4df03; }
.letterName:nth-of-type(9) { color:#d0d604; }
.letterName:nth-of-type(10) { color:#c7d302; }
.letterName:nth-of-type(11) { color:#bdd003; }
.letterName:nth-of-type(12) { color:#a4c61c; }
.letterName:nth-of-type(13) { color:#97b848; }
.letterName:nth-of-type(14) { color:#87aa67; }
.letterName:nth-of-type(15) { color:#7ba27a; }
.letterName:nth-of-type(16) { color:#779c80; }
.letterName:nth-of-type(17) { color:#6b9190; }
.letterName:nth-of-type(18) { color:#5174a6; }
.letterName:nth-of-type(19) { color:#4364ac; }
.letterName:nth-of-type(20) { color:#7261a8; }
.letterName:nth-of-type(21) { color:#875ea4; }
.letterName:nth-of-type(22) { color:#935ba2; }
.letterName:nth-of-type(23) { color:#b2529a; }
.letterName:nth-of-type(24) { color:#ce3b6d; }
.letterName:nth-of-type(25) { color:#e51c18; }
.letterName:nth-of-type(26) { color:#e54a11; }

.letterGroup a:hover, .letterGroup a.active { color:#dd26d4; }



/* OVERRIDES //////////////////////////////////////////////////*/

.noMarg { margin: 0; }
.elastic { width: 100%; }
.bump { height: 33px; }
.mobOnly { display: none; }
.desktopOnly { display: block; }
.centerText { text-align: center; }




/* TABLET //////////////////////////////////////////////////*/
@media only screen and (max-width : 1200px) {
	
	.headerBar { display: block; }	
	.filterToggle { display:none; }
	
	footer { bottom: 0px; }
	.footerLink, .footerLink2 { opacity:1; }
		
	.leftSide { display: none; }
	.rightSide { display: none; }
	
	main { margin: 114px 0 130px; }
	
	.thumbsContainer { padding: 0 100px; padding-bottom: 100px; }
	
	.filterUITablet { display: block; }
	.filterUI .icon { background-size:19px 19px; background-position: center; background-repeat: no-repeat; }
	
	.article1 { width: 80%; }
	.newsBump { height: 33px; }
	
	.shareThis { width: 150px; height: 110px; position: relative; left: auto; bottom: auto; margin: auto; }
	.shareThis a { opacity:1; }
	.shareThis #shareThisText { width: 100%; left: 0; bottom: -35px; text-align: center; font-size: 13px; letter-spacing: 1.3px; }
	.shareThis .share { left: 50%; margin-left: -20px; }
	
	.shareThis .icon.facebook { left: 20px; top: 45px; }
	.shareThis .icon.twitter { right: 55px; top: 20px; }
	.shareThis .icon.googlePlus { right: 20px; top: 45px; }
	
	.shareThis .icon.facebook.appear { left: 0; top: 35px; opacity: 1; } 
	.shareThis .icon.twitter.appear { right: 55px; top: 0px; opacity: 1; }
	.shareThis .icon.googlePlus.appear { right: 0px; top: 35px; opacity:1; }
	.shareThis #shareThisText.appear { opacity: 1; }
	
	.saturn { display:none; }
	.boyCloud { display:none; }


	
	.clouds { display: block; }
	.clouds2 { display: block; }
	.clouds3 { display: none; }
	
	.moonBoy { display:none; }
	
	.flower { position:relative; top:0; }
	.homeNews { max-width: 752px; width: 90%; margin: auto; height:initial; }
	.homeNews1, .homeNews2, .homeNews3, .homeNews4, .homeNews5 { width: 46%; position: relative; left:auto; top:auto; right:auto; margin-bottom:40px; }
	.homeNews3, .homeNews5 { float: right; }
	.homeNews2, .homeNews4 { float: left; clear:both; }

  .homeNews1 { width: 180px; position: relative; margin:0 auto; text-align:center }
.homeNews1 div { text-align:center;}

  .homeNews2 img.elastic, .homeNews3 img.elastic, .homeNews4 img.elastic, .homeNews5 img.elastic { width: 50%; }
	.homeNews2 img.elastic,  .homeNews4 img.elastic { float: right; margin-right: 0; margin-left: 5%; }
	.homeNews3 img.elastic,  .homeNews5 img.elastic  { margin-right: 5%; }
	
 .homeNews2 .float, .homeNews3 .float, .homeNews4 .float, .homeNews5 .float { width: 45%; }
	
  .homeNews2, .homeNews3 { margin-top:50px; }
	.homeNews2 div,  .homeNews4 div { text-align: right; }
	.homeNews3 div,  .homeNews5 div { text-align: left; }

  .homeNews4 { margin-left:0; }

  .homepageFooterBanner { position:relative; display:block; top:0; left:0; margin:50px auto 120px; }

.moreNews { position: relative; top:0; }


	.homeClouds { bottom: 40%; position:absolute; }
	.trees { display: none; }
	.kaleidoscope { top: 20%; }
	
	.releaseList { width: 380px; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; opacity: 0; top: -20px; }
	.releaseInner { margin: 147px 0 140px 0; padding-left: 90px; width: 240px; }
	.release { width: 200px; }
	.releaseTitle { font-size: 13px; }
	
	.releaseList .releaseClose { display: block; }
	
	.releaseTypeMenu { display: none; }
	
	.musicBump { height:41px; }
	.releaseTypeMenu2 { display: block; }
	
	.releaseListOpen { display: block; }
	
}

@media only screen and (max-width : 1000px) {
	
	.thumbsContainer { padding: 0 80px; padding-bottom: 100px; }
	
	.article1 { width: 100%;  position: relative; background: none; }
	.article1 .title { font-size: 36px; line-height: 36px; }
	.article1 .articleImage { width: 50%; float: none; margin: auto; margin-top: 18px; display: block; }
	.article1 .content { width: 80%; max-width: 600px; margin: auto; position: relative; }
	.article1 .middle { position: relative; top: 0; transform: none; }
	.article1 .colourLine { margin-bottom: 26px; }
	.article2 { margin: 40px auto; }
	
	.videoThumb { width: 46%; margin-right: 8%; margin-bottom: 60px; float: left; }
	.thumbs a:nth-child(3n+3) .videoThumb { margin-right: 8%; }
	.thumbs a:nth-child(3n+4) .videoThumb { clear:none; }
	.thumbs a:nth-child(2n+2) .videoThumb { margin-right: 0%; }
	.thumbs a:nth-child(2n+3) .videoThumb { clear:both; }
	

}

@media only screen and (max-width : 800px) {
	.thumbsContainer { padding: 0 60px; padding-bottom: 100px; }
	
	.table { max-width: 630px; }
	.trackNumber { width: 60px; }
	.length3 { width:295px; }
	.length2 { width: 386px; }
	.length1 { width: 477px; }
	.trackVideo { width:90px; }
	.trackLyrics { width:90px; }
	.trackBuy { width:90px; }
	.tableIcon { margin-left: 7px; }


  .signUpForm { width:86%; }
	.contactFormDetails, .contactFormContent { width:100%; margin:0; text-align:center; }
  .recaptcha { float:none; display:inline-block; }







}


/* PHONE //////////////////////////////////////////////////*/
@media only screen and (max-width : 700px) {

	.noMob { display: none; }
	.sneakyBreak { display: inline; }
	
	.headerBar .moons { display: none; }
	.headerBar, .hamburgerBut, .headerBar .logo { height: 60px; }
	
	.menu .navLinks { margin-top: -128px; }
	.menu .navLinks .navLink { padding-top: 32px; font-size: 12px; letter-spacing: 2px; line-height: 14px;  margin-bottom: 8px;  }
	
	footer { height: 299px; position: relative; }
	.footerLinks { width: 260px; margin-top: 20px; }
	.lowerLinks { width: 156px; margin-top: 0px; }
	.FLCenter { margin-left: 59px; }
	.FLCenter2 { margin-left: 33px; }
	
	main { width: 100%; margin: 99px auto 0px; padding-bottom: 66px; overflow: hidden; }
	main .moons { display:block; position:relative; width:190px; height:30px; right:0; margin-bottom:30px; margin-top: 0; }
	
	.filterUITablet { display: none; }
	.filterUIPhone { display: block; }
	
	.thumbsContainer { padding: 0 40px; }
	.thumb { width: 100%; margin-right: 0; margin-bottom: 30px; }
	.parallax { margin-right: 0; margin-left: 0; width: 100%; position: inherit; top:0; }
	.thumb .title { font-size: 24px; line-height: 24px; }
	.thumb .elastic { width: 80%; margin: 0 10%; }
	 
	.filterToggle { display:block; }
	
	.article1 .articleImage { width: 100%; }
	.article1 .title { font-size: 32px; line-height: 32px; }
	.article1 .title, .article1 .text { width: 80%; } 
	.article2 { max-width: 600px; margin: 30px auto; }
	.article2 iframe { margin: 5px auto; width: 100%; height: 250px; }
	
	.newsBump { display: none; }
	 
	.banners { width: 100%; height:240px; background-position: center; }
	.bannerTitle {  width: 90%; margin: auto; background-repeat: no-repeat; background-position: center; }
	.bannerDesktop { display:none;}
	.bannerMobile { display:block;}

	.videoBanner { display:block; width:320px; height:202px; background-size:contain; }
	
	.bannerIcons a { opacity:1; }
	
	.homeNews { margin-bottom: 0px; }
	.homeNews { max-width: 500px; }
	.homeNews1, .homeNews2, .homeNews3, .homeNews4, .homeNews5 { width: 100%; }
	.homeNews1 { margin-bottom: 33px; float:left; }
	.homeNewsTitle { font-size: 30px; line-height: 30px; }
	.homeNews1 img.elastic, .homeNews3 img.elastic, .homeNews5 img.elastic { width: 55%; margin-left: 5%; margin-right:0; float:right; }
	.homeNews2 img.elastic, .homeNews4 img.elastic { width: 55%; margin-right: 5%; margin-left:0;float:left; }
	.homeNews1 .float, .homeNews3 .float, .homeNews5 .float { width: 40%; float:right;}
  .homeNews2 .float, .homeNews4 .float { width: 40%; float:left; }
	
	.homeNews1 div, .homeNews3 div ,.homeNews5 div { text-align: right; }
  .homeNews2 div, .homeNews4 div { text-align: left; }

  .homeNews2, .homeNews3 { margin-top:0; }

	
	.homeClouds { width: 180px; height: 195px; bottom: auto; top: 300px; left: -30px; display: none; }
	.kaleidoscope { width: 60px; height: 120px; top: 400px; right: 0px; }

	.music { background: none; width: 80%; }
	.music .info { width: 100%; margin-bottom: 33px; }
	.music img { width: 100%; }
	.music .timestamp { margin-top: 0px; }
	
	.table .cell { box-sizing: border-box; padding-bottom: 40px; } 
	.trackNumber { width: 15%; background: rgba(0, 0, 0, 0.9); }
	.length3 { width:85%; }
	.length2 { width:85%; }
	.length1 { width:85%; }
	.trackVideo { width:33.333%; }
	.trackLyrics { width:33.333%; }
	.trackBuy { width:33.333%; }
	.tableIcon { margin-left: 10px; }
	.trackDummy { display: block; }
	
	.releaseList { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); }
	.releaseInner { padding-left: 0; margin-left: auto; margin-right: auto; }
	.release { width: 200px; }
	.releaseTitle { font-size: 13px; }
	
	.releaseTypeMenu2 { top: 63px; }
	.releaseList .releaseClose { position: fixed; right: auto; left: -60px; } 
	
	.musicBump { height:31px; }
	
	.mobOnly { display: block; }
  .desktopOnly { display: none; }
	
	.message { font-size: 24px; line-height: 28px; }
	
	.videoOuter { display:table; position:absolute; height:100%; width:90%; left:5%; }

	.cell.date { width: 20%; }
  .cell.venue { width: 53%; }
  .cell.city { display: none; }
  .cell.share { display: none; }
  .cell.tickets { width: 27%; }
  .ticketsInner .tableIcon { margin-left: 5px; }
  .ticketsInner { width: 65px; }

    .homepageFooterBanner { width:100%; max-width:500px; }

	
}

@media only screen and (max-width : 500px) {
	.homeNewsTitle { font-size: 24px; line-height: 24px; margin-top: 0}
	.flower { width:50%; left:0; margin:auto; padding:50px 0 40px; }
	.noDatesMessage { width:280px; height:100px; background-image:url('/wp-content/themes/ahfod/images/nodates-mobile.svg') ;}

  .homeNews1 img.elastic, .homeNews3 img.elastic, .homeNews5 img.elastic { width: 35%; }
  .homeNews2 img.elastic, .homeNews4 img.elastic { width: 35%;}
  .homeNews1 .float, .homeNews3 .float, .homeNews5 .float { width: 60%; }
  .homeNews2 .float, .homeNews4 .float { width: 60%; }

  .signUpForm input[type=text], .signUpForm input[type=email], .signUpForm select, .signUpForm textarea { width:90%; padding:0 5%; }
.signUpForm select.selectCountry { width:100%; }
  #rc-imageselect, .g-recaptcha {transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
.recaptcha { float:left; }

}

@media only screen and (max-width : 380px) {
	.homeNewsTitle { font-size: 20px; line-height: 20px; }
	.appearsOnRelease { width:80%; margin-left: auto; margin-right: auto; }
}


/* ONLY DESKTOP //////////////////////////////////////////////////*/
@media only screen and (min-width : 1200px) {
	.footerLink, .footerLink2 { -webkit-transition: 0.2s; transition: 0.2s; }
}


@media only screen and (min-width : 1400px) {
	main { width: 1000px; margin-left: auto; margin-right: auto; }
}




/* HAMBURGER //////////////////////////////////////////////////*/

.hamburger {
  width: 22px;
  height: 14px;
  position: absolute;
  left:50%;
  margin-left: -11px;
  top:50%;
  margin-top: -7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFF;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2),.hamburger span:nth-child(3) {
  top: 6px;
}

.hamburger span:nth-child(4) {
  top: 12px;
}

.hamburger.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.hamburger span {
	background: #e43823; /* Old browsers */
	background: -moz-linear-gradient(left,  #e43823 0%, #efd303 50%, #cbd403 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e43823), color-stop(50%,#efd303), color-stop(100%,#cbd403)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e43823 0%,#efd303 50%,#cbd403 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e43823 0%,#efd303 50%,#cbd403 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e43823 0%,#efd303 50%,#cbd403 100%); /* IE10+ */
	background: linear-gradient(to right,  #e43823 0%,#efd303 50%,#cbd403 100%); /* W3C */
}






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}