/*---------------*/
/*--- DESKTOP ---*/
/*---------------*/

/*--- OVERWRITE DEFAULT STYES ---*/
#mainContent {
    background-color: #9ecadf !important;
	background-image:
		url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/bgStar.png'),
		url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/bgStar.png'),
		url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/bgStripes.png'),
		url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/bgTexture.jpg') !important;
	background-position: right, left, center, center !important;
	background-repeat: repeat-y, repeat-y, repeat, repeat !important;
	background-attachment: scroll, scroll, fixed, fixed !important;
}
#mainContent.magFeatures .article .article-primary.leadMediaOn .article-info>.rowWrap {
	border-width: 0;
}
#mainContent.magFeatures .article .article-title {
	height: 0 !important;
	visibility: hidden !important;
	text-indent: -99999px;
}
#mainContent.magFeatures .article .article-deck .description p {
	font-size: 2em;
}
#mainContent.magFeatures .article .article-primary #endnote {
	border-color: #fff;
}
#mainContent.magFeatures .article .row.single-item .article-copy {
	padding-bottom: 2em !important;
}
#mainContent.magFeatures .leadMedia,
#footer {
  border-color: transparent;
  border-style: solid;
  border-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/border.png') 8 round;
}
#mainContent.magFeatures .leadMedia {
  border-width: 0 0 8px 0;
}
#footer {
  border-width: 8px 0 0 0;
}
.row.single-item,
.row.section,
.row.customQuote,
.row.customSlideshow {
	margin-bottom: 2em !important;
}
.row.slideshow {
	margin-bottom: 0 !important;
}
.row.single-item,
.row.section {
	position: relative;
}
.row.section .rowWrap,
.row.flashback .rowWrap {
	background-color: #fff !important;
}
.row.single-item .rowWrap,
.row.section .rowWrap {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
	box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
}
.article-content .rowWrap {
	background-color: #fff !important;
}


/*--- Headers ---*/
.article-copy {
	text-align: center !important;
}
h2, h2 *, h3, h3 *, h4, h4 * {
	margin: 1em 0 !important;
	color: #1b4579 !important;	
}
h2 {
	position: relative;
	display: inline-block;
	text-align: center !important;
	line-height: 1.1em;
}
h2:before,
h2:after {
	content: "\2605";
	height: 1em;
	width: 1em;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	color: #C00;
	line-height: 0.9em;
}
h2:before {
	left: -1.2em;
}
h2:after {
	right: -1.2em;
}
h3 {
	margin-top: 2em !important;
}
h3 * {
	color: #4e96b9 !important;
}


/*--- CUSTOM QUOTES ---*/
.row.customQuote * {
	color: #fff !important;
}
.row.customQuote .rowWrap {
	padding: 0.5em 0 1.5em 0 !important;
	background-color: transparent !important;
}
#mainContent.magFeatures .article .article-quote {
	margin-bottom: 0.5em !important;
}
.row.customQuote .article-quote {
	font-size: 3em !important;
}
.row.customQuote .article-quote:before {
	left: 0 !important;
}
.row.customQuote .article-quote:after {
	right: 0 !important;
}
.row.customQuote .article-quote p {
	text-align: center !important;
}
.row.customQuote .attribution {
	display: table;
	width: 100%;
}
.row.customQuote .attribution .headshot,
.row.customQuote .attribution p {
	display: table-cell;
}
.row.customQuote .attribution .headshot {
    height: 150px;
    width: 150px;
    margin: 0 1.5em 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #1b4579;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
	box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
}
.row.customQuote .attribution .headshot.eisenhower {
    background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/eisenhower.jpg');
}
.row.customQuote .attribution .headshot.kaine {
    background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/kaine.jpg');
}
.row.customQuote .attribution p {
	padding-left: 1em;
	vertical-align: middle;
	line-height: 1.5em;
}


/*--- SLIDESHOW ---*/
.slideshow {
	margin-bottom: 0 !important;
}
.slideshow .rowWrap {
	padding: 0 !important;
}
#mainContent.magFeatures .article .article-slideshow {
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
	border-width: 0 !important;
	box-shadow: none !important;
}
#mainContent .article-slideshow .slideshowWrap .player .slider>div img {
	height: auto !important;
	width: 100% !important;
}


/*--- END NOTE ---*/
.row.endnote * {
	color: #fff !important;
}
.row.endnote .rowWrap {
	padding: 1.5em 0 !important;
	background-color: transparent !important;
}


/*--- STCIKY MENU ---*/
.stickyMenu {
	height: 0 !important;
	display: none !important;
}
.stickyMenu * {
	color: #fff !important;
}
.stickyMenu .rowWrap {
	background-color: transparent !important;
}
.stickyMenu .tools {
	left: 10% !important;
	right: auto !important;
	margin-top: 20px !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 14px !important;
	background-color: rgba(0,0,0,0.25) !important;
}
.stickyMenu ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.stickyMenu ul li {
	position: relative;
	padding: 1em 0.5em 1em 35px;
}
.stickyMenu ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	height: 18px;
	width: 18px;
	margin-top: -10px;
	border: 1px solid #fff;
}
.stickyMenu ul li:hover:after {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -10px;
	color: #C00;
	font-size: 35px;
}
.stickyMenu ul li a {
	text-decoration: none !important;
}
.anchor {
	position: absolute;
	top: -50px;
}
#international.anchor {
	top: -150px;
}
#flashback.anchor {
	top: -225%;
}




@media only screen and (max-width : 1800px ) {
	.stickyMenu .tools {
		left: 1em !important;
		max-width: 200px !important;
	}
}

@media only screen and (max-width : 1200px ) {
	.stickyMenu {
		display: none !important;
	}
}



/*--------------*/
/*--- TABLET ---*/
/*--------------*/
@media only screen and (max-width : 1000px ) {

	#mainContent {
		background-size: 35px, 35px, 200px, 100px !important;
	}
	#mainContent.magFeatures .leadMedia {
	  border-width: 0 0 6px 0;
	}
	#footer {
	  border-width: 6px 0 0 0;
	}

}



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



/*--------------*/
/*--- MOBILE ---*/
/*--------------*/
@media only screen and (max-width : 576px) {

	#mainContent.magFeatures .leadMedia {
	  border-width: 0 0 4px 0;
	}
	#footer {
	  border-width: 4px 0 0 0;
	}

	/*--- CUSTOM QUOTES ---*/
	.row.customQuote .article-quote {
		font-size: 2em !important;
	}
	.row.customQuote .attribution {
		display: block;
	}
	.row.customQuote .attribution .headshot,
	.row.customQuote .attribution p {
		display: block;
	}
	.row.customQuote .attribution .headshot {
	    height: 100px;
	    width: 100px;
	    margin: 0 auto;
	}
	.row.customQuote .attribution p {
		padding-left: 0;
		text-align: center !important;
	}

}



/*-------------------------------*/
/*--- INTERNATIONAL SLIDESHOW ---*/
/*-------------------------------*/

/*--- Arrows ---*/
.sy-box .sy-controls {
	display: block;
}
.sy-box .sy-controls li {
	pointer-events: none;
	width: auto !important;
}
.sy-box .sy-controls li a {
	text-decoration: none !important;
}
.sy-box .sy-controls li a:after,
.lg-actions .lg-next,
.lg-actions .lg-prev {
	pointer-events: all;
	height: 76px;
	width: 76px;
	margin-top: -38px;
    padding: 0;
	color: #fff;
	font-family: "KP4-Icons";
	font-size: 40px;
	font-weight: normal !important;
	line-height: 76px;
	text-align: center;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sy-box .sy-controls li a:hover:after,
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	background-color: rgb(0,0,0);
}

.sy-box .sy-controls li.sy-prev a:after {
	left: -30px;
	margin-left: 0;
}
.sy-box .sy-controls li.sy-next a:after {
	left: auto;
	right: -30px;

}
.sy-box .sy-controls li.sy-prev a:after,
.lg-actions .lg-prev:after {
    content: "\117";
}
.sy-box .sy-controls li.sy-next a:after,
.lg-actions .lg-next:before {
    content: "\118";
}


/*--- Slides ---*/
.row.customSlideshow .rowWrap {
	background-color: #92cce5 !important;
}
.customSlideshow > .rowWrap {
	padding: 0 !important;
}
.sy-box {
	max-width: none !important;
	padding: 0 !important;
}
.sy-box .sy-slides-wrap {
	margin: 0 !important;
}
.sy-box .sy-slide {
	opacity: 0;
}
.sy-box .sy-controls li a:link,
.sy-controls li a:visited {
    opacity: 1;
}
.sy-slide .text-content {
	min-height: 525px !important;
	padding: 2em 80px;
	text-align: center !important;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.sy-slide .text-content h2,
.sy-slide .text-content h2 * {
	color: #fff !important;
}
.sy-slide .text-content h2 br {
	margin: 0 !important;
}
.sy-slide .text-content h2 em {
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 0.9em !important;
	line-height: 0.9em !important;
}
.sy-slide.sy-active .text-content {
	opacity: 1;
}
.sy-slide .text-content a.button-link {
	padding: 0.25em 0.5em;
	position: absolute;
	bottom: 1em;
	right: 1em;
}


/*--- Head Shots ---*/
.customSlideshow {
	margin-top: 100px !important;
}
.internationalHeadshots {
	position: relative;
	display: block;
	height: 50px;
	width: 100%;
	overflow: visible !important;
}
.internationalHeadshots .internationalHeadshot,
.internationalHeadshots .internationalHeadshot:before {
	position: absolute;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.internationalHeadshots .internationalHeadshot {
	top: -70px;
	height: 100px;
	width: 100px;
	margin-left: -50px;
	border: 3px solid #92cce5;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
	box-shadow: 0 15px 10px -10px rgba(0,0,0,0.25);
}
.internationalHeadshots .internationalHeadshot:before {
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.internationalHeadshots .internationalHeadshot:hover:before {
	opacity: 1;
}
.internationalHeadshot.vladimira.czechRepublic {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentVladimira.png');
	left: 10%;
	z-index: 7;
}
.internationalHeadshot.lisa.germany {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentLisa.png');
	left: 23.3%;
	z-index: 6;
}
.internationalHeadshot.selina.southKorea {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentSelina.png');
	left: 36.6%;
	z-index: 5;
}
.internationalHeadshot.marcin.poland {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentMarcin.png');
	left: 50%;
	z-index: 4;
}
.internationalHeadshot.george.greece {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentGeorge.png');
	left: 63.3%;
	z-index: 3;
}
.internationalHeadshot.luka.lithuania {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentLuka.png');
	left: 76.6%;
	z-index: 2;
}
.internationalHeadshot.clement.france {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/studentClement.png');
	left: 90%;
	z-index: 1;
}
.internationalHeadshot.vladimira.czechRepublic:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagCzechRepublic.jpg');
}
.internationalHeadshot.lisa.germany:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagGermany.jpg');
}
.internationalHeadshot.selina.southKorea:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagSouthKorea.jpg');
}
.internationalHeadshot.marcin.poland:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagPoland.jpg');
}
.internationalHeadshot.george.greece:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagGreece.jpg');
}
.internationalHeadshot.luka.lithuania:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagLithuania.jpg');
}
.internationalHeadshot.clement.france:before {
	background-image: url('http://d1gtq9mqg5x3oe.cloudfront.net/images/magazine/URM/2016-autumn/features/a-spiders-guide-to-the-election/original/flagFrance.jpg');
}
.internationalHeadshots .internationalHeadshot p {
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: 0 !important;
	padding: 0 !important;
	color: #4e96b9 !important;
	text-align: center !important;
	opacity: 0.7;
}


/*--- Pager ---*/
.sy-box .sy-pager {
	padding: 0.5em 0;
	overflow: visible;
	text-align: center !important;
}
.sy-box .sy-pager li {
	height: 15px;
	width: 15px;
	margin: 0 15px 0 0;
}
.sy-box .sy-pager li a {
	background-color: #fff;
	opacity: 0.25 !important;
}
.sy-box .sy-pager li.sy-active a {
	background-color: #fff;
	opacity: 1 !important;
}



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

	.sy-slide .text-content {
		min-height: 590px !important;
	}	
	
}



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

	.sy-slide .text-content {
		min-height: 0 !important;
		padding: 2em 45px;
	}
	.sy-slide .text-content p {
		font-size: 0.8em;
	}
	.customSlideshow {
		margin-top: 50px !important;
	}
	.internationalHeadshots {
		height: 0;
	}
	.internationalHeadshots .internationalHeadshot {
		top: -30px;
		height: 56px;
		width: 56px;
		margin-left: -28px;
		border: 1px solid #92cce5;
	}
	.internationalHeadshots .internationalHeadshot p {
		display: none;
	}
	
}