@charset 'utf-8';

/* Eric Meyer's Reset CSS v2.0 + Extras */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;cursor:pointer;}

/*
Global CSS Document
Best Book Awards
http://www.ten4design.co.uk
*/

@font-face{
	font-family:'bba-icons';
	src:url('fonts/bba-icons.eot');
	src:url('fonts/bba-icons.eot') format('embedded-opentype'),
		url('fonts/bba-icons.woff') format('woff'),
		url('fonts/bba-icons.ttf') format('truetype'),
		url('fonts/bba-icons.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
    font-family:'Montserrat';
    font-weight:400;
    font-style:normal;
    src:url('fonts/montserrat-regular.eot');
    src:url('fonts/montserrat-regular.eot') format('embedded-opentype'),
        url('fonts/montserrat-regular.woff') format('woff'),
        url('fonts/montserrat-regular.ttf') format('truetype'),
        url('fonts/montserrat-regular.svg') format('svg');
}
@font-face{
    font-family:'Montserrat';
    font-weight:700;
    font-style:normal;
    src:url('fonts/montserrat-bold.eot');
    src:url('fonts/montserrat-bold.eot') format('embedded-opentype'),
        url('fonts/montserrat-bold.woff') format('woff'),
        url('fonts/montserrat-bold.ttf') format('truetype'),
        url('fonts/montserrat-bold.svg') format('svg');
}
@font-face{
	font-family:'GROBOLD';
	font-weight:normal;
	font-style:normal;
	src:url('fonts/grobold.eot');
	src:url('fonts/grobold.eot') format('eot'),
		url('fonts/grobold.woff') format('woff'),
		url('fonts/grobold.ttf') format('truetype'),
		url('fonts/grobold.svg') format('svg');
}

html,button,input,select,textarea{color:#7d7d7d; font-family:'Montserrat',sans-serif; -webkit-font-smoothing:antialiased; -webkit-font-variant-ligatures:common-ligatures; -moz-font-variant-ligatures:common-ligatures; -o-font-variant-ligatures:common-ligatures; -ms-font-variant-ligatures:common-ligatures; font-variant-ligatures:common-ligatures;}
input[type=submit],
input[type=button],
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=date],
input[type=number],
button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
button:focus{outline:none;}
body{font-size:14px; line-height:1.4; background-color:#fff;}
figcaption.book-info{font-size:1.2em;}

/* --- UTILITY --- */

.invisible{position:absolute; left:-999em;}
.removed{display:none !important;}
.hidden{visibility:hidden; overflow:hidden; height:0;}
.relative{position:relative;}
.centered{text-align:center;}
.clear{clear:both;}
.fl{float:left;}
.attach{position:relative;}
.inline{display:inline;}
.attach-inner{display:block; position:absolute; top:0; right:0; white-space:nowrap;}

/* --- TYPOGRAPHY --- */

strong,
b{font-weight:bold;}
em,
i{font-style:italic;}

a{color:#94c64e; text-decoration:none; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -o-transition:color 0.2s; -ms-transition:color 0.2s; transition:color 0.2s;}
a:focus,
a:hover{color:#f18308;}
.h,
.wysiwyg h2,
.wysiwyg h3{margin:0 0 0.8em; line-height:1.4;}

.h.large,
.wysiwyg h1{font-size:200%;}
.h.medium,
.wysiwyg h2{font-size:150%;}

.p,
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol{margin:0 0 1.2em; line-height:1.7;}
.wysiwyg img{margin:0 0 0.4em;}

.l,
.wysiwyg ul{padding-left:1em; list-style:disc;}

.h{font-family:'GROBOLD', sans-serif; color:#FFF;}
.h.type1,
.p.type1{font-size:2.14em; padding-top:1em;}
.h.type1.flush{padding-top:0;}
.h.type2,
.type2{font-size:1.42em; line-height:1.4;}
.type4{font-size:1.8em;}
.type3{color:#555; font-size:1.3em; line-height:1.4; margin-bottom:0.2em !important;} 
.sl-strong{font-size:1.2em;}
.about-heading{color:#94c64e; font-size:1.4em; line-height:1.4; margin-bottom:0.6em;} 
.h.type3{font-weight:normal;}
.p.type2.hero{line-height:1.6;}
.subtitle{color:#555555; font-size:1.1em;}
.book-meta{color:#555555; font-size:1.1em; margin-bottom:0.3em;}
.book-desc{margin-top:1em;}
.subtitle.spaced{margin-top:1.6em;}

.judge-title{height:2em; margin-bottom:2em;}

/* --- Colours --- 
Pink: #de007b;
Purple: #662e89;
Yellow: #ffc900;
Light Green: #94c64e;
Orange: #f18308;
*/

/* --- NAVIGATION --- */
#navigation{padding-top:1.2em; clear:both;}
#nav-primary{display:block; float:right; margin-bottom:2em; overflow:visible; padding-top:2em; white-space:nowrap;}
#nav-primary li{float:left; font-family:'GROBOLD', sans-serif; font-size:1.4em;}
#nav-primary li a{display:block; margin-left:1em;}
#nav-primary li.selected{position:relative;}
#nav-primary li.selected:before{color:#ffd300; font-family:'bba-icons'; font-size:0.8em; content:"\e003"; text-align:center; position:absolute; top:-1.3em; right:0; left:1.4em;}
#nav-primary li.selected > a{color:#f18308;}
#nav-primary ul{display:none;}

#nav-secondary{float:right; margin:1.7em 2em 1.1em 0; height:1.6em; line-height:1.6em;}
#nav-secondary a{float:left; display:block; padding:0 1.4em;}
#nav-secondary .first{border-right:1px solid #e2e2e2;}
#m-nav-toggle{display:none;}

/* --- CONTENT --- */

.access-bar{background:#e2e2e2; font-size:0.83em;}
.access-bar.bar1{height:2.8em; line-height:2.8em; border-bottom:1px solid #FFF;}
.access-bar.bar2{height:4.2em; line-height:4.2em; display:none;}
.access-nav,
.access-list{float:left; display:block; }
.access-nav{border-left:1px solid #FFF;}
.access-nav li,
.access-list li{float:left;}
.access-nav li{border-right:1px solid #FFF;}
.access-nav li a,
.access-list li,
.access-nav li button{display:block; padding:0 1em; color:#7d7d7d;}
.access-list li a{color:#232323; text-decoration:underline;}

body.access-bar-open .access-bar.bar2{display:block;}
body.access-bar-open .access-nav li button{border-bottom:1px solid #e2e2e2;}

.text-size-btn{height:1.42em; color:#111; vertical-align:middle; position:relative;}
#contrast-normal,
#contrast-high{border-radius:3px; height:1.42em; width:1.42em; vertical-align:middle; position:relative;} 
#contrast-normal:before,
#contrast-high:before,
.text-size-btn:before{content:'A'; position:absolute; top:-1.2em; font-size:1.1em; right:0.24em;}

.text-size-btn.small{font-size:1em; width:1.1em; margin-left:0.8em;}
.text-size-btn.med{font-size:1.5em; width:1.2em; margin-left:0.25em;}
.text-size-btn.large{font-size:2em; width:1.2em; margin-right:0.6em;}

.text-size-btn.small:before{top:-1.14em;}
.text-size-btn.med:before{top:-0.62em;}
.text-size-btn.large:before{top:-0.36em;}

#contrast-normal{background:#fff; color:#9ac945; margin-left:0.8em;}
#contrast-high{background:#111; color:#ffe600;}
#reading-journey{background:#94c64e; color:#FFF; height:2.8em; float:right; padding:0 1.4em;}
#cookie-notice{padding:0.4em; text-align:center; font-size:0.83em;}
.header-left{float:left}
.header-right{float:right;}

.floated-img{float:right; margin:0 0 1.4em 1.4em;}
#logo-row{overflow:visible;}

#logo{height:138px; width:122px; background:url(img/logo.png) 0 0 no-repeat; margin:0.6em 0 1.8em; display:block; position:absolute; z-index:9999;}
#bt-logo{width:123px; height:25px; background:url(img/bt-logo.png) 0 0 no-repeat; float:right; margin:1.4em 0 0 3.2em;}
#kindle-logo{width:70px; height:25px; background:url(img/kindle-logo.png) 0 0 no-repeat; float:right; margin:1.4em 0 0;}

.reading-age,
.interest-level{display:inline;}
.reading-age{padding-right:2em;}
.title-bar{position:relative;}
.title-bar.one,
.row.one,
.age-group-button.one{background:#00b0df;}
.title-bar.two,
.row.two,
.age-group-button.two{background:#092769;}
.title-bar.three,
.row.three,
.age-group-button.three{background:#ffc900;} /* Yellow */
.title-bar.four,
.row.four,
.age-group-button.four{background:#de007b;} /* Pink */
.title-bar.five,
.row.five,
.age-group-button.five{background:#f18308;} /* Orange */
.title-bar.six,
.row.six,
.age-group-button.six{background:#662e89;} /* Purple */
.age-group-button.seven{background:#94c64e;} /* Green */

.title-bar .h{color:#FFF; padding:0.6em 0 0 1.6em; margin:0; line-height:1.42em; min-height:1.42em; vertical-align:bottom;}
.title-bar:after{width:100%; position:absolute; content:''; display:block; height:16px; -webkit-background-size:100% 16px; background-size:100% 16px; bottom:-15px; left:0; right:0; border:0; outline:none; z-index:99;}

.title-bar.one:after{background:url(images/slant-one.svg) 0 0 no-repeat; background-size:102% 16px;}
.title-bar.two:after{background:url(images/slant-two.svg) 0 0 no-repeat; background-size:102% 16px;}
.title-bar.three:after{background:url(images/slant-three.svg) 0 0 no-repeat; background-size:102% 16px;}
.title-bar.four:after{background:url(images/slant-four.svg) 0 0 no-repeat; background-size:102% 16px;}
.title-bar.five:after{background:url(images/slant-five.svg) 0 0 no-repeat; background-size:102% 16px;}
.title-bar.six:after{background:url(images/slant-six.svg) 0 0 no-repeat; background-size:102% 16px;}

.heading-side-link,
.heading-side-link-2{position:absolute; right:0;}
a.heading-side-link,
a.heading-side-link-2{text-decoration:underline;}
.heading-side-link a,
.heading-side-link-2 a{color:#fff;}
.heading-side-link{top:1em;}
.heading-side-link-2{bottom:1.4em;}
.content{background:#FFF; padding:2.3em;}
.content.no-bar{padding:1.3em 2.3em 2.3em;}
.content.photo{position:relative;}
.content.photo:before{width:100%; position:absolute; content:''; display:block; height:16px; background:url(images/slant-photo.svg) 0 0 no-repeat; -webkit-background-size:100% 16px; background-size:100% 16px; top:-15px; left:0; right:0;}
#flash-messages .content{padding:16px 40px; margin-top:20px;}
.content .h{color:#555555;}
.small{font-size:0.8em;}

#header{background:#fff;}
#main-content,
#flash-messages{background:#94c64e;}

#home-intro{background:#fff url(img/homepage2.jpg) center -3em no-repeat; -webkit-background-size:cover; background-size:cover;}

#home-video-link{font-family:'GROBOLD',sans-serif; color:#fff; font-size:1.4em; display:block; text-align:center; margin:48% 1em 0; background-color:#de007b; padding:0.4em 1em;}
#home-video-link:focus,
#home-video-link:hover{color:#ffc900;}

#home-video-play{display:block; width:60px; height:60px; background:url(img/play.png) 0 0 no-repeat; position:absolute; top:20px; left:20px;}

.row.top{padding-top:3em;}
.row.spaced{margin-bottom:3em;}
.row.list{margin-bottom:1.5em;}
.row.list:last-child{margin-bottom:0;}

#footer .row{padding:2em 0;}
#footer p,
.nav-footer li{margin-bottom:0.8em; font-size:0.85em;}
.nav-footer li a{text-decoration:underline;}
.last .nav-footer{text-align:right;}

#social-links{background:#94c64e; padding-top:5.4em; padding-bottom:2.6em;}
#social-links .icon{color:#fff; vertical-align:middle;}
#social-links .icon:before{font-size:1.8em;}

#social-links .icon:hover,
#social-links .icon:focus{color:#555;}

.icon-box{position:relative; display:block;}

#nav-search,
.icon:before,
#rating-good:before,
#rating-indifferent:before,
#rating-bad:before,
.rating-icon,
.icon-box:after,
.external-link:after,
.social-twitter:before,
.social-facebook:before,
.social-google:before,
.award:after,
.award:before{font-family:'bba-icons'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing: antialiased; vertical-align:middle;}
.icon-box:after{font-size:5em; position:absolute; color:#FFF; top:0.4em;}
.icon:before{padding-right:0.3em;}
.share.icon:before,
.social.icon:before{font-size:1.6em; padding:0 0.1em;}

#nav-search{font-size:0.9em; font-weight:bold;}
.rating-icon,
#rating-good,
#rating-indifferent,
#rating-bad{position:relative; height:4em; margin-left:2.8em;}
.rating-icon:before,
#rating-good:before,
#rating-indifferent:before,
#rating-bad:before{color:#94c64e; font-size:2.2em; position:absolute; left:-1.2em; top:-0.3em;}
#rating-good:before,
.rating-icon.good:before{content:'\f0d1';}
#rating-indifferent:before,
.rating-icon.indifferent:before{content:'\f0d2';}
#rating-bad:before,
.rating-icon.bad:before{content:'\e005';}

.icon.star:before,
.award:after,
.award:before{content:"\e003";}
#nav-search:after,
.icon.search:before{content:"\e004";}

.icon.facebook:before,
.social-facebook:before{content:"\f0d3";}
.icon.twitter:before,
.social-twitter:before{content:"\f0d4";}
.icon.youtube:before{content:"\f0d5";}
.icon.googleplus:before,
.social-google:before{content:"\f0d6";}
.icon.flickr:before{content:"\f0d7";}
.icon.pinterest:before{content:"\f0d8";}

.social-facebook,
.social-twitter,
.social-google{line-height:2em; vertical-align:middle;}

.social-facebook:before,
.social-twitter:before,
.social-google:before{font-size:1.5em; margin-right:0.4em;}

.icon.plus:before{content:"\e600";}
.icon.cancel:before{content:"\e601";}
.icon.calendar:before{content:"\e602";}

.external-link:after{content:'\e606'; padding-left:0.4em;}

.icon.locked:before{content:'\e607';}

.icon.mail:before{content:"\f0e1";}
.icon-box.paper:after{content:"\f0e2"; left:40%;}
.icon-box.megaphone:after{content:"\f0e4"; right:40%;}
.icon-box.mouse:after{content:"\f0e3"; left:42%;}
.icon-box.cup:after{content:"\e006"; right:46%;}

.zebra-list{width:100%; margin-bottom:1.2em;}
.zebra-list .r1{background-color:#f6f6f6;}
.zebra-list .r2{background-color:#FFF;}
.zebra-list thead{background-color:#67298a; color:#FFF;}
.zebra-list th{padding:1em 1.1em; text-align:left;}
.zebra-list td{padding:1.1em 1.4em;}
.zebra-list td.title{color:#f18308;}
.zebra-list .r1 .missing-info{background-color:#ffe5f1;}
.zebra-list .r2 .missing-info{background-color:#fff0f7;}

.small-print{padding-top:1.2em; font-size:0.8em;}
.log-in-box-prominent{background-color:#e6e6e6; padding:1.6em 1.8em;}

.share-icons,
.social-icons{margin:0.45em 0 0;}
.share-icons{color:#fff;}
.social-icons.judge{display:inline; float:right;}
.share-icons span{color:#7d7d7d;}

.page-sub{margin-bottom:0;}
.page-small{color:#FFF; padding:0.4em 0 1.4em;}
.common-sidebar{}
.common-sidebar li{font-family:'GROBOLD', sans-serif; font-size:1.4em; padding-bottom:0.4em; width:auto;}
.common-sidebar li a{color:#FFF; position:relative;}
.common-sidebar li a:hover,
.common-sidebar li a.selected{color:#ffd300;}
.common-sidebar li a.selected:after{color:#ffd300; font-family:'bba-icons'; font-size:0.8em; content:"\e003"; text-align:center; position:absolute; right:-1.6em; top:0;}
.common-sidebar li.parent{padding-bottom:0;}
.common-sidebar .secondary{padding-top:0.4em;}
.common-sidebar .secondary li{margin-left:1.2em; font-size:0.9em;}

.age-group-button{padding:0.8em; display:block; background:#333; text-align:center; position:relative; color:#FFF; font-family:'GROBOLD', sans-serif; font-size:1.2em; width:70%; margin:1em auto 1em; cursor:pointer; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; -ms-transition:background-color 0.2s; transition:background-color 0.2s;}
.age-group-button:hover{background:#f18308; color:#FFF;}
.age-group-button:before,
.age-group-button:after{position:absolute; content:''; display:block; height:8px; -webkit-background-size:100% 8px; background-size:100% 8px; left:0; right:0;}
.age-group-button:before{width:100%; background:url(images/slant-white-top.svg) 0 0 no-repeat; top:-1px; background-size:102% 8px;}
.age-group-button:after{width:100%; background:url(images/slant-white-bottom.svg) 0 0 no-repeat; bottom:-1px; background-size:102% 8px;}
.age-category{margin-bottom:0.8em;}

.nav-breadcrumbs{position:absolute; top:-2em; left:0; font-size:0.83em; display:block;}
.nav-breadcrumbs li{float:left; margin-right:0.3em; color:#FFF; white-space:nowrap;}
.nav-breadcrumbs li a{color:#FFF; border-bottom:1px solid #cee4b5; margin-right:0.3em;}

.pagination{clear:both; margin:1.2em 0;}

.facebook-box{height:250px; width:100%;}

.create-group-button{width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #e5e5e5; display:block; padding:6em 0; color:#de007b; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; -ms-transition:background-color 0.2s; transition:background-color 0.2s;}
.create-group-button span{text-align:center; width:100%; display:block; position:relative; margin-top:2em; font-size:1.2em;}
.create-group-button span:before{font-family:'bba-icons'; font-size:2em; position:absolute; top:-1.5em; content:"\e600"; left:0; right:0;}
.create-group-button:hover{background:#de007b; color:#FFF;}

.group-setting{color:#8e8e8e; font-size:1.2em; margin:0.3em 0;}
.group-address{font-size:0.9em; color:#c1c1c1; padding-left:0.4em;}
.group-locked{color:#c1c1c1;}
.group-list{margin-bottom:1em;}
.group-list li{margin-bottom:0em;}
.group-locked:after{font-family:'bba-icons'; content:'\e607'; padding-left:0.4em; vertical-align:middle;}
.setting-letter{font-size:1.4em; color:#eb8403;}

#lightbox-frame{position:fixed; left:0; top:0; right:0; bottom:0; padding:0 20px; z-index:9999; opacity:1; visibility:visible; background-color:rgba(0,0,0,0.5); -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s;}
#lightbox-frame.disabled{visibility:hidden; opacity:0; -webkit-transition:opacity 0.2s, visibility 0 0.2s; -moz-transition:opacity 0.2s, visibility 0 0.2s; -ms-transition:opacity 0.2s, visibility 0 0.2s; -o-transition:opacity 0.2s, visibility 0 0.2s; transition:opacity 0.2s, visibility 0 0.2s;}
#lightbox-inner{margin:0 auto; max-width:800px;}
#lightbox-close{font-family:'bba-icons'; display:block; position:absolute; top:20px; right:20px; color:#fff; font-size:3em;} /* \e601 */
#lightbox-prev,
#lightbox-next{font-family:'bba-icons'; display:block; position:absolute; top:45%; color:#fff; font-size:3em; width:3em; height:3em; line-height:1;}
#lightbox-prev{left:20px;} /* \e75d */
#lightbox-next{right:20px;} /* \e75e */

.look-inside{position:absolute; left:0; bottom:0; background-color:#de007b; color:#FFF; display:block; padding:0.4em 1em;}
.look-inside:hover{background-color:#f18308; color:#FFF;}

#edit-group-form label, #edit-group-form .faux-label{color:#444; font-size:115%;}
#edit-group-form .sub-label{margin:0 0 0.6em; color:#f18308; font-size:100%;}
#groupGallery-upload, #groupGallery-upload input{display:inline-block; width:auto;}
#groupGallery-add, #groupPoll-answers-add, .groupPoll-delete, #groupEvents-add, .groupEvents-delete{color:#de007b; font-size:1.8em; vertical-align:middle;}
.ie7-text{display:none;}


/* --- FORMS --- */

#form-progress{overflow:hidden; margin-bottom:2.4em;}
#form-progress li > span{display:inline; white-space:nowrap;}
#form-progress li{float:left; font-size:0.92em; padding:0.9em 1.21em 0.9em 3.6em; float:left; position:relative; color:#555; background:#88b648; display:block;}
#form-progress li:after,
#form-progress li:before{content:''; display:block; border-top:25px solid transparent; border-bottom:25px solid transparent; margin-top:-25px; position:absolute; top:50%; left:100%;}
#form-progress li:after{border-left:25px solid #88b648; z-index:2;}
#form-progress li:before{border-left:25px solid #94c64e; margin-left:5px; z-index:1;}

#form-progress li.first{padding:0.9em 1.21em;}

#form-progress li.active{background:#ffd204;}
#form-progress li.active:after{border-left:25px solid #ffd204;}

#form-progress li.completed{background:#555; color:#FFF;}
#form-progress li.completed:after{border-left:25px solid #555;}

#review-form{margin-top:2em;}
input,
select,
textarea{display:block; font-size:1.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.form-row{margin:0 0 1.4em; overflow:hidden; -webkit-transform:none; max-width:600px;}
.form-row-inline{display:inline-block; margin-right:1.4em;}
.form-row.no-margin{margin:0 0 0.5em;}
.form-row.no-margin input{margin-right:1%;}
.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus{outline:2px solid #94c64e;}
.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=password],
.form-row input[type=tel],
.form-row input[type=date],
.form-row input[type=number],
.form-row select[multiple],
.form-row textarea{border:1px solid #e6e6e6; width:100%; max-width:600px; padding:10px; font-size:14px; resize:none;}
.form-row input[type=radio]{display:inline; cursor:pointer;}
.form-row select{cursor:pointer;}
.form-row input[type=submit]{background:#de007b; color:#FFF; border:none; padding:1em 1.35em; text-transform:uppercase; font-size:1em;}
.form-row .sub-label{color:inherit;}
.form-row .form-row-inline label,
.form-row .form-row-inline input{display:inline-block;}
.form-row label input[type=checkbox],
.form-row label input[type=radio]{display:inline-block;}
.form-row input[type=file]{font-size:0.8em;}
.form-row .child{width:25%; float:left; max-width:600px;}
.form-row .child input{width:80%;}

.form-row .radio-title{padding:0 1.4em 0 1em; color:#f18308;}
.form-row label,
.faux-label{color:#f18308; display:block; font-size:1em; margin-bottom:0.6em;}
.form-row label{cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none;}
.form-row select{background-color:transparent; border:1px solid #e6e6e6; font-size:1em; width:100%; max-width:600px; height:2.8em; padding:0.6em; -webkit-appearance:none; -moz-appearance:none; border-radius:0;}
label.filter{color:#f18308; cursor:pointer;}

.competition-container{margin:2.6em 0;}
.competition{margin-top:0.8em;}
.competition-options{padding-left:1em;}
.competition-options li{margin:1em 0;}
.poll label,
.competition-options label{color:#94c64e;}
.competition-options label{display:inline;}
.poll{margin-bottom:1.4em;}
.poll li{margin:0.8em 0;}

.gallery-disabled{opacity:0.3;}
.gallery-disabled button{display:none;}

#search{max-width:100%; margin-bottom:1em;}
#search-input{width:72%;}
#search-button{width:20%; margin:2px 1em 0; font-size:1.4em; padding:0.25em;}
.group-alphabet{clear:both;}
.group-alphabet span{margin-right:1.3%; font-size:1.1em;}

.image-button{width:100%;}

#write-review{margin:0 15px 0 1em;}
.submit-button{background:#de007b; color:#FFF; border:none; display:inline-block; margin:0.4em 0; position:relative; cursor:pointer; white-space:nowrap;}
.submit-button.type1{font-weight:bold; font-size:1.71em; padding:0.4em 0.8em; text-transform:uppercase;}
.submit-button.type1:after{content:''; display:block; border-top:25px solid transparent; border-bottom:26px solid transparent; border-left:25px solid #de007b; position:absolute; top:50%; margin-top:-26px; left:100%;}

.submit-button.type2{font-weight:bold; font-size:1.1em; padding:0.6em 1.4em; text-transform:uppercase; white-space:nowrap;}
.submit-button.type2:after{content:''; display:block; border-top:19px solid transparent; border-bottom:20px solid transparent; border-left:20px solid #de007b; position:absolute; top:50%; margin-top:-20px; left:100%;}

.submit-button.type3{font-weight:normal; font-size:1em; padding:0.4em 0.8em;}
.submit-button.type3:after{content:''; display:block; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #de007b; position:absolute; top:50%; margin-top:-15px; left:100%;}

.submit-button:hover{background:#f18308; color:#FFF;}
.submit-button.type1:hover:after,
.submit-button.type2:hover:after,
.submit-button.type3:hover:after{border-left-color:#f18308;}

.submit-button.no-proceed{background-color:#555;}
.submit-button[disabled]{background-color:#bbb; cursor:default;}
.submit-button.no-arrow{margin-right:0.15em;}
.submit-button.no-arrow:after,
.submit-button.no-proceed:after,
.submit-button[disabled]:after{border:none;}

.form-row.resources{display:none;}
.submit-button.group{float:right;}
.edit-button{background:#555555; font-size:1em; padding:0.4em 0.8em; color:#FFF; margin:1em 0;}
.edit-votes{padding-left:1.6em;}
button.inline{display:inline;}

.review-row{padding-left:4em; position:relative;}
.review-face{position:absolute; top:0; left:0;}
.add-button{height:60px; line-height:60px; display:inline; vertical-align:middle;}

.form-message{margin:0.6em 0 0.5em; line-height:1.4; position:relative; padding-left:2em;}
.form-message:before{font-family:'bba-icons'; line-height:1; font-size:140%; position:absolute; top:0; left:0; vertical-align:middle;}
.form-message.error{color:#e50971;}
.form-message.error:before{content:'\E000';}
.form-message.tip{color:#99c74a;}
.form-message.tip:before{content:'\E002';}

.homepage-list{margin:1.4em 0; list-style:disc inside;}
.homepage-list li{padding:0.2em 0;}

.tag-list{margin-top:0.4em;}
.tag-list li{display:inline;}
.tag-list a{display:inline; margin-right:0.2em; padding:0.3em 0.6em; font-size:0.8em; background:#94c64e; color:#FFF; white-space:nowrap;}
.tag-list a:hover{background-color:#f18308;}

/* --- Homepage Twitter Widget --- */
#latest-tweet{padding-bottom:3.2em;}
.twitter-username img{display:inline; float:left; clear:both; margin-right:1em;}
.twitter-username span{display:inline; font-size:1.1em; float:left; margin-right:2em;}
.tweet{clear:both; padding:1em 0;}
.tweet a{-ms-word-break:break-all; word-break:break-all; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.timePosted{float:left; font-size:0.8em;}
p.interact{font-family:'bba-icons'; float:right; font-size:1.2em;}
p.interact a{margin-left:0.4em;}

.votes-remaining{text-align:center; background:#662e89; color:#FFF; padding:2em;}
.votes-remaining .number{font-size:6em; clear:both; width:100%; display:block;}
.votes-remaining .text{clear:both; margin-bottom:2em;}

.vote-age{color:#fd7d02; font-size:1.2em;}
.vote-box{clear:both; float:left; width:2.2em; height:2.2em; border:1px solid #cacaca; text-align:center; color:#fd7d02; font-size:1.6em; margin-bottom:1.2em;}
.votes{clear:both; color:#fd7d02; font-size:1.6em; margin-bottom:1.2em;}
.vote-heading{color:#94c64e; font-size:1.2em; line-height:1.4; margin-bottom:0.2em !important;} 

.lined-list > li,
.lined-list > div{border-top:1px solid #e6e6e6; padding-top:2em; padding-bottom:1em;}/* Used for search results */
.lined-list > li:first-child,
.lined-list > div:first-child{border-top:none; padding-top:2em; padding-bottom:1em;}

.review-title{width:75%;}
.review-rating{position:absolute; right:1.3em; top:1.3em;}

.group-status{font-size:1.4em; color:#94c64e;}

.award{display:block; position:relative; font-size:1.4em; background-color:#e0007c; font-family:'GROBOLD', sans-serif; color:#FFF; padding:0.4em 0.6em;}
.award.small{font-size:1em; position:absolute; top:0; left:0; right:0;}
.award:after{position:absolute; right:-0.28em; top:-0.4em; font-size:2.5em; color:#ffc900;}
.award:before{position:absolute; right:-0.39em; top:-0.46em; font-size:2.5em; color:#94c64e;}

.award.top{top:0; bottom:auto;}


/* --- SMALLER SCREENS --- */

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

#social-links .icon{font-size:0.8em; line-height:1;}
#social-links .icon:before{font-size:2.4em;}

}

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

body{font-size:0.8em;}

.submit-button.type1{font-size:1.8em;}
.submit-button.type1:after{border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:25px solid #de007b; margin-top:-25px;}
.submit-button.type2:after{border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:16px solid #de007b; margin-top:-16px;}
.submit-button.type3:after{border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:14px solid #de007b; margin-top:-14px;}
.submit-button.no-proceed:after,
.submit-button.no-arrow:after{border:none;}
#write-review{margin:0 14px 0 1em;}
#home-intro{background-position:70% top;}
#navigation{padding-top:3em;}
#nav-primary li{font-size:1em;}
.group-alphabet{margin-right:1.3%; font-size:1.8em;}
.icon-box:after{font-size:3em;}
#form-progress li > span{display:none;}
#form-progress li.active > span{display:inline-table;}
#social-links .icon{text-align:center; display:block;}
#social-links .icon > span{display:none; text-align:center;}

.icon-box:after{font-size:6em; top:0.3em;}
.icon-box.paper:after{left:40%;}
.icon-box.megaphone:after{right:35%;}
.icon-box.mouse:after{left:41%;}
.icon-box.cup:after{right:43%;}
.votes-remaining .number{font-size:6em; clear:both; width:100%; display:block;}

.age-group-button{width:90%;}
.twitter-username span{margin-right:0;}

#home-video-link{font-size:1.4em; margin:53% 1em 0;}

}



/* --- MOBILE --- */

@media only handheld, screen and (max-width:767px){ /* 768 = iPad screen */

body{font-size:0.8em; position:relative; left:0; -webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; -o-transition:left 0.2s; transition:left 0.2s;}
.m-clear{clear:both;}
.attach-inner{display:block; position:static; white-space:normal;}
.access-bar{display:none;}

#bt-logo{position:absolute; top:40px; right:0;}
#kindle-logo{position:absolute; top:0; right:0;}

#navigation{display:none; margin-top:0; padding-top:0; overflow-x:hidden;}
#nav-row{overflow:visible;}
#nav-primary{font-size:1.4em; overflow:visible; float:none; position:relative; left:0; text-align:left; padding:0; height:1200px; margin-top:3.8em; border-bottom:none; -webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; -o-transition:left 0.2s; transition:left 0.2s;}
#nav-primary li{display:block; padding:0; clear:both; width:100%;}
#nav-primary li a{display:block; padding:0.4em 0 0.4em 0.8em; width:100%; font-size:100%; color:#FFF; max-width:180px; margin-left:0;}
#nav-primary li.selected{position:static;}
#nav-primary li.selected:before{display:none;}
#nav-primary li.has-child a{position:relative;}

#nav-primary.l1{position:relative; left:-250px;}
#nav-primary ul{display:block; position:absolute; left:250px; top:0; width:230px; visibility:hidden; -webkit-transition:visibility 0 0.2s; -moz-transition:visibility 0 0.2s; -ms-transition:visibility 0 0.2s; -o-transition:visibility 0 0.2s; transition:visibility 0 0.2s;}
#nav-primary li.open > ul{visibility:visible; -webkit-transition:visibility 0 0; -moz-transition:visibility 0 0; -ms-transition:visibility 0 0; -o-transition:visibility 0 0; transition:visibility 0 0;}
#nav-primary ul button{display:block; padding:0.4em 0 1em 1em; width:auto; font-size:100%; color:#fff; max-width:180px; font-size:0.8em;}

body.m-nav-open{left:-250px;}
body.m-nav-open #navigation{display:block; width:230px; position:absolute; top:0px; right:-250px; background-color:#b5d783; overflow-y:auto; overflow-x:hidden; height:100%;}
body.m-nav-open #nav-primary{height:auto; padding-top:0;}
body.m-nav-open #nav-secondary{display:block;} 

#nav-primary li.selected > a,
.nav-sidebar li.selected > a{color:#633194;}
.nav-breadcrumbs{top:0;}

#nav-secondary{position:absolute; height:auto; right:-223px; z-index:9999; margin:1.2em 0 0 0; display:none;}
#nav-secondary .first{border-color:#fefefe;}
#nav-secondary a{color:#FFF;}

#nav-spacer,
#nav-spacer-half{height:0;}
#logo-row{overflow:visible; height:13em;}

#m-nav-toggle{display:block; position:absolute; right:10px; top:110px;}
#m-nav-toggle:before{content:'\e001'; font-family:'bba-icons'; font-size:3em; line-height:1; color:#94c64e; vertical-align:middle;}

#footer{padding:2em 0;}
#footer .row{padding:0 20px;}
#footer img{clear:both; margin:1em 0;}
.nav-footer{float:left; clear:both; width:80%;}
.last .nav-footer{text-align:left;}

#home-intro{background:none;}
.floated-img{float:none; margin:0 0 1.4em 0; clear:both;}

.common-sidebar{display:none;}
.row.top{padding-top:20px;}
.row.spaced{margin-bottom:20px;}

.title-bar{margin-top:20px;}
.title-bar .h{padding:0.6em 0 0 1em;}
.content{background:#FFF; padding:30px 1.4em 10px;}
.content.no-title{padding:20px;}
.content > .row > figure{margin-bottom:1em;}
#social-links{padding:2em 0 3em;}

.form-row.resources{display:block; margin:0 0 0.2em;}

.submit-button.type1{font-size:1.8em;}
.submit-button.type1:after{border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:23px solid #de007b; margin-top:-25px;}
.submit-button.type2:after{border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:17px solid #de007b; margin-top:-17px;}
.submit-button.type3:after{border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:14px solid #de007b; margin-top:-14px;}
.submit-button.no-proceed:after,
.submit-button.no-arrow:after{border:none;}
#form-progress{overflow:hidden; margin-bottom:1.2em;}
#form-progress li{font-size:0.8em; padding:0.9em 0.8em 0.9em 3em;}
#form-progress li:after,
#form-progress li:before{border-top-width:18px; border-bottom-width:18px; margin-top:-18px;}
#form-progress li:after{border-left-width:18px;}
#form-progress li:before,
#form-progress li.active:after,
#form-progress li.completed:after{border-left-width:18px;}
#form-progress li:before{margin-left:3px;}
#form-progress li.first{padding:0.9em 0.9em 0.9em 1.4em;}
#form-progress li > span{display:none !important;}
#form-progress li.active > span{display:inline-table;}

.heading-side-link,
.heading-side-link-2{position:static;}
.heading-side-link-2{padding-bottom:1.4em;}
#already-registered{margin-top:2em;}
.row.one,
.row.two,
.row.three,
.row.four,
.row.five,
.row.six{background:none;}

.icon-box{display:none;}
.twitter-username span{margin-right:40%;}
.nav-footer{padding:1em 0;}

.age-group-button{width:45%;}

#search-input{width:100%;}
#search-button{width:auto; margin:0.4em 0em 0; padding:0.4em 0.8em; font-size:1.4em;}

#home-video-link,
#home-video-play{display:none;}

}


/* --- RETINA --- */

@media only screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx), screen and (min-resolution:192dpi){

#logo{background:url(img/logo-2x.png) 0 0 no-repeat; -webkit-background-size:122px 138px; background-size:122px 138px;}
#bt-logo{background:url(img/bt-logo-2x.png) 0 0 no-repeat; -webkit-background-size:123px 25px; background-size:123px 25px;}
#kindle-logo{background:url(img/kindle-logo-2x.png) 0 0 no-repeat; -webkit-background-size:70px 25px; background-size:70px 25px;}
#home-video-play{background:url(img/play-2x.png) 0 0 no-repeat; -webkit-background-size:60px 60px; background-size:60px 60px;}

}

@media only handheld and (-webkit-min-device-pixel-ratio:2), screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2), handheld and (min-resolution:2dppx), screen and (max-width:767px) and (min-resolution:2dppx), handheld and (min-resolution:192dpi), screen and (max-width:767px) and (min-resolution:192dpi){ /* Retina mobile */


}