/* 
Title: 		style/index.css
Website: 	nac-cna.ca 
Author:		david.ramalho for the National Arts Centre
Contact:	david.ramalho@nac-cna.ca
Created:	Jan 26, 2015 
*/

/*This stylesheet is for dynamic EE styles*/



	
			
		

	
			/*////////////////////////////////////// VENUE PAGE /////////////////////////////////////*/
			
				
			
				

				/* 480px and up*/
				@media screen and (min-width: 481px) {
				}
				/* 768px and up*/
				@media screen and (min-width: 769px) {
				}
				/* 980px and up*/
				@media screen and (min-width: 981px) {
				}
				/* 1024px and up*/
				@media screen and (min-width: 1024px) {
				}
				/* 1440px and up*/
				@media screen and (min-width: 1440px) {
				}
			

			/* @group external articles ----------------------------------------------------- */
.article-slick .slick-slide {
	padding: 0 0.9rem 0 0;
}

.article-slick .slick-list {
	overflow: visible;
}

.article-slick .slick-slide {
	opacity: 0.15;
	transform: all ease 0.3s;
}

.article-slick .slick-slide.slick-active {
	opacity: 1;
}


.external_articles h2 {
	font-size: 2.5em;
    color: #000000;
/*     font-weight: 600; */
}

.external_articles .item {
	padding: 1em 0.5em;
}
.external_articles .item:first-child {
	padding: 1em 0.5em 1em 0;
}

.external_articles .external_articles_item {
	border-radius: 5px;
	border: 1px solid #dddddd;
	transition: all 0.3s ease;
	height: 100%;
	padding: 1em 2em;
	overflow: hidden;
	box-sizing: border-box;
}

.external_articles .external_articles_item:hover {
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.09);
}

.external_articles h3 {
	font-weight: 600;
	font-size: 1.15em;
	color: #000;
	margin:0;
}
.external_articles h3 a{
	color: #000;
}

.external_articles p {
	font-weight: 100;
	color: #000;
	margin: 0;
}

.external_articles a.favicon {
	display: block;
    width: 100%;
    padding: 0 0 0.5em 0;
	color: #444;
	font-weight: 300;
}
.external_articles a.favicon .favicon-external {
	display: inline-block;
	min-width: 16px;
	min-height: 16px;
/*     outline: 1px solid red; */
    margin-right: 0.8em;
}

.external_articles article {
    display: block;
}

.external_articles .article_url {
	display: block;
}
/* @end */


/* 600px and up
======================================================================================= */
@media screen and (min-width: 600px) {
	.external_articles .external_articles_item {
		padding: 1em;
	}
}
/* 768px and up
======================================================================================= */
@media screen and (min-width: 769px) {
/*
	.external_articles .external_articles_item {
		width: 47%;
	}
	.external_articles .external_articles_item:nth-child(odd) {
	    margin-right: 3%;
	}
*/
}

/* 980px and up
======================================================================================= */
@media screen and (min-width: 981px) {
	.external_articles .external_articles_item {
		padding: 1em 1em 1em 3em;
	}

	.external_articles p {
		font-size: 0.95em;
		line-height: 1.5em;
		margin: 0.5em 0;
		display: block !important;
	}

	.external_articles .favicon .article_url {
		display: block;
	}
	.external_articles a.favicon .favicon-external {
	    margin-left: -2em;
	}
}
/* 1440px and up
======================================================================================= */
@media screen and (min-width: 1441px) {
	.external_articles .external_articles_item {
/* 		padding: 2em; */
	}
}