/* Cartoon slider */

.cartoonGridItem { box-sizing:border-box; border:1px solid #D5D6D9; }

p.pCartoonOverlayTitle { background:url(../Resources/cartoon-magnifier.png) top left no-repeat; padding-left:20px }

.cartoonGridItem:hover { box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.4); }

#cartoonIndicators a.active { color:#00a9bb; }

#cartoonistText h3 { font-size:1.79em; color:#00a9bb; margin-bottom:12px; }



/* Debates Archive */

#debatesArchive ul { list-style:none; margin:0 0 0 -10px; padding:0; }
#debatesArchive li { float:left; margin:0; padding: 0 0 7px 8px; }
#debatesArchive a { display:block; padding:5px 27px 21px 25px; font-size:1.43em; color:#62636E; text-decoration:none; background:#ECEFF1 url(../Resources/category-list-bg-grey.png) left top no-repeat; }
#debatesArchive a.current, #debatesArchive a:hover { color:#0099AD ; background-color:#B2D8DB; background-image:url(../Resources/category-list-bg-green.png); text-decoration:none; }
#debatesArchive a.current { padding-right:68px; }

#debatesArchive.opinion a.current, #debatesArchive.opinion a:hover { background-color:#DED5D1; color:#907267; background-image:url(../Resources/category-list-bg-opinion.png); }


/* Search Results */

#searchPagination a.paginationLink { display:inline-block; width:30px; margin-right:6px; margin-bottom:10px; padding-top:5px; height:25px; color:#00A9BB; text-decoration:none; background:#B3E1E6; text-align:center; }
#searchPagination a.paginationLink:hover, #searchPagination a.paginationLink.current { background:#00A9BB; color:#FFF; }



/* Authors */

.contributorDetail a { color:#00A9BB; text-decoration:none; }
.contributorDetail a:hover {text-decoration:underline; }


/* Forms and Validation */

label.error { display:block; color:#C00; padding-top:4px; }
input.error { background:#F5CCCC; }

#signupSubmit { font-size:18px; padding:8px 210px 8px 20px; }


/* Conversations */
.podcast audio { width:100%; }
.podcast.current { background-color:#B3E1E6; }

/* Cartoonists */

a.cartoonEnlarge { display:block; float:right; color:#b3e1e6; text-decoration:none; }
a.cartoonEnlarge:hover { color:#FFF; }

.cartoonist { background-image:url(../Resources/cartoonists-website-bg.png); background-position:top right; background-repeat:no-repeat; }
.cartoonist:hover { background-color: #C1C8D0; }

.pAuthorName a { color:#575d67; text-decoration:none; }



/* A to Z list */

#contentLeft .atozSelector ul { list-style:none; margin:0; padding:0; overflow:hidden; margin-right:-18px; }
#contentLeft .atozSelector li { float:left; padding:0; margin:0; }
#contentLeft .atozSelector a, .AtoZnullLink { display:block; padding:8px 0; width:45px; text-align:center; font-size:1.71em; background:#ECEFF1; margin:0 13px 10px 0; color:#9A9CA1; text-decoration:none; }
#contentLeft .atozSelector a:hover, #contentLeft .atozSelector a.active { color:#FFF; background:#00A9BB; text-decoration:none; }
#contentLeft .AtoZnullLink { color:#C5C7C9; }

.atozItem { cursor:pointer; }

.contributorDetailTop { background:url(../Resources/more-bg.png) top right no-repeat; }

.contributorArticles ul { list-style:none; margin:0; padding:0; }
.contributorArticles li { padding:0; margin:6px 0 0 0; }
.contributorArticles a { display:block; text-indent: -27px; padding:10px 20px 10px 47px; font-size:1.07em; color:#575d67; background:#E0E4E8; text-decoration:none; }
.contributorArticles a span { color:#00A9BB; }
.contributorArticles a:hover { background:#CDD3D9; }


.jargonName { padding:10px 20px; font-size:1.29em; font-family: robotomedium,Verdana,Arial,Helvetica,sans-serif; color:#575d67; }
.jargonName:hover, .active .jargonName { color:#FFF; background:#00A9BB; }





/* Main Nav */

#mainNav ul { list-style:none; padding:0; margin:0; margin-left:-12px; }
#mainNav li { padding:0; margin:0; float:left; }
#mainNav li.last { float:right; }
#mainNav li a { display:block; padding:12px 12px 11px 12px; color:#9B96B4; text-decoration:none; }
#mainNav li a.current, #mainNav a:hover { color:#FFF; }
#mainNav li a.shareLink { float:left; padding:0; margin-left:6px; }


#searchterm { box-sizing: border-box; width:100%; padding:5px 10px; line-height:54px; height: 54px; background:none; border:none; font-family: robotoregular,Verdana,Arial,Helvetica,sans-serif; font-size:15px; }




/* Cartoon slider */
.cartoonTitle { cursor:pointer; }
a.biggerPicture { display:block; white-space: nowrap; color:#29235C; text-decoration:none; padding:8px 30px; background:url(../Resources/bigger-picture-bg.png) center right no-repeat; }
a.biggerPicture:hover { color:#00A9BB; background-image:url(../Resources/bigger-picture-bg-over.png); }

.cartoonTitle a { display:block; padding:10px; margin:-10px -10px 0 0; color:#FFF; text-decoration:none; }



/* Jargon buster */
#jargonBuster { cursor:pointer; }
#jargonBuster a { display:inline-block; color:#FFF; text-decoration:none; padding:5px 15px 5px 5px; background:url(../Resources/link-arrow-white.png) right 11px no-repeat; }
#jargonBuster a:hover { text-decoration:underline; }


.articleSummary { background-image:url(../Resources/chip-white-85.png); }

/* Category titles */
.categoryTitle.cyan { background:#1b9de0; }
.categoryTitle.green { background:#a3b639; }
.categoryTitle.orange { background:#EB5935; }
.categoryTitle.grey { background:#2d3341; }
.categoryTitle.blue { background:#3d5999; }
.categoryTitle.purple { background:#885897; }
.categoryTitle.opinion { background:#907267; }



/* Category list */
ul.categoryList { list-style:none; padding:0; margin:0; }
ul.categoryList li { float:left; width:32%; padding:0 2% 0 0; margin:0 0 10px 0; }
ul.categoryList a { display:block; padding: 10px 10px 10px 26px; min-height:30px; background:#ECEFF1 top left no-repeat; text-decoration:none; font-family: robotomedium,Verdana,Arial,Helvetica,sans-serif; text-transform:uppercase; }
ul.categoryList li.third { padding-right:0; }

ul.categoryList a.categoryCyan { background-image:url(../Resources/category-list-bg-cyan.png); color:#1B9DE0; }
ul.categoryList a.categoryGreen{ background-image:url(../Resources/category-list-bg-green.png); color:#A3B639; }
ul.categoryList a.categoryOrange { background-image:url(../Resources/category-list-bg-orange.png); color:#EB5935; }
ul.categoryList a.categoryGrey { background-image:url(../Resources/category-list-bg-grey.png); color:#2D3341; }
ul.categoryList a.categoryBlue { background-image:url(../Resources/category-list-bg-blue.png); color:#3D5999; }
ul.categoryList a.categoryPurple { background-image:url(../Resources/category-list-bg-purple.png); color:#885897; }

ul.categoryList a.categoryCyan:hover ,ul.categoryList a.categoryCyan.current { background-color:#BBE2F6; }
ul.categoryList a.categoryGreen:hover, ul.categoryList a.categoryGreen.current { background-color:#E3E9C4; }
ul.categoryList a.categoryOrange:hover, ul.categoryList a.categoryOrange.current { background-color:#F9CDC2; }
ul.categoryList a.categoryGrey:hover, ul.categoryList a.categoryGrey.current { background-color:#C0C2C6; }
ul.categoryList a.categoryBlue:hover, ul.categoryList a.categoryBlue.current { background-color:#C5CDE0; }
ul.categoryList a.categoryPurple:hover, ul.categoryList a.categoryPurple.current { background-color:#DBCDE0; }


/* Regular Contributors */
a.regularContributorReadMore { display:block; float:right; padding: 4px 20px 0px 0px; color:#6E7278; text-decoration:none; font-size:0.74em; background:url(../Resources/link-arrow-large-dark-grey.png) right 11px no-repeat; }
a.regularContributorReadMore:hover { color:#00A9BB; background-image:url(../Resources/link-arrow-large-teal.png) }

#regularContributorsWrapper .contributorDiv img { border:1px solid #ABADB0; }



a.conversationLink { display:block; color:#FFF; font-size:1.21em; text-decoration:none; background:#66C2CE url(../Resources/link-arrow-white-large.png) center right no-repeat; text-align: center; padding-right: 15px; border-left:2px solid #FFF; }
a.conversationLink:hover { background-color:#B3E1E6; color:#00A9BB; background-image:url(../Resources/link-arrow-large-offset-teal.png); }

p.pPodcastsListen:after { content: ''; position: absolute; width: 28px; height: 11px; background: url(../Resources/link-arrow-white-large.png) right; top: 9px; }



/* Highlights */
.highlightItem.second { margin-right:0; }

/* Debates list */
#debatesList a:link { color:inherit; }
#debatesList a:hover { text-decoration:none; }
.debateItem:hover { background:#E4E8E8; }
.debateItem:hover .pDebateListTitle { color:#575D67; }




/* Articles */


#articleContent a:link { color:#0099ad; text-decoration:none; }
#articleContent a:hover { color:#29245c; text-decoration:none; }


a.authorLink { text-decoration:none; font-size:1.36em; font-family: robotobold,Verdana,Arial,Helvetica,sans-serif; }

h2.h2RelatedContent { color:#FFF !important; }

#relatedContent ul { list-style:none; padding:0; margin:0; }
#relatedContent li { text-indent:-18px; background:#ECEFF1; margin-bottom:8px; padding:10px 20px 10px 28px; cursor:pointer; }
#relatedContent li:hover { background:#CDD3D9; }
#relatedContent li .colourCyan { display:inline-block; margin-right:5px; }
#relatedContent a { color:#575d67; text-decoration:none; }


#articleContent img { width:100%; height:auto; }
#articleContent img.imgLeft { width:49%; float:left; margin:0 2% 2% 0; }
#articleContent img.imgRight { width:49%; float:right; margin:0 0 2% 2%; }


.linkWrapper { cursor:pointer; }


/* Video wrapper (youtube, etc) */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Cookies */

.cookie-table { margin-bottom:15px; width:100%; }
.cookie-table th, .cookie-table td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookie-table label { white-space:nowrap; padding-left:2px; }

.policy-tab { display:block; width:30px; float:left; }

#cookies-banner input { width:auto; overflow:visible; font-size:inherit; font-family:inherit; padding:4px 10px; background:#E3E4E6; color:#4D4D4D; border:1px solid #4D4D4D; border-radius: 4px; }
#cookies-banner input:hover { color:#E3E4E6; background:#4D4D4D; cursor:pointer; }

.fancybox-slide #policy-content { width:96%; max-width:1280px; }
.fancybox-slide #policy-content a { color:#0099ad; text-decoration: underline; }
.fancybox-slide #policy-content a:hover { color:#3d5999; }

.cookies-modal-close { display:none; }
.fancybox-content .cookies-modal-close { display:inline-block; }


#cookiebanner p { line-height:28px; }

#cookies-banner input { width:auto; overflow:visible; font-size:11px; font-family:inherit; padding:4px 10px; background:#FFF; color:#29245c; border:1px solid #FFF; border-radius: 4px; }
#cookies-banner input:hover { color:#FFF; background:#29245c; cursor:pointer; }





/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{
a.biggerPicture { background-image:url(../Resources/bigger-picture-bg@2x.png); background-size:250px 60px } 
a.biggerPicture:hover { background-image:url(../Resources/bigger-picture-bg-over@2x.png); background-size:250px 60px } 
#jargonBuster a { background-image:url(../Resources/link-arrow-white@2x.png); background-size:9px 10px } 

#emailAlerts a { background-image:url(../Resources/signup-link-bg@2x.png); background-size:300px 145px } 
#emailAlerts a:hover { background-image:url(../Resources/signup-link-bg-over@2x.png); } 

ul.categoryList a.categoryCyan { background-image:url(../Resources/category-list-bg-cyan@2x.png); background-size:18px 100px; }
ul.categoryList a.categoryGreen{ background-image:url(../Resources/category-list-bg-green@2x.png); background-size:18px 100px; }
ul.categoryList a.categoryOrange { background-image:url(../Resources/category-list-bg-orange@2x.png); background-size:18px 100px; }
ul.categoryList a.categoryGrey { background-image:url(../Resources/category-list-bg-grey@2x.png); background-size:18px 100px; }
ul.categoryList a.categoryBlue { background-image:url(../Resources/category-list-bg-blue@2x.png); background-size:18px 100px; }
ul.categoryList a.categoryPurple { background-image:url(../Resources/category-list-bg-purple@2x.png); background-size:18px 100px; }

a.regularContributorReadMore { background-image:url(../Resources/link-arrow-large-dark-grey@2x.png); background-size:10px 11px; }
a.regularContributorReadMore:hover { background-image:url(../Resources/link-arrow-large-teal@2x.png); background-size:10px 11px; }

#debatesArchive a { background-image:url(../Resources/category-list-bg-grey@2x.png); background-size: 18px 100px; }
#debatesArchive a.current, #debatesArchive a:hover { background-image:url(../Resources/category-list-bg-green@2x.png); background-size: 18px 100px; }
#debatesArchive.opinion a.current, #debatesArchive.opinion a:hover { background-image:url(../Resources/category-list-bg-opinion@2x.png); background-size: 18px 100px; }

a.conversationLink { background-image:url(../Resources/link-arrow-white-large@2x.png); background-size:20px 11px; }
a.conversationLink:hover { background-image:url(../Resources/link-arrow-large-offset-teal@2x.png); background-size:20px 11px; }

p.pPodcastsListen:after { background-image:url(../Resources/link-arrow-white-large@2x.png); background-size:20px 11px; }

.debateItem.cyan { background-image:url(../Resources/debate-list-bg-cyan@2x.png); background-size:18px 200px; }
.debateItem.grey { background-image:url(../Resources/debate-list-bg-grey@2x.png); background-size:18px 200px; }
.debateItem.blue { background-image:url(../Resources/debate-list-bg-blue@2x.png); background-size:18px 200px; }
.debateItem.purple { background-image:url(../Resources/debate-list-bg-purple@2x.png); background-size:18px 200px; }
.debateItem.green { background-image:url(../Resources/debate-list-bg-green@2x.png); background-size:18px 200px; }
.debateItem.orange { background-image:url(../Resources/debate-list-bg-orange@2x.png); background-size:18px 200px; }
.opinion .debateItem { background-image:url(../Resources/debate-list-bg-opinion@2x.png); background-size:18px 200px; }

.cyan .authorPicArrow { background-image:url(../Resources/category-list-bg-cyan@2x.png); background-size:18px 110px; }
.grey .authorPicArrow { background-image:url(../Resources/category-list-bg-grey@2x.png); background-size:18px 110px; }
.blue .authorPicArrow { background-image:url(../Resources/category-list-bg-blue@2x.png); background-size:18px 110px; }
.purple .authorPicArrow { background-image:url(../Resources/category-list-bg-purple@2x.png); background-size:18px 110px; }
.green .authorPicArrow { background-image:url(../Resources/category-list-bg-green@2x.png); background-size:18px 110px; }
.orange .authorPicArrow { background-image:url(../Resources/category-list-bg-orange@2x.png); background-size:18px 110px; }
.opinion .authorPicArrow { background-image:url(../Resources/category-list-bg-opinion@2x.png); background-size:18px 110px; }

.contributorDetailTop { background-image:url(../Resources/more-bg@2x.png); background-size:68px 200px }

.cartoonist { background-image:url(../Resources/cartoonists-website-bg@2x.png); background-size:90px 200px }

p.pCartoonOverlayTitle { background-image:url(../Resources/cartoon-magnifier@2x.png); background-size:16px 16px }


}