/*==============================================================================
CSS file: parts/page-banner-standard.css
v2017.05.01
Dependant Pages: all pages 
Dependant Partials: parts/page-banner-standard.htm
Validation 2017.05.01: CSS level 3 + SVG with some warnings about -ms-, -webkit-, -moz- extensions. 
http://jigsaw.w3.org/css-validator/
*/
/*-------------------------------------------------------------------------------
parts/page-banner-standard.css. Part I - General
--------------------------------------------------------------------------------*/
/* Transitions */
.video-banner,
.slide:first-child {
	-webkit-transition: opacity 1.5s ease-in-out;/*S3.1-6.1, C4-25, O12.1+ */
	-moz-transition: opacity 1.5s ease-in-out;/*M4-16*/
	transition: opacity 1.5s ease-in-out;		
}

.video-control,
.video-control-button {
    -webkit-transition: all .35s ease-in-out;/*S3.1-6.1, C4-25, O12.1+ */
    -moz-transition: all .35s ease-in-out;/*M4-16*/
    transition: all .35s ease-in-out;		    
}
/*-------------------------------------------------------------------------------
parts/page-banner-standard.css. Part II - Extra Small Screen Styles (320px/20em - 479px)
--------------------------------------------------------------------------------*/
/* These screens will apply for all screens if applicable or unless overwritten with media queries. The smallest tested size is 320px / 20em. */
/* Banner Container */
.banner {
	position:fixed;
	top:0;
	left:0;	
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden; 
}
/* Video container */
.video-banner {
	opacity:1;
	position:absolute;
	top: 50%; 
    left: 50%;		
    min-width: 100%; 
    min-height: 100%;
	width:auto;
	height:auto;
	overflow:hidden;
    /*z-index: -100; causing jerking in IE overcovered with landing media background in IE */
    -ms-transform: translateX(-50%) translateY(-50%); /*IE9*/
    -webkit-transform: translateX(-50%) translateY(-50%); /*S3.2-8, C4-35, O15-22, */
    -moz-transform: translateX(-50%) translateY(-50%); /*M3.5-15*/	
    transform: translateX(-50%) translateY(-50%);
}
/* Slider Container (hidden if video is visible)*/
.slideshow-banner {
	opacity:1;
	position: absolute; 
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	overflow:hidden; 
}
/* Slides */
.slideshow-banner .slide,
.slideshow-banner .static-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	overflow:hidden;
    background-size: cover;
    background-position: 50% 50%;
	background-repeat: no-repeat;
    z-index: 0
}
.slideshow-banner .slide {
    opacity: 0;
    visibility: hidden;
}
/* Container with static image */
.slideshow-banner .static-slide {
    opacity:1;
    visibility: visible;
}
/* Banner Overlay */
.banner .overlay {
	position: absolute; 
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
	background-repeat:repeat;
	background-color: rgba(31, 42, 58, 0.2);	
}
    /* Page title overlay to create uphill cut between sections*/
    .banner .slope-edge {
        position:absolute;
        left:-15%;
        bottom:-15%;
        width:130%;
        height:30%;
        background-color:#fff;
    }
    .banner .slope-edge.anticlockwise {
        -ms-transform: rotate(-2deg);/*IE9*/
        -webkit-transform: rotate(-2deg);/*S3.2-8, C4-35, O15-22, */
        -moz-transformtransform: rotate(-2deg);/*M3.5-15*/    
        transform:rotate(-2deg);
    }
/*-------------------------------------------------
Video Control Classes applied to Banner Container:
VISUAL RULES
*/
.slideshow-off .slide{display:none;}
.slideshow-on .static-slide {opacity:0;}

.animation-on .slide {opacity:0;}

.video-on .video-banner {opacity:1;}
.video-off .video-banner,
.video-disabled .video-banner {opacity:0;}

.control-on + .video-control {opacity:1;}
.control-off + .video-control {opacity:0;}
/*---------
VIDEO CONTROL
---------*/
/*Video control container */
.video-control {
	opacity:0;
	position:absolute;
	left:0;
	bottom:5em;
	z-index:5;
}
/* Video buttons*/
.video-control-button {
	height:36px;
	width:36px;
	border-width: 0px;
	border-radius: 18px;
	padding:0;
	margin: 10px;
	overflow: hidden; 
	background-color:transparent;
}
.video-control-button:hover{background-color: rgba(31, 42, 58, 0.5);}
.video-control-button:focus {outline:0;}	
/*--------------------------------------------------------------------------------
CSS file: parts/page-banner-standard.css - v2017.05.01
=================================================================================*/
/*==============================================================================
CSS file: sections/sections/section-page-title.css
v2018.02.28
Dependant Pages: all pages
Dependant Partials: sections/sections/section-page-title.css.htm
Validation 2017.04.28: CSS level 3 + SVG - @-moz-keyframes and @-webkit-keyframes are not implemented. 
http://jigsaw.w3.org/css-validator/
*/
/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part I - General
--------------------------------------------------------------------------------*/
/*Technical*/

/* Transitions */
.section.title .btn.tour,
.scroll-down .scroll-img,
.section.title .heading {
    -webkit-transition: all .35s ease-in-out;/*S3.1-6.1, C4-25, O12.1+ */
    -moz-transition: all .35s ease-in-out;/*M4-16*/
    transition: all .35s ease-in-out;		    
}
/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part II - Extra Small Screen Styles (320px/20em - 479px)
--------------------------------------------------------------------------------*/
/* These screens will apply for all screens if applicable or unless overwritten with media queries. The smallest tested size is 320px / 20em. */
/* Section Container */
.section.title {
	position:relative;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(31, 42, 58, 0.5);
}
/*--------------------------
TITLE HEADING COMPOSITION
*/
/* Page Title heading composition */
.section.title > .heading-container {
    position:relative;
    position:absolute;
    top:50%;
    -ms-transform: translateY(-50%);/*IE9*/
    -webkit-transform: translateY(-50%);/*S3.2-8, C4-35, O15-22, */
    -moz-transform: translateY(-50%);/*M3.5-15*/
    transform: translateY(-50%);
    width:100%;
    padding:5px;
    text-align:center;
}
/*Page Title Heading and subheading - general */
.section.title h1 {
    margin-top:0;
    margin-bottom:15px;
}
.section.title .heading {
	text-transform: capitalize;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	font-size:0.6em;
	vertical-align:middle;
}
.section.home.title .heading {
    /*text-transform: uppercase; temporary disabled*/
}
/* Special banner styles for links with arrows */
.section.title > .heading-container a {
    display:inline-block;
    text-decoration: none;
    color:#fff;
}
.section.title > .heading-container a:hover .heading {
    background-color:rgba(31, 42, 58, 0.7);
}
.section.title .subheading {
    font-size:1.4em;
    font-weight:300;
    letter-spacing:2px;
}
.section.title .subheading2 {
    font-weight:300;
    color: #E6E6E6;
}
/* Introduction Buttons */
.section.title .btn.tour {
    border:1px solid #E3E6E8;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(31, 42, 58, 0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(31, 42, 58, 0.5);
    box-shadow: 1px 1px 5px 0px rgba(31, 42, 58, 0.5);    
	padding:1em;
	margin-top:1em;
	text-transform: uppercase;
	/*color:#E3E6E8;*/
	color:#FFF;
	font-size:2em;
	background-color : rgba(31,42,58,.3)
}
.section.title .btn.tour:hover {
	background-color:#D1A700;
	text-shadow:none;
}

/*-------------------------------------------
 INTRO BOTTOM OVERLAY */
.section.title .bottom-overlay {
    position:absolute;
    bottom:0;
    width:100%;
    height:9.5em;/*132px*/ 
    background: linear-gradient(to top, rgba(31, 42, 58, 1.0), rgba(31, 42, 58, 0.7), rgba(31, 42, 58, 0.4), rgba(31, 42, 58, 0.2), rgba(31, 42, 58, 0.0));    
} 

/*-------------------------------------------
 SCROLL DOWN IMAGE COMPOSITION */
.scroll-down {
    position:absolute;
    bottom:5em;
    left:50%;
    margin-left:-3em;
    width:6em;
    height:5em;
    padding: 1em 1em 0 1em;
    text-decoration:none;
    color: #fff;
}
.scroll-down:hover {
    color: #D1A700;
}    
.scroll-down .scroll-img {
    position:absolute;
    bottom:1em;
    left:50%;
    margin-left:-2em;
    width:4em;
    height:1.5em;
    stroke: currentColor;
    stroke-width: 18px;
}
/* Set animation for one of images */
.scroll-down .scroll-img:first-child {
    -webkit-animation: bounce 3s infinite; 
    -moz-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}
/*Moz 5 compatibility 2012 */
@-moz-keyframes bounce {
    0%, 10%, 25%, 40%, 50%, 100% {bottom:1em;}
    20% {bottom:0;}
    30% {bottom:0.5em;}
}
@-webkit-keyframes bounce {
    0%, 10%, 25%, 40%, 50%, 100% {bottom:1em;}
    20% { bottom:0;}
    30% { bottom:0.5em;}
}
@keyframes bounce {
    0%, 10%, 25%, 40%, 50%, 100% {bottom:1em;}
    20% {bottom:0;}
    30% {bottom:0.5em;}
}

/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part III - Small Screen Styles (480px/30em)
--------------------------------------------------------------------------------*/
@media(min-width:30em) {
/* Page Title Heading and subheading */
    .section.title .heading {
    	font-size:0.88em;
    }
    .section.title .subheading {
        font-size:1.8em;
    }   
	/* Introduction Buttons */
	.section.title .btn.tour {
		/*font-size:0.8em;*/
		font-size:2em;
		padding:1em;
	}    
}
/* Special for landscape 480px screens*/
@media (max-device-width: 47.9375em) and (orientation: landscape){
/* Page Title heading composition */
    .section.title > .container-wrapper {
        top:45%;
    } 	
/* Introduction Buttons */
	.section.title .btn.tour {
		display:none;
	}     
}
/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part IV - Medium Screen Styles (768px/48em)
--------------------------------------------------------------------------------*/
@media(min-width:48em) {
/* Page Title Heading and subheading */
    .section.title .heading {
    	font-size:1.1em;
    }
    .section.title .subheading {
        font-size:1.85em;
    }     
	.section.title .btn.tour {
		/*font-size:0.9em;*/
		font-size:1.9em;
	}
}
/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part V - Medium Screen Styles (992px/62em)
--------------------------------------------------------------------------------*/
@media(min-width:62em) {
/* Page Title Heading and subheading */
    .section.title .heading {
    	font-size:1.2em;
    }
    .section.title .subheading {
        font-size:1.9em;
    } 
    .scroll-down {
        bottom:3.7143em;/*52px*/
    }   
	.section.title .btn.tour {	
		/*padding:13px;*/
		/*font-size:1em;*/
		font-size:1.8em;
	}	    
}
/*-------------------------------------------------------------------------------
sections/section-page-title.css. Part VI - Large Screen Styles (1200px/75em)
--------------------------------------------------------------------------------*/
@media(min-width:75em) {
/* Page Title Heading and subheading */
    .section.title .heading {
    	font-size:1.3em;
    }
    .section.title .subheading {
        font-size:1.95em;
    }
	.section.title .btn.tour {	
		padding:1em;
		/*font-size:1.1em;*/
		font-size:1.7em;
	}	    
}
/*-------------------------------------------------------------------------------
Section Events. Part VII - Extra Large Screen Styles (1440px/90em - indefinite)
--------------------------------------------------------------------------------*/
@media(min-width:90em) {
/* Page Title Heading and subheading */
    .section.title .heading {
    	font-size:1.4em;
    }
    .section.title .subheading {
        font-size:2em;
    }
	.section.title .btn.tour {	
		padding:1em;
		font-size:1.6em;
	}	    
}
/*--------------------------------------------------------------------------------
CSS file: sections/sections/section-page-title.css.css - v2017.04.28
=================================================================================*/
/*==============================================================================
CSS file: sections/section-tour.css
v2017.04.28
Dependant Pages: home 
Dependant Partials: sections/section-tour.htm
Validation 2017.04.28: CSS level 3 + SVG with some warnings. 
http://jigsaw.w3.org/css-validator/
*/
/*-------------------------------------------------------------------------------
News Pages. Part I - General
--------------------------------------------------------------------------------*/
/* Transitions */
.news .splitter a {
	-webkit-transition: all .35s ease-in-out;/*S3.1-6.1, C4-25, O12.1+ */
	-moz-transition: all .35s ease-in-out;/*M4-16*/
	transition: all .35s ease-in-out;	
}
/*-------------------------------------------------------------------------------
News Pages. Part II - Extra Small Screen Styles (320px/20em - 479px)
--------------------------------------------------------------------------------*/
/* These screens will apply for all screens if applicable or unless overwritten with media queries. The smallest tested size is 320px / 20em. */
/* Overwrite default section minimal size of 100% for news sections */
.section.news {
    min-height:80%;
    padding-top:0;
}
/* General Container for news content */
.news .container {
    margin-bottom:2em;
    padding-top:1em;
    padding-bottom:4em;
    border: 1px solid #ababab;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);
    background-color:#fff;  
}
/* All links in news area */
.news .container a {
    text-decoration: none;
}
/* ---------------------- 
Splitter  Block - general 
*/
.news .splitter {
    padding:10px;
    color:#fff;
    background-color:#3a4e6c;
}
.news .splitter > h2 {
    margin-top:0;
    margin-bottom:0;
}
/* Splitter internal icons */
.news .splitter svg {
    margin-right:15px;
    width:30px;
    height:30px;
    vertical-align:middle;
    fill:#fff;
}
/* Splitter internal spans */
.news .splitter > span {
    font-size:1.5em;
    line-height:2;
    margin-right:15px;
    vertical-align:middle;
}
/* Splitter internal links */
.news .splitter a {
    color:#fff;
}
.news .splitter a svg {
    margin-left:15px;
    fill: currentColor;
}
.news .splitter a:hover {
    color: #D1A700
}
/* Sly corrections */
#news .sly.pagination {
    margin-bottom:2em;
}
/*Set sly gray background for small screens only < 767.52px */
@media (max-device-width:47.97em) {
    #news .sly-horizontal-list-partial-wrap {background-color:#EDF0F2;}
}
/* News Post Content area */
.news.post .text {
    max-width:50em;
    margin:auto;
    padding:2em 1em 0 1em;
    text-align:justify;
}
/* News post text splitter */
.news.post .text hr {
    border-top: 1px solid #eee;
}
/* News Post Images */
.news.post .text img {
    display: inline-block;
    height:auto;
    width:100%;
    max-width:48em;
    margin: 0 auto 1em;
    vertical-align: middle;
}
.news.post .text .lhc-icon-24 {
    margin-right:15px;
}
.news.post .text .lhc-icon-24 img {
    width:24px;
    margin-right:15px;
    margin-bottom:0;
}
.news.post .text .news-author img {
    width:15%;
    min-width:75px;
    max-width:102px;
    margin-right:15px;
}
/* News Search Results content area */
.news.search-results .text {
    max-width:50em;
    margin:auto;
    padding:2em 1em 0 1em;
    text-align:justify;
    min-height:18px;
}
.news.search-results .text p {
    font-size:0.9em;
}
.news.search-results .text div h4:nth-child(3) {
    font-size:1em;
}
.news.search-results mark {
    background: #BFC7D1;
    color: #000;
}
/*----------------
SEARCH PAGINATION
-----------------*/
/* Change default BS link color - normal and hover */
.news-list-control.pagination>li>a {
    min-width:2.5em;
    min-width:2em;    
    padding: 0;
    border: 1px solid #E3E6E8;
    text-align:center;
    color: rgba(31, 42, 58, 1.0);
    font-size: 20px;
    line-height:2.5em;
}
/* Change BS default corners for first and last item */
.news-list-control.pagination-lg>li:first-child>a {
    padding:0 15px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.news-list-control.pagination-lg>li:last-child>a {
    padding:0 15px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.news-list-control.pagination>li>a:hover {
    background-color: #E3E6E8;/*like border*/
}
/* Change default BS style for active pagination item */
.news-list-control.pagination>.active>a, .news-list-control.pagination>.active>a:hover, .news-list-control.pagination>.active>a:focus {
    color:#fff;
    background-color: #3A4E6C;/*top menu bar*/
    border-color: #3A4E6C;
}
/*-------------------------------------------------------------------------------
sections/section-search-results.css. Part III - Small Screen Styles (480px/30em)
--------------------------------------------------------------------------------*/
@media(min-width:30em) {
/* search pagination */
    .news-list-control.pagination>li>a {
        min-width:2.5em;
    }         
}
/*--------------------------------------------------------------------------------
CSS file: sections/section-tour.css - v2017.04.28
=================================================================================*/
/*==============================================================================
CSS file: parts/news-list-standard.css
v2017.05.01
Dependant Pages: news, news category 
Dependant Partials: parts/chess-list-default.htm
Validation 2017.05.01: CSS level 3 + SVG with some warnings about -ms-, -webkit-, -moz- extensions. 
http://jigsaw.w3.org/css-validator/
*/
/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part I - General
--------------------------------------------------------------------------------*/
/* Transitions */
.news-list.default .news-details,
.news-list.default .news-image img,
.news-list.default .news-image .filter,
.news-list.default .news-details svg,
.news-list.default a {
    -o-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;/*S3.1-6.1, C4-25, O12.1+ */
    -moz-transition: all .35s ease-in-out;/*M4-16*/
    transition: all .35s ease-in-out;		    
}
/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part II - Extra Small Screen Styles (320px/20em - 479px)
--------------------------------------------------------------------------------*/
/* These screens will apply for all screens if applicable or unless overwritten with media queries. The smallest tested size is 320px / 20em. */
/* News List - remove white spaces between inline childern elements */
.news-list.default {
    font-size:0;
}
/* Container for a post item -  - default twelve */
.news-list.default .news-article {
	display:inline-block;
	position:relative;    
    /*font-size:initial;  recover font size for inline elements*/
    font-size:14px;
	text-align: center;
	/*width:280px;
	height:372px;*/
	width:20em;
	height:26.571428571428573em;	
	margin:15px 0;
	border: 1px solid #E3E6E8;
	background-color:#F7F9FB;	
}
/* Containers for news image and content*/
.news-list.default .news-image,
.news-list.default .news-details {
	display:block;
	position:absolute;
	overflow:hidden;
	left:0;
	width:100%;
	height:50%;
}
/* Position them vertically on top and bottom */
.news-list.default .news-image {top:0;}
.news-list.default .news-details {bottom:0;}
/*------------------------------
IMAGE AREA
-------------------------------*/
/* Image Post link - normal */
.news-list.default .news-image a {
	display:block;
	position:relative;
	overflow:hidden;
}
/* featured post image: normal and hover */
.news-list.default .news-image img {
    width:100%;
    height:auto;
}
 /* featured post image:hover */
.news-list.default .news-image a:hover img {
	-o-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);/*IE9*/
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);/*S3.2-8, C4-35, O15-22 */
	transform: scale(1.05,1.05);
    -webkit-filter: brightness(115%); /* C18+, S6-9, O15+ */
    filter: brightness(115%);	
}
/* post image filter */
.news-list.default .news-image .filter {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(31, 42, 58, 0.2);
}
.news-list.default .news-image a:hover .filter {
	background-color: rgba(31, 42, 58, 0);
}
/* post container for technical data*/
.news-list.default .news-image .technical {
	position:absolute;
	bottom:1em;
	left:1em;
	color:#fff;	
}
/* technical images */
.news-list.default .news-image .technical svg{
	vertical-align: middle;
	/*height:30px;
	width:30px;*/
	height:2.142857142857143em;
	width:2.142857142857143em;	
	margin-right:5px;
	fill:currentColor;
}
/* technical text */
.news-list.default .news-image .technical span{
	vertical-align: middle;
	font-size:150%;
}

/*------------------------------
POST DETAILS AREA
-------------------------------*/
/* Slide up details container on hover */
.news-list.default .news-details:hover {
   height:80%;
   background-color:#fff;
}
/* Title Post link - normal and hover */
.news-list.default .news-details a {
	text-decoration:none;
	color: rgba(31, 42, 58, 1.0);
}
.news-list.default .news-details a:hover {
	color: rgba(31, 42, 58, 0.5);
}
/* Ppost description text */
.news-list.default .news-description {
	text-align: left;
	padding:0 15px;
}
/* Description text filter */
.news-list.default .news-article .text-filter {
	position:absolute;
	width:100%;
	height:6.8em;
	left:0;
	bottom:0;
	background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));/*S5.1-6.0, C10-25 */
	background: -moz-linear-gradient(to top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));/*M3.6-15 */
	background: linear-gradient(to top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));	
}
/* Container for article pointer link */
.news-list.default .news-details .pointer {
    position:absolute;
    bottom:5px;
    left:0;
    width:100%;
}
/* Pointer Link - normal and hover states */
.news-list.default .news-details .pointer a {
    position:relative;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align: middle;
    color:transparent;
}

/* news details hover*/
.news-list.default .news-details:hover .pointer {
    height:100%;
}
.news-list.default .news-details:hover .pointer a {
    color:#8C939C;
}
/* link hover*/
.news-list.default .news-article .pointer svg:hover {
    color:#1F2A3A;
}
/* Pointer Link image */
.news-list.default .news-details svg {
    position: relative;
    bottom: -85%;
    vertical-align: middle;
    width:6em; /* big screen */
    height:2em;
    stroke:currentColor;
    stroke-width:6px;    
}

/*----------------
PAGINATION
-----------------*/
/* Change default BS link color - normal and hover */
.news-list-control.pagination>li>a {
    /*min-width:50px;
    min-width:40px;*/
    min-width:2.5em;
    min-width:2em;    
    padding: 0;
    border: 1px solid #E3E6E8;
    text-align:center;
    color: rgba(31, 42, 58, 1.0);
    line-height:50px;
    font-size: 20px;
    line-height:2.5em;
}
/* Change BS default corners for first and last item */
.news-list-control.pagination-lg>li:first-child>a {
    padding:0 15px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.news-list-control.pagination-lg>li:last-child>a {
    padding:0 15px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.news-list-control.pagination>li>a:hover {
    background-color: #E3E6E8;/*like border*/
}
/* Change default BS style for active pagination item */
.news-list-control.pagination>.active>a, .news-list-control.pagination>.active>a:hover, .news-list-control.pagination>.active>a:focus {
    color:#fff;
    background-color: #3A4E6C;/*top menu bar*/
    border-color: #3A4E6C;
}

/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part III - Small Screen Styles (480px/30em)
--------------------------------------------------------------------------------*/
@media(min-width:30em) {
/* Container for a post item */
    .news-list.default .news-article {
    	margin-left:15px;
    	margin-right:15px;
    }
/* pagination */
    .news-list-control.pagination>li>a {
        min-width:50px;
    }    
}
/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part IV - Medium Screen Styles (768px+)
--------------------------------------------------------------------------------*/
@media(min-width:48em) {
/* 2x6 pattern*/
    .news-list.default.twelve .news-article:nth-child(4n+2),
    .news-list.default.twelve .news-article:nth-child(4n+3) {
        background-color:#E3E6E8;
    }    
}
/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part V - Medium Screen Styles (992px+) 2 3 6 7 10 11
--------------------------------------------------------------------------------*/
@media(min-width:62em) {
/* Recover from 2x6 pattern */
    .news-list.default.twelve .news-article:nth-child(4n+2),
    .news-list.default.twelve .news-article:nth-child(4n+3) {
        background-color:#F7F9FB;
    }        
/* 3x4 pattern*/
    .news-list.default.twelve .news-article:nth-child(even) {
        background-color:#E3E6E8;
    }       
}
/*-------------------------------------------------------------------------------
parts/news-list-standard.css. Part VI - Large Screen Styles (1200px+)
--------------------------------------------------------------------------------*/
@media(min-width:75em) {
/* Container for a post item */
    .news-list.default .news-article {
    	/*width:254px;
    	height:338px;*/
    	width:18.142857142857142em;
    	height:24.142857142857142em;    	
    }
/* Recover from 3x4 pattern*/
    .news-list.default.twelve .news-article:nth-child(even) {
        background-color:#F7F9FB;
    }       
/* 4x3 pattern */
    .news-list.default.twelve .news-article:nth-child(5n+2),
    .news-list.default.twelve .news-article:nth-child(6n+4),
    .news-list.default.twelve .news-article:nth-child(7n+5) {
        background-color:#E3E6E8;
    }   
}
/*--------------------------------------------------------------------------------
CSS file: parts/news-list-standard.css - v2017.05.01
=================================================================================*/