@charset "utf-8";
/* CSS Document */





.articlelistcontainer.tilelist {
clear:both;	
display:grid;
gap:2rem;
grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
margin:4rem 0;
}

.articlelistcontainer.stacklist {
display:flex;
flex-direction: row;
}

.card-article {
                        display:flex;
                        flex-direction: column;
                        background-color:#fff;
                       box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
                                        transition: all 1s;
                    }
					
					
.articlelistcontainer.stacklist .card-article {
flex-direction: row;
}					
	
.articlelistcontainer .card-article .imgcon {	
background-color:#CC3;
overflow:hidden;
}
	
	
.articlelistcontainer.tilelist .card-article .imgcon {
	width:100%;
	
	
}


.articlelistcontainer.stacklist .card-article .imgcon {
	width:30%; 
    min-width: min(30%,35rem);
	overflow:hidden;
}



					
.card-article .imgcon img {
					width:100%;
                    transform: scale(1,1);  
                    transition: all 1s;	
}

.card-article:hover .imgcon img {
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
}

.card-article:hover {
                    background-color:#efefef;
                    transition: all 1s;					
}
                    
                    
.card-article .imgcon {
                        width:100%;  
                     align-self: flex-start;
                     overflow:hidden;
                      object-fit:contain;
                    }
                    
                    /*
                    .articlelistcontainer .imgcon img {
                    width:100%;
                    transform: scale(1,1);  
                    transition: all 1s;
                    }
                    
                    .articlelistcontainer .imgcon img:hover {
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
                    }
					*/
					
					
					
.card-article .txtcon {
	                    display:flex;
                        flex-direction: column;
                        width:100%; 
						padding: 0.6rem; 
						background-color:none;
							flex-grow: 1;
							text-align:center;
                    }
                    	
						
.card-article .txtcon span {
	display:none;
}					
					
					
					
					
.card-article p.mainlabel {
                        width:100%;
                        /*padding:0.25rem;*/
                        text-align:center;
                        color: #000;
                        font-size:2.5rem;
                        font-weight:bold;
                       }					
					
                    
.card-article p {
                        width:100%;
                        padding:0.25rem;
                        text-align:center;
                        color: #000;
                        font-size:1.6rem;
                        font-weight:bold;
                       }

.card-article .button{
	shadow: none;
}













































.stacklist .articlelinklist ul {
position:relative;
list-style: none;
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
min-height:200px;
}

.stacklist .articlelinklist ul li {
width:100%;
font-family:  var(--default-font-family);
font-size: 18px;
text-transform: none;
color: #000000;
margin-bottom:20px;
text-align:left;
padding-bottom:1em;
text-align:left;
}

.stacklist .articlelinklist ul li div.innercontainer {
position:relative;
float:left;
width:100%;		
height:auto;
margin-top:10px;
}



/*
.articlelinklist ul li div.innercontainer img{
float:left;
margin-right:20px;	
}
*/

.stacklist .articlelinklist ul li div.innercontainer img.articleimage {
float:left;	
width:25%;	
margin-right:3%;
margin-bottom:0.5em;
border-radius:0;
}

@media screen and (max-width: 600px){
	.stacklist .articlelinklist ul li div.innercontainer img.articleimage {
		clear:both;	
		width:98%;	
		margin-left:auto;
		margin-right:auto;
	}
}

/*
.articlelinklist ul li div.innercontainer div.imagecontainer img{
width:100%;
border-radius:0.5em;
}


.articlelinklist ul li div.innercontainer div.articledescription{
float:left;	
width:72%;	
}
*/


.stacklist .articlelinklist ul li div.innercontainer h2 a{
	
	margin: 0;
	padding: 0;
	font-size: 2rem;
}




.stacklist .articlelinklist ul li div.innercontainer div.publisheddate{
	
text-align:left;	
}




.stacklist .articlelinklist ul li div.innercontainer div.articledescription{
text-align:justify;	
}



.stacklist .articlelinklist ul li div.innercontainer .author{
font-size: 10pt;
font-weight: bold;
margin-top:5px;
margin-bottom:5px;
}

.stacklist .articlelinklist ul li div.innercontainer span{
font-size: 14px;
font-weight: bold;
}


.stacklist .articlelinklist ul li div.innercontainer a {
font-size: 18px;
font-weight: bold;
text-decoration:none;
}

.stacklist .articlelinklist ul li div.innercontainer a:link{color:var(--article-linklist-title-text-color-default);}
.stacklist .articlelinklist ul li div.innercontainer a:active{color:var(--article-linklist-title-text-color-default);}
.stacklist .articlelinklist ul li div.innercontainer a:visited{color:var(--article-linklist-title-text-color-default);}
.stacklist .articlelinklist ul li div.innercontainer a:hover{color:var(--article-linklist-title-text-color-hover);}






.tilelist .articlelinklist ul {
position:relative;
list-style: none;
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
min-height:200px;
}

.tilelist .articlelinklist ul li {
float:left;	
width:33.3333333333333333333%;
font-family:  var(--default-font-family);
font-size: 18px;
text-transform: none;
color: #000000;
margin-bottom:20px;
text-align:left;
padding-bottom:1em;
text-align:left;
}



@media screen and (max-width: 1000px){
	.tilelist .articlelinklist ul li {
		width:50%;
	}
}



@media screen and (max-width: 600px){
	.tilelist .articlelinklist ul li {
		width:100%;
	}
}




.tilelist .articlelinklist ul li div.innercontainer {
position:relative;
float:left;
width:94%;		
height:auto;
margin:10px auto;
min-height: 450px;
}

@media screen and (max-width: 1400px){
.tilelist .articlelinklist ul li div.innercontainer {
min-height: 460px;
}
}

@media screen and (max-width: 1060px){
.tilelist .articlelinklist ul li div.innercontainer {
min-height: 470px;
}
}

/*
.articlelinklist ul li div.innercontainer img{
float:left;
margin-right:20px;	
}
*/

.tilelist .articlelinklist ul li div.innercontainer img.articleimage {
float:left;	
width:100%;	
margin-bottom:0.5em;
border-radius:0;
}


.articlelinklist ul li div.innercontainer div.imagecontainer img{
width:100%;
}
/*

.articlelinklist ul li div.innercontainer div.articledescription{
float:left;	
width:72%;	
}
*/

.tilelist .articlelinklist ul li div.innercontainer div.articledescription{
text-align:justify;	
}




.tilelist .articlelinklist ul li div.innercontainer .author{
font-size: 10pt;
font-weight: bold;
margin-top:5px;
margin-bottom:5px;
}

.tilelist .articlelinklist ul li div.innercontainer span{
font-size: 14px;
font-weight: bold;
}


.tilelist .articlelinklist ul li div.innercontainer a {
font-size: 18px;
font-weight: bold;
text-decoration:none;
}

.tilelist .articlelinklist ul li div.innercontainer a:link{color:var(--article-linklist-title-text-color-default);}
.tilelist .articlelinklist ul li div.innercontainer a:active{color:var(--article-linklist-title-text-color-default);}
.tilelist .articlelinklist ul li div.innercontainer a:visited{color:var(--article-linklist-title-text-color-default);}
.tilelist .articlelinklist ul li div.innercontainer a:hover{color:var(--article-linklist-title-text-color-hover);}







body.articlepage .articledescription {
position:relative;
font-family:  var(--h2-font-family);
font-size:20px;
color:#000000;
text-align:justify;	
font-weight:bold;
margin-bottom:15px;
}



#originalarticlelink {
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.25em;
font-weight:bold;
text-transform: none;
text-align:left;
color: #ffffff;
margin-bottom:20px;	
margin-top:20px;
}

#originalarticlelink a:link{color:#feed01;}
#originalarticlelink a:active{color:#feed01;}
#originalarticlelink a:visited{color:#feed01;}
#originalarticlelink a:hover{color:#ff0000;}

.publisheddate {
position:relative;
width:100%;
font-family: 'Open Sans',Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
text-transform: none;
text-align:left;
color: #444444;	
margin-top:20px;
}

/*
.publisheddate div{
width:30%;	
font-weight:bold;
}
*/

.author {
position:relative;
width:100%;
font-family: 'Open Sans',Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
text-transform: none;
text-align:left;
color: #444444;	
}

/*
.author div{
width:20%;	
font-weight:bold;
}
*/





/* THIS ADDED spallingworx Sept 2020 for advanced article layout - COPIED FROM SVMAG*/



.articleimageoutercontainer {
position:relative;	
margin-bottom:20px;	
}

.aligncenter {
clear:both;	
}

.alignright {
float:right;
/*
margin-left:2%;	
margin-bottom:20px;
*/
}

.alignleft {
float:left;	
/*
margin-right:2%;
margin-bottom:20px;	
*/
}

/*
.aligncenter img{
width:100%;	
}

.alignright img {
float:right;
width:96%;	
}

.alignleft img {
float:left;
width:96%;	
}
*/

.aligncenter .articleimageinnercontainer {
width:100%;		
}

.alignleft .articleimageinnercontainer {
float:left;
width:96%;	
}

.alignright .articleimageinnercontainer {
float:right;
width:96%;		
}


.articleimageinnercontainer img {
position:relative;	
width:100%;
}

.articleimagecaptioncontainer {
position:relative;	
width:100%;
background-color:none;
margin-top:2px;	
}
.articleimagecaptioncontainer p {
position:relative;
width:94%;
font-family: dinpro, arial, helvetica;
font-weight:bold;
font-style: italic;
padding:6px 0;
margin:auto;
}

/*
.inlinebodytextimagecontainer .alignright .innercontainer {
position:relative;
float:right;
width:98%;
}

.inlinebodytextimagecontainer .alignleft .innercontainer {
position:relative;
float:left;
width:98%;
}
*/


.width100 {
clear:both;	
width:100%;	
}

.width75 {
width:75%;	
}

.width50 {
width:50%;	
}

.width30 {
width:33.3333333333333333333333%;	
}

.width25 {
width:25%;	
}


.centerimage {
margin-left:2%;	
margin-right:2%;	
}


@media screen and (max-width: 600px){
.width100 {
clear:both;	
width:100%;	
}

.width75 {
clear:both;	
width:100%;		
}

.width50 {
clear:both;	
width:100%;		
}

.width30 {
clear:both;	
width:100%;	
}

.width25 {
clear:both;	
width:100%;		
}

.alignleft .articleimageinnercontainer {
clear:both;	
width:100%;	
}

.alignright .articleimageinnercontainer {
clear:both;	
width:100%;		
}


body.index .articlecontentouterpanel {
width:100%;	
}


body.index .articlecontentinnerpanel {
width:98%;	
}


.articlelinklist ul li div.innercontainer div.imagecontainer {
width:100%;	
}

.centerimage {
margin-left:0;	
margin-right:0;	
}
	
}

/* END OF ADDED */