/* PM */

#main-content h1 span {
	visibility : hidden;
}


article {
	position : relative;
}

footer.fade_out  {
	display : none;
}

article.a_block_fullwidth footer.fade_out  {
    width : 50%;
    left : 50%;
}

/* Article styles */

.article_container h3 {
	font-weight : bold !important;
	color : #4a5b79;
}

.article_container a {
	text-decoration : none;
}

/* Generic article image */

.article_container article img {
	width : 100%;
    height : 100%;
    object-fit: cover;
	object-position : 50% 25% ;    
	position : relative;
	
}

/* Generic block article */

.article_style_block {
	padding-top : 10px;
}
.article_style_block    article {
    line-height: 1.6em;
}

.article_style_block article {
    border : 1px solid #bbb;
}

.article_style_block article {
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.article_style_block article:hover {
    box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.29);
    cursor : pointer;
}


/* Article blocks */


article figcaption  {
    position: absolute;
    bottom: 0;
    right: 0;
    display : block;
    padding : 4px 10px 4px 10px;
    text-transform: uppercase;
    font-weight: 700;
}


article figcaption.a_category_info {
    background-color : #447af6;
    color : white;
}
article figcaption.a_category_info::before {
    content:"info";
}

article article.a_category_info h3 {
	color : #447af6;
}

article figcaption.a_category_news {
    background-color : #f37021;
    color : white;
    content : "news";    
}

article figcaption.a_category_news::before {
    content:"news";
}

article.a_category_news h3 {
	color : #f37021;
}

article figure  {
    width : 100%;
    height : 300px;
    position : relative;
    overflow : hidden;
}

.imgoverlay {
    position : absolute;
    width : 100%;
    height : 300px;

    z-index : 1;
    opacity : 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(/resources/images/lib/icon.png) #009fe3 no-repeat center center;
    background-size : 64px 64px;
}

.imgoverlay:hover {
    opacity  :.3;
    background-position: center center;
    background-size :  128px 128px;
}

.fullwidthbackground {
	background-size : cover;
	background-repeat :  repeat-x;
	background-position: 50% 0;
}

.main_block_fullwidthbackground_text {
	margin : 45px 0 45px 0;
	padding : 26px 34px 26px 34px;
	background-color : rgba(0,0,0,.7);
	color : white;
	font-weight : bold;
	font-style : italic;
	font-size : 1.1em;
	line-height : 2em;
}

.main_block_fullwidthbackground_text blockquote {
	padding : 0;
	margin : 0;
	font-size : .85em;
	font-style : normal;
	
}

/* 
    min-height : 200px;
Vertical block - Image on top */

.a_block_vcolumn, .a_block_twitter {
    width : 32%;
    margin : 0 1% 1% 0;
    background-color : white;
    display : inline;
    float:left; 
    height : 500px;
    overflow : hidden;
}




/*
    width : 100%;
    height : 100%;
    object-fit: cover;
	object-position : 50% 25% ;    
    position : relative;
*/
.a_block_vcolumn img {
}


.a_block_vcolumn p, .a_block_twitter p, 
.a_block_vcolumn h3, .a_block_twitter h3 {
    margin : 5%;
}

.a_block_vcolumn h3, .a_block_twitter h3, .a_block_ttcolumn h3 {
	font-weight : normal;
    font-size : 1.7em;
    line-height : 1.1em;
}


.a_block_vcolumn figure  {
}

.a_block_vcolumn .imgoverlay {
}

/* 2/3 width  article block 
   ------------------------ */
   
.a_block_ttcolumn {
    width : 65%;
    margin : 0 1% 1% 0;
    background-color : white;
    display : inline;
    float:left; 
    height : 500px;    
   }

/*
    width : 100%;
	top: -25%;
    position : absolute;
*/

.a_block_ttcolumn img {
}
.a_block_ttcolumn .imgoverlay {
}

.a_block_ttcolumn p, 
.a_block_ttcolumn h3 {    
    margin : 14px;
}

.a_block_ttcolumn figure  {
}



/* half width  article block 
   ------------------------ */
   
.a_block_hcolumn {
    width : 48.5%;
    margin : 0 1% 1% 0;
    background-color : white;
    display : inline;
    float:left; 
    height : 500px;   
    overflow : hidden;
   }


.a_block_hcolumn p, 
.a_block_hcolumn h3 {    
    margin : 14px;
}

.a_block_hcolumn figure  {

}

/*

	width : 100%;
    position : absolute;
	top: -25%;

*/

.a_block_hcolumn img {
}

.a_block_hcolumn .imgoverlay {
}

/* Full width article block 
   ------------------------ */

.a_block_fullwidth {
	width : 98.4%;
    margin : 0 1% 1% 0;
    height : 420px;
    background-color : white;
    overflow : hidden;
    font-size : 1.4em;
}

/*
    width : 100%;
    height : 100%;
    object-fit: cover;
	object-position : 50% 25% ;    
    
*/

.a_block_fullwidth img {
}


.a_block_fullwidth p, 
.a_block_fullwidth h3 {
    margin : 1% 2% 1% 52%;
    line-height : 1.6em;
}

/* Need to force the height to position the overlay correctly */

.a_block_fullwidth figure {
    float : left;
	width : 50%;
	height : inherit;
}

.a_block_fullwidth .imgoverlay {
    height : 100%;
}


/* You Tube adaptors */

.a_block_fullwidth.block_youtube_video {
	height : 600px;
}

.a_block_fullwidth.block_youtube_video iframe {
    margin : 20px !important;
	width : 1130px !important;
	height : 560px !important;
}


.a_block_ttcolumn.block_youtube_video iframe {
	width : 780px !important;
	height : 370px !important;
}


.a_block_hcolumn.block_youtube_video iframe {
    margin : 0px !important;
	width : 580px !important;
	height : 300px !important;
}

.a_block_vcolumn.block_youtube_video  iframe {
    margin : 0px !important;
	width : 400px !important;
    height : 300px !important;    
}
/* Article text line 
  ------------------ */

@media only screen and (min-width :1000px) and (max-width : 1200px) {
	
body>header article {
	width : 1000px;
}

/*
.a_block_vcolumn figure  {
    width : 100%;
    height : auto;
}
.a_block_hcolumn figure  {
    width : 100%;
    height : auto;
}

.a_block_fullwidth {
    height : auto;
    overflow : hidden;
    font-size : 1.4em;
}
*/
	
}
/* ==================================================================================== */

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

	
	body>header article {
		width : 100%;
	}
	
	body>header article div {
		margin : 5% 5% 5% 5%;
		font-size : 1.9em;
		line-height : 1.3em;
	}
	
	.main_block_fullwidthbackground_text {
		margin : 2% 0 2% 0;
		padding : 4%;
		font-size : 1em;
		line-height : 1.8em;
	}
	
	/* 	
	 */
	#main-content .main_block:first-child .article_container {
	}
	
	.a_block_twitter, 
	.a_block_vcolumn, 
	.a_block_fullwidth , 
	.a_text_fullwidth,
	.a_block_ttcolumn,
	.a_block_hcolumn {
	    width : 96%;
	    margin : 2% 2% 2% 2%;
	    display : block;
	    height : auto;
	    min-height : auto;
	}
	
	
	.a_block_twitter iframe {
		height : 350px !important;
	}
	
	.a_block_vcolumn img {
	    width : 100%;
	    height : auto;
	}
	
	article figure  {
		height : auto !important;
		width : 100% !important;
	}
	
	.a_block_vcolumn figure {
		padding-bottom : 0% !important;
	
	}
	
	article figure  img {
		height : auto !important;
		width : 100% !important;
		position : relative !important;
		
	}
	
	article figcaption  {
	    bottom : 6px;
	}
	
	
	.imgoverlay {
		display : none;
	}
	
	.a_block_twitter p, 
	.a_block_twitter h3, 
	.a_block_vcolumn p, 
	.a_block_vcolumn h3, 
	
	.a_block_ttcolumn p, 
	.a_block_ttcolumn h3,
	.a_block_fullwidth p, 
	.a_block_fullwidth h3 ,
	.a_block_hcolumn p, 
	.a_block_hcolumn h3 {    
	    margin : 3% 3% 3% 3%;
	}
	.a_text_fullwidth p,
	.a_text_fullwidth h3 {
		    margin : 3% 0 3% 0;
		
	}
	
	.a_block_fullwidth {
	    height : auto;
	    font-size : 1.1em;
	}
	.a_block_fullwidth p, .a_block_fullwidth h3 {
	    line-height: 1.5em;
	}
	
	.a_block_vcolumn h3, .a_block_twitter h3 {
	    line-height: 1.1em;
	}
	.article_style_block article {
	    line-height: 1.5em;
	}
	
	/* You Tube adaptors */
	
	.a_block_fullwidth.block_youtube_video iframe {
		margin : 2% !important;
		width : 96% !important;	
		height : 500px !important;
	}
	
	.a_block_fullwidth.block_youtube_video {
	    height: 500px;
	    padding-bottom : 4%;
	}
	
	.a_block_ttcolumn.block_youtube_video iframe {
		height : 500px !important;    	
	}
	
	.a_block_hcolumn.block_youtube_video  iframe {
	    height : 300px !important;    
	}
	
	.a_block_vcolumn.block_youtube_video  iframe {
	    height : 400px !important;    
	}
	
	.a_block_ttcolumn.block_youtube_video figure iframe,
	.a_block_hcolumn.block_youtube_video figure iframe,
	.a_block_vcolumn.block_youtube_video figure iframe {
		width : 100% !important;
	}

}