/*
Theme Name: JCE2025
Theme URI: http://www.journalofculturaleconomy.org/
Description: Custom template for Journal of Cultural Economy
Author: Rainbird Digital
Version: 2.5 19.9.25
*/


/*
Fonts  
---------------------------------------
*/

@font-face {
    font-family: 'FontSiteSansCondensed';
    src: url('fonts/FontSiteSans-Cond-webfont.eot');
    src: url('fonts/FontSiteSans-Cond-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-Cond-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-Cond-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-Cond-webfont.svg#webfontEGuZ0Ad6') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontSiteSansBlackCondensed';
    src: url('fonts/FontSiteSans-BlackCd-webfont.eot');
    src: url('fonts/FontSiteSans-BlackCd-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-BlackCd-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-BlackCd-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-BlackCd-webfont.svg#webfontjeYt0HcE') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontSiteSansRoman';
    src: url('fonts/FontSiteSans-Roman-webfont.eot');
    src: url('fonts/FontSiteSans-Roman-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-Roman-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-Roman-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-Roman-webfont.svg#webfont5UoCtSnz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontSiteSansItalic';
    src: url('fonts/FontSiteSans-Italic-webfont.eot');
    src: url('fonts/FontSiteSans-Italic-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-Italic-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-Italic-webfont.svg#webfontQZ6l3U8M') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontSiteSansBold';
    src: url('fonts/FontSiteSans-Bold-webfont.eot');
    src: url('fonts/FontSiteSans-Bold-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-Bold-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-Bold-webfont.svg#webfontFJcYFAaQ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'ElegantIcons';
    src: url("fonts/ElegantIcons.eot");
    src: url("fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"), 
    		url("fonts/ElegantIcons.svg#ElegantIcons") format("svg"), 
    		url("fonts/ElegantIcons.woff") format("woff"), 
    		url("fonts/ElegantIcons.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



/*
Reset
---------------------------------------
*/

*, html, body { 
	margin:0; 
	padding:0; 
	}

fieldset, img { 
	border:0; 
}

h1, h2, h3, h5, h5, h6 { 
	font-size:100%; 
	}

ul { 
	list-style:none; 
}

/* Chrome border on fields */
textarea:focus, input:focus{
    outline: 0;
}


/* ---- Wordpress core image styles  ---- */


img.alignright {float:right; margin:0 0 1em 1.5em}
img.alignleft {float:left; margin:0 1.5em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1.5em}
a img.alignleft {float:left; margin:0 1.5em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* ---- Variables  ---- */

:root {  --background-clr: #000000; } /*  background: var(--background-clr); */
:root {  --hairline-clr: #000000; }   /*  border-top: 3px solid var(--hairline-clr); */
:root {  --heading-clr: #000000; }   /*  color: var(--heading-clr); */
:root {  --article-hover-clr: #000000; }   /*  color: var(--article-hover-clr); */
:root {  --link-clr: #000000; }   /*  color: var(--link-clr); */
:root {  --link-clr: #000000; }   /*  color: var(--link-clr); */
:root {  --header-link-clr: #000000; }   /*  color: var(--header-link-clr); */
:root {  --header-link-hover-clr: #000000; }   /*  color: var(--header-link-hover-clr); */



/*
General Styling
---------------------------------------
*/

body {
	background: #fff;
	color: #333;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	  overflow-x: hidden;
}

h2, h3, h4, h5, h6 {
	color: var(--heading-clr); 
	font-weight: normal;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}

h1 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 52px;
	line-height: 48px;
	font-weight: normal;
	color: #333;
	padding-bottom: 0px;
}

h2 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 30px;
}

h3 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 28px;
	padding-bottom: 30px;
}

h4 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 30px;
}

h5, h6 {
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 30px;
}

h6  {
	padding-bottom: 10px;
}


p, .main-content br, .main-content ul, .main-content ol {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	padding-bottom: 30px;
}

.main-content iframe { text-align: center; width: 100%; padding: 20px 0 20px 0; }

.main-content ul {
 list-style-type: square;
 list-style-position: inside;
 list-style-image: none;
}

.main-content ol {
 list-style-position: inside;
}

.main-content li {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
}


.main-content .wp-caption { padding:  20px 0 20px 0; width: 100%!important;}
/*.main-content .wp-caption img { width: 668px!important; height: auto!important; } */
.main-content .wp-caption img { width: 100%!important; height: auto!important; } 
.main-content .wp-caption .wp-caption-text { width: 750px;  	
	text-align: right;
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999; }

.introtext {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	margin-top: 0px;
	padding-bottom: 0px;
	color: var(--heading-clr); 
	display: block;
}

.introtext a {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 36px;
	font-weight: normal;
	text-decoration: underline;
}


.footnotes, .footnotes ul, .footnotes ol, .footnotes p, .footnotes li {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: normal;
}

.footnotes, .footnotes ul, .footnotes ol, .footnotes p {
	padding-bottom: 10px;
}



blockquote {
	border-left: 0;
}


blockquote p {
	display: block;
	width: 680px;
	height: auto;
	color: #333; 
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	margin: 0px 0px 30px 0px;
	padding: 0 10px 0 10px;
	border-left: 10px solid var(--heading-clr); 
}


a, a:visited  {
	text-decoration: none;
	color: var(--link-clr);
	font-weight: normal;
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}

a:hover{
	color: #333;
	text-decoration: underline;
}

.clear, .clearDesktop { 
	clear: both; 
}








/*
Site Strucutre
---------------------------------------
*/

.masthead {
	width: 100%;
	height: 204px;
	background: var(--background-clr);
	
	/*border-top: 5px solid var(--background-clr);*/
}

/*.jcearchive .masthead {
	height: 161px;
}*/

.masthead-content {
	position: relative;
	margin: 0px auto; 
	width: 896px; /*912px-16px padding...*/
	/*height: 204px;*/
	padding-top: 20px;
}

.masthead-social ul {
	/*margin: 12px 0 0 0px; /*12px 0 0 60px;*/
}

.masthead-social a, .footer-social a {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 13px;
	text-decoration: none;
}


.masthead-social a li, .footer-social a li {
	font-family: 'icomoon';
	font-size: 32px;
	color: #FFF;
	list-style-type: none; 
	list-style-position: inherit; 
	list-style-image: none;
}

.masthead-social a:hover li.rss-icon, .footer-social a:hover li.rss-icon,
.masthead-social a:hover li.mail-icon, .footer-social a:hover li.mail-icon,
.masthead-social a:hover li.twitter-icon, .footer-social a:hover li.twitter-icon {
	font-size: 32px;
	transition: all 0.3s ease;
	color: #000;
}

.logo {
	float: left;
	margin: 22px 0 0 0px; /*20px 0 0 60px;*/
}

.logo img {
 	height: 92px; width: auto;
}

.logo h1 {
	text-indent:-5000px;
}







/* ---     Header      --- */
.homepage-header-wrap { margin: 0px auto;  width: 912px;   height: auto;  width: 100%;  }


.homepage-header-image { width: 100%; height: 476px; }
.homepage-header-image  img { height: 476px; width: 100%;  object-fit: cover;   }



.homepage-header-wrap .homepage-header-text { padding-top: 22px; padding-bottom: 28px; margin: 0px auto;  width: 912px;  }
.homepage-header-wrap h1, .homepage-header-wrap h1 a { font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; line-height: 32px; font-weight: normal; text-transform:uppercase; color: #000; text-align: center; padding: 0; margin: 0; text-decoration: none; }
.homepage-header-wrap h1 div, .homepage-header-wrap h1 a div { font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: normal; text-transform: none; color: #000; text-align: center; padding: 0; margin: 0; text-decoration: none; }
.homepage-header-wrap h1 a div { padding-top: 4px; }
.homepage-header-wrap h1 a:hover, .homepage-header-wrap h1 a:hover div { transition: all 0.3s ease; color: #FFF; }


/* ---     END OF Header      --- */



.main-content {
	margin: 0px auto; 
	width: 912px;  /*1024*/
	height: auto;
}

.quotation, .articles {
	height: auto;
	margin: 50px 8px 30px 0; /* 40px 65px 0 65px; */
	border-top: 3px solid var(--hairline-clr);
}

.quotation h2, .articles h2 {
	margin-top: 8px;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}

.quotation h2 {
	padding-bottom: 0;
}

.quotation p {
	margin-top: 26px; 
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 0;
}

.articles h2 {
	padding-bottom: 35px;
}

.category-articles {
	height: auto;
	margin: 60px 8px 40px 8px; /* 60px 65px 40px 65px; */
	padding-bottom: 5px;
	/*border-bottom: 3px solid #EB123B;*/
}


.category-articles h2 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	color: #333;
	font-weight: normal;
	padding-bottom: 0;
}

.category-articles h2 span {
	display: normal;
	font-family: 'FontSiteSansCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	color: #666;
	font-weight: normal;
	padding-bottom: 0;
}

.article-grid {
	height: auto;
	padding: 0 0px 0 0px !important;   /* 0 50px 0 65px */
	margin: 0px 0px 0 0px; /* 40px 65px 0 65px; */

}

.article-post {
	display: block;
	width: 288px;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 45px;
}

.article-post p.category,.article-post p.category-no-thumbnail {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: var(--heading-clr); 
	text-transform: uppercase;
	padding: 10px 0 00px 0;
	
}

.article-post p.category-no-thumbnail {
	border-top: 3px solid var(--hairline-clr);
}

.article-post h2,.article-post a  {
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	font-weight: normal;
	text-transform: none;
	padding-bottom: 10px;
	text-decoration: none;
}

.article-post:hover h2, .article-post:hover p, .article-post:hover h2.no-thumbnail {
	color: var(--article-hover-clr); 
	text-decoration: none;
}

.article-post:hover .jcepostimage, .article-post:hover p.category-no-thumbnail {
    border-top: 3px solid var(--article-hover-clr);
}


.article-post h2.no-thumbnail, .article-post h2.no-thumbnail a {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 30px;
	color: #333;
	font-weight: normal;
	text-transform: none;
	padding-bottom: 10px;
	letter-spacing: -.01em;
	text-decoration: none;
}

	

.article-post .jcepostimage  {   border-top: 3px solid var(--hairline-clr);
	/*background: var(--background-clr); */
	display: block; padding: 0px; margin: 0px; }

.article-post .jcepostimage div {/* width: 100%; height:auto; */ 
max-width: 288px; 
padding-top: 54.16%;  /* 156px/288px = 0.5416  */
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */    
}

.article-post div { overflow: hidden;}

.article-post div div { 
	opacity: 1.0;
	transform-origin: center center;
    transition: transform .5s, opacity .5s ease-in-out; }
    
.article-post:hover div div { opacity: 0.7; transform: scale(1.2); }








.article-post p {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 6px;
}

.article-post .read-more-icon, .quotation .read-more-icon {
	color: #EB123B;
}

.article-post a.read-more, .quotation a.read-more {
	font-family: 'FontSiteSansItalic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
}

.article-post a.read-more:hover, .quotation a.read-more:hover {
	color: #EB123B;
	text-decoration: none;
}

.article-pagination {
	margin-top: 50px;
	padding: 0 8px 5px 8px; /* 0 65px 5px 65px; */
	height: auto;
}

.pagination-prev, .pagination-nums {
  float: left;
}

.pagination-prev {
  display: block;
  width: 80px;
  height: 25px;
}

.pagination-nums {
  display: block;
  width: 730px;
  height: 25px;
  text-align: center;
}

.pagination-next {
  float: right;
  width: 80px;
  height: 25px;
  text-align: right;
}


.pagination-prev a, .pagination-nums, .pagination-nums a, .pagination-next a {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #999;
}

.pagination-nums .current, .pagination-nums a:hover, .pagination-prev a:hover, .pagination-next a:hover {
	color: #333;
	text-decoration: none;
}




.lead-story {
	/* margin: 65px 8px 65px 8px; */
	/* width: 670px; */
	height: auto;
	margin: 0px auto;
    margin-top: 65px;
    margin-bottom: 65px;
    width: 750px;
}

.lead-story .pageh1 { margin-bottom: 35px;  }

.lead-story-details p {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #999;
	padding-bottom: 30px;
}

.lead-story-details .author {
	color: #EB123B; text-transform: uppercase;
}

.lead-story-img { }

.lead-story-img .header-img {/* width: 100%; height:auto; */ 
max-width: 750px; 
padding-top: 61.97%;  /* 414px/668px = 0.6197   668x473??  */
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}

.lead-story-img p.caption {
	/*float: right;*/
	text-align: right;
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #999;
	padding-bottom: 35px;
	padding-top: 4px;
}

.lead-story-content .topics {
	padding-top: 20px;
}

.lead-story-content .topics p, .lead-story-content .topics li  {
	float: left;
		font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 13px !important;
	font-weight: normal;
/*	padding-bottom: 20px;
		padding-top: 20px;*/

}

.lead-story-content .topics li {
	float: left;
	color: #EB123B;
	margin-right: 5px;
	 list-style-type:none;
 list-style-position: inside;
 list-style-image: none;
 
}


.sharethis, .jce-comments, .jce-comment-form {
	width: 750px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 45px;
	border-top: 2px solid var(--hairline-clr);
}

.jce-comments .comment-author {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #EB123B;
	font-weight: normal;
}

.jce-comments .comment-date {
	font-family: 'FontSiteSansItalic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

.jce-comments ul li {
	margin-bottom: 20px;
	border-bottom: 1px #333 dotted;
}

.jce-comments ul li:last-child {
	border-bottom: 0;
}

.sharethis {
	margin-top: 60px;
}

.sharethis h2, .jce-comments h2, .jce-comment-form h2 {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.jce-comments h2 {
	margin-bottom: 30px;
}

.jce-comments p {
	padding-bottom: 0;
}

.sharethis ul {
	margin-left: 10px;
}

.sharethis li {
  float: left;
  display: block;
  width: 80px;
  height: 60px;
  list-style: none;
  padding-left: 0;
  margin: 0px 12px 0 0;
  overflow: hidden;
}

.fb-fb {
  margin-left: -8px !important;
}

.people-grid {
	height: auto;
	padding: 0 0px 0 0px; /* 0 50px 0 65px; */
}

.og-grid li.role {
	display: block;
	margin: 0;
	vertical-align: top;
	height: 40px;
	margin-top: 40px;
}

.og-grid img {
	width: 135px;
	height: 135px;
	 
}

 


.og-grid h3 {
	display: block;
	width: 135px;
	height: auto;
	font-size: 14px; /* WAS 18 */
	line-height: 14px;
	padding: 5px 0 0;
	margin-bottom: 0;
}


.og-grid a h3:hover, .og-grid a:hover h3, .og-grid .item a:hover h3, .og-grid .item a h3:hover  {
	text-decoration: none;
}


.og-grid .og-details h3 {
	display: inline;
	width: auto;
	height: auto;
	line-height: 14px !important;
}

.og-read-more-icon {
	content: '\2192';
	display: inline-block;
	margin-right: 0px;
	color: #EB123B;
	line-height: 14px !important;
}

.og-read-more {
	font-size: 12px;
	font-style: italic;
	color: #333;
	line-height: 14px !important;
}

.og-expander {
	background: transparent;
	margin-top: 40px;
}

.og-grid li.og-expanded > a::after {
	display: none;
}

.og-expander-inner {
	margin: 0px auto; 
	width: 880px;
	height: 350px; /* WAS 300 */
	padding: 5px 0;
	padding-top: 20px;
	border-top: 3px solid var(--hairline-clr);
	border-bottom: 2px dotted #ccc;
}

.og-fullimg {
	width: 288px;
}

.og-fullimg img {
	width: 288px;
	height: 288px;
}

.og-details h3 {
	font-size: 24px;
	padding: 5px 0 0;
	margin-bottom: 5px; /* WAS 20 */
}

.og-details p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
}


.og-details a {
	font-weight: 400;
	font-size: 14px;
	color: --link-clr;
	text-transform: none;
	letter-spacing: 0;
	padding: 0;
	border: 0;
	margin: 0;
}

.og-details a:hover {
	color: var(--link-clr);
}

.og-details a::before {
	content: '';
	display: inline-block;
	margin-right: 0;
}

/* a.og-link::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
	color: var(--link-clr);
} */

a.og-link {
	float: left;
	font-size: 12px;
	font-style: italic;
	color: #333;
	margin-right: 15px;
}

.og-details a.og-website {
	color: var(--link-clr);
}

.og-close {
	display: none;
}

img.desaturate{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.archive {
	height: auto;
	padding: 0 8px 0 8px; /*  0 50px 0 65px;*/
}

.search-tools {
	margin-bottom: 40px;
}

.search-tools li {
 list-style-type: none; list-style-position:inherit ; list-style-image: none; 	
}

.bootstrap-select.btn-group .btn .filter-option, .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
	margin-right: 15px;
}

.archive-table {
	width: 100%;
	border-collapse:collapse;
	border-bottom: 1px solid #7D7D7D;
}

.table-mobile-link {
	display: none;
}

.tablesaw thead {
	border: 0;
	background: #000;
	height: 40px;
}

.tablesaw thead tr:first-child th {
	padding-top: 0;
	padding-bottom: 0;
}

.archive-table th, .tablesaw thead th {
	height: 40px;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	background-color: #000;
	text-align: left;
	padding: 7px;
}

.tablesaw-columntoggle-btnwrap {
	display: none;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #EB123B;
	font-size: 0;
	line-height: 0;
	margin: 2px 10px 0 0;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	border-bottom: 5px solid #EB123B; 
	font-size: 0;
	line-height: 0;
	margin: 2px 10px 0 0;
}

.tablesaw tbody tr {
	border-bottom: 0;
}

.archive-table td {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 13px !important;
	border-bottom: 1px dashed #CDCDCD;
	height: 40px;
	padding-left: 7px;
}

.archive-table td:last-child {
   border-bottom: 0;
}

.archive-table tbody tr:nth-child(even) {
   background-color: #F8F8F8;
}

.archive-table td a.archive-link::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
	color: #EB123B;
}

.archive-table td a {
	/*font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-weight: 400;
	font-size: 12px;
	line-height: 13px;
	color: #333;
}

.tablesaw thead tr:first-child th {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-right: 0;
}

table.tablesaw thead th, table.tablesaw thead td {
	color: #fff;
	font-size: 13px;
	line-height: 13px;
}

.tablesaw thead th {
	font-weight: 400;
	color: #fff;
	text-transform: none;
	text-shadow: 0;
}

.footer-logo {
	height: 60px;
	margin-top: 120px;
	padding: 0 8px 0 8px; /* padding: 0 65px 0 65px; */
}

.footer-logo > img {
	float: left;
	width: 169px;
	height: 47px;
}

.mobile-footer-social {
	display: none;
}

.footer-social ul {
	float: right;
}

.footer-social li:last-child {
	margin-right: 0;
}

.footer {
	border-top: 5px solid var(--hairline-clr);
	margin: 18px 8px 0 8px; /* 18px 65px 0 65px; */
	height: auto;
}

.footer .twitter, .footer .links {
	/*float: left;*/
	display: inline-block;
	margin: 18px 15px 0 0;
	width: 280px;
	height: auto;
	vertical-align: top;
	 
}

.footer .twitter a:hover, .footer .links a:hover {  color: var(--link-clr);  }


.footer .partners {
	/*float: right;*/
	display: inline-block;
	margin-top: 18px;
	width: 280px;
	height: auto;
	vertical-align: top;
	 
}

.footer .twitter h3, .footer .links h3, .footer .partners h3 {
	padding-bottom: 32px;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
}

.footer .twitter ul { padding-bottom: 0px;}

.footer .twitter p, .footer .links p, .footer .twitter li, .footer .links li {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
		 list-style-type: none; list-style-image: none; list-style-position: inherit;

}

 .footer .links p, .footer .links li {
	line-height: 16px;
	 list-style-type: none; list-style-image: none; list-style-position: inherit;
}


.footer .twitter a, .footer .links a {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000;
}

.tweetimg {
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tweet-text {
	float: left;
	display: block;
	width: 220px;
	height: auto;
	margin-bottom: 10px;
}

.tweet-date {
	font-family: 'FontSiteSansItalic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #D3D3D3;
}

.twitter .read-more-icon, .links .read-more-icon {
	color: var(--link-clr);
}

.twitter a.read-more, .links a.read-more {
	font-family: 'FontSiteSansItalic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
}

.footer .credits {
	margin: 50px 0 0px 0;
}

.footer .credits p, .footer .credits a {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #999;
}

.footer .credits a:hover {

	color: var(--link-clr);
}



/*
Slider
---------------------------------------
*/

.carousel {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 448px;
}


/*
Navigation
---------------------------------------
*/

#mobile-menu-icon {
  display: none;
}

.nav {
	float: right;
	margin: 86px 0 0 58px;
}

.nav-archive {
	float: right;
	margin: 60px 0 0 58px; 
}


.nav li, .nav-archive li { 
	list-style: none;
	float: left;
	margin: 0;
	margin-right: 34px;
	display: block;
	width: 135px;
	height: auto;
}

.nav li a, .nav-archive li a { 
	display: block;
	width: 135px;
	padding-top: 5px;
	text-decoration: none;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	border-top: 3px solid #fff;
	letter-spacing: .05em;
}

.nav li a:hover, .nav-archive li a:hover { 
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	border-top: 3px solid #000;
	font-size: 16px; 
	letter-spacing: .05em;

}

.nav li a.current-page-item, .nav li a.current-page-parent, .nav li a.current-page-ancestor,
.nav-archive li a.current-page-item, .nav-archive li a.current-page-parent, .nav-archive li a.current-page-ancestor {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	border-top: 3px solid #000;
	font-size: 16px; 
	letter-spacing: .05em;
}

.nav li.current-menu-item a, .nav-archive li.current-menu-item a, li.current-post-parent a {
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000 !important;
	border-top: 3px solid #000 !important;
	font-size: 16px; 
	letter-spacing: .05em;
}

.mobile-menu-icon, .mobile-menu {
	display: none;
}

.menu-main-menu-lefthand-container {
	position: absolute;
	top: 13px; /* WAS 24 */
	right: 233px; /* WAS 272 - 64  */
}

.menu-main-menu-righthand-container {
	position: absolute;
	top: 13px; /* WAS 24 */
	right: 38px; /* WAS 100 */
}

.menu-main-menu-lefthand-container li, .menu-main-menu-righthand-container li { height: 19px;  }

.menu-main-menu-lefthand-container li a, .menu-main-menu-righthand-container li a {
	font-family: 'FontSiteSansRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

.menu-main-menu-lefthand-container li a:hover, .menu-main-menu-righthand-container li a:hover {
	color: #000;
	text-decoration: none;
}

.menu-main-menu-lefthand-container li.current_page_item a, .menu-main-menu-lefthand-container li.current_page_parent a, .menu-main-menu-lefthand-container li.current_page_ancestor a,
.menu-main-menu-righthand-container li.current_page_item a, .menu-main-menu-righthand-container li.current_page_parent a, .menu-main-menu-righthand-container li.current_page_ancestor a {
	/*font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	color: #000;
}


#menu-main-menu-lefthand li:nth-child(1) a, #menu-main-menu-righthand li:nth-child(1) a { 
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}






/*
Forms
---------------------------------------
*/


.search-box {
	float: right;
	margin-top: 86px;
	width: 135px;
	height: auto;
	border-top: 3px solid #fff;
	margin-right: 0px; /* 64px; */

}

.search-box input[type="text"] {
	float: left;
	background: var(--background-clr);
	border: 0 none;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	width: 110px;
	margin-top: 7px;
	letter-spacing: .05em;

}

.search-box input[type="submit"] {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	background: var(--background-clr) url(images/search_icon-20x20-01.svg) center right no-repeat;
	margin-top: 5px;
	border: 0;
	cursor: pointer;
}
  
   

#searchform ::-webkit-input-placeholder { 
    color:    #fff;
}
#searchform :-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
#searchform ::-moz-placeholder { 
   color:    #fff;
   opacity:  1;
}
#searchform :-ms-input-placeholder { 
   color:    #fff;
}

#filterform placeholder {
	color: #333;
}

#filterform input[type="text"] {
	width: 190px;
	height: 34px;
	padding: 5px 5px 5px 10px;
	background: var(--background-clr) url(images/archive_search_icon.jpg) center right no-repeat;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.jce-comment-form input[type="text"], .jce-comment-form textarea {
  margin: 0;
  padding: 5px;
  color: #333;
  background: var(--background-clr);
  border: 1px solid #333;
  margin: 5px 0;
}

.jce-comment-form textarea {
  width: 660px;
  height: 232px;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.jce-comment-form input[type="text"] {
	width: 200px;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.jce-comment-form .form-submit input {
	clear: left;
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	background: #EB123B;
	border: 0;
	font-family: 'FontSiteSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}


/* Responsive */







/* iPad Portrait to desktop  ----------- */
@media only screen and (min-width:768px) and (max-width:910px) {


/* Strucutre & layout */

.masthead {
	height: 110px;
}

.masthead-content {
	/* margin: 0px; */
	width: 716px; /*672px;*/
	height: 110px;
}

.clearDesktop { 
	clear:none; display: none; 
}

.logo {
	float: left;
	margin: 0px 0 0 0px; /*20px 0 0 60px;*/
}

.logo img {
	height: 70px;
	width: auto;
}


.homepage-header-wrap .homepage-header-text {
    padding-top: 22px;
    padding-bottom: 28px;
    width: 90vw;
}

.homepage-header-wrap{
    width: 100vw;
}




.masthead-social  {
	display: none;
}


.main-content {
	/* margin: 0px auto; */
	width: 672px;
}

.lead-story {
	width: 652px;
}

.lead-story-img .header-img {/* width: 100%; height:auto; */ 
max-width: 652px; 
}

.article-post .jcepostimage div {/* width: 100%; height:auto; */ 
max-width: 322px; 
padding-top: 54.16%;  /* 156px/288px = 0.5416  */
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}


.category-articles h2 {
	display: normal;
}



.article-post {
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}


.footer .credits, .footer .credits p {
	text-align: center;
}


/* People */

.og-expander-inner {
	
		
	width: 652px;
	padding: 10px 0 0 0;
	margin: 0 0 0 0; /*0 8.5% 0 8.5%;*/
	height: 350px;
	margin: 0px auto; 
}

.og-fullimg {
	display: none;
}

.og-details {
  float: none;
  width: 100%;
}




/* Navigation */

.nav, .nav-archive {
	display: none;
}


.menu-main-menu-lefthand-container, .menu-main-menu-righthand-container, .search-box {
	display: none;
}

#mobile-menu-icon {
	position: absolute;
	top: 22px;
	right: 0px;
	display: block;
	font-size: 33px;
	color: #EB123B;
}

#mobile-menu-icon a {
	font-size: 33px;
	color: #000;
	text-decoration: none;
}

#mobile-menu-icon a:hover {
	color: #fff;
	text-decoration: none;
}

.mobile-menu {
  position: absolute;
  top: 110px; /* WAS -18 */
  left: 0;
  display: block;
  width: 100%; /* WAS 250px */
  height: auto;
  min-height: 100%;
  background: #fff;
  z-index: 99999;
  padding-bottom: 150px;
  -webkit-box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
  -moz-box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
  box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
}

.mobile-menu ul li {
  display: block;
  width: 100%; /* WAS 250 */
  height: 46px;
  border-bottom: 1px solid #ccc;
}

.mobile-menu li a {
  margin-left: 15px;
  font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 49px;
  color: #7D7D7D !important;
  display: block;
}


/* Forms */

/*.mobile-menu input[type="text"] {
	width: 210px;
	background: #fff url(images/mobile_search_icon.jpg) center right no-repeat;
	border: 0 none;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 36px;
	color: #7D7D7D;
	margin-left: 15px;
}*/

.mobile-menu input[type="text"] {
	width: 100%;
  background: url(images/mobile_search_icon.png) 98% center no-repeat transparent;
  border: 0 none;
  font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 49px;
  color: #7D7D7D;
  text-indent: 15px;
}

#searchform ::-webkit-input-placeholder { 
    color:    #7D7D7D;
}
#searchform :-moz-placeholder {
   color:    #7D7D7D;
   opacity:  1;
}
#searchform ::-moz-placeholder { 
   color:    #7D7D7D;
   opacity:  1;
}
#searchform :-ms-input-placeholder { 
   color:    #7D7D7D;
}

#filterform input[type="text"] {
	width: 22.73%;
	height: 34px;
	padding: 0.65% 0.65% 0.65% 10px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 22.73%;
}

.bootstrap-select > .btn {
	padding-right: 3.25%;
}

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width:767px) {


/* Strucutre & layout */

h1 {
	font-size: 32px;
	line-height: 28px;
}

.quotation, .articles, .footer {
	margin-left: 0;
	margin-right: 0;
}

.archive {
	padding: 0;
}

.footer {
	margin-top: 0;
}

.footer-logo {
	margin-top: 60px;
	height: auto;
	padding: 0;
}

.footer-logo > img {
	display: none;
}

.footer-social {
	display: block;
	width: 100%;
  text-align: center;
}

.footer-social ul {
	float: none;
	display: inline-block;
	padding: 0;
}

.footer .twitter, .footer .links {
	width: 46%;
}

.footer .partners {
	margin-top: 38px;
}

.masthead {
	height: 110px;
	width: 100%;
}

.masthead-content {
	/* margin: 0px; */
	width: 100%; /*672px;*/
	height: 110px;
}

.clearDesktop { 
	clear:none; display: none; 
}

.logo {
	float: left;
	margin: 0px 0 0 16px; /*20px 0 0 60px;*/
}

.logo img {
	width: auto;
	height: 70px;
}

.homepage-header-wrap .homepage-header-text {
    padding-top: 22px;
    padding-bottom: 28px;
    width: 90vw;
     
}

.homepage-header-wrap{
    width: 100vw;
}

.homepage-header-image { width: 100%; height: 300px; }
.homepage-header-image  img { height: 300px; width: 100%;  object-fit: cover;   }


.masthead-social  {
	display: none;
}


.main-content {
	/* margin: 0px auto; */
	/*width: 100%; */ /* 672px */
	width: auto;
	margin: 0 16px;
}

.lead-story {
	width: 100% ; /* 652px */
	margin-left: 0;
	margin-right: 0;
	margin-top: 30px;
}

.lead-story-img .header-img {/* width: 100%; height:auto; */ 
max-width: 100% ; /* 652px */
}

.article-post {
	width: 48%; /*320px; */
	margin-left: 0;
	margin-right: 0;
}

.article-post .jcepostimage div {/* width: 100%; height:auto; */ 
max-width: 767px; /*322px; */
padding-top: 54.16%;  /* 156px/288px = 0.5416  */
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}

.article-grid {
	width: 100%;
	margin:0px;
	margin: 0;
	
}


.category-articles {
	margin-left: 0; 
	margin-right: 0;
	margin-top: 30px;
}


.category-articles h2 span {
	display: none;
}



.footer .credits, .footer .credits p {
	text-align: center;
}


.sharethis, .jce-comments, .jce-comment-form {
	width: 80%;

}


blockquote p {
width: 80%;
}

.main-content .wp-caption {
	width: 100%!important;
}
.main-content .wp-caption img { width: 100% !important; height: auto!important; } 
.main-content .wp-caption .wp-caption-text { width: 80%; }




/* People */

.og-grid li.og-expanded {
	margin-bottom: 40px;
}

.og-expander {
	width: auto;
	right: 0;
	padding: 0 16px;
}

.og-expander-inner {
	
		
	/*width: 652px;*/
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0 0 0 0; /*0 8.5% 0 8.5%;*/
	/*height: 350px;*/
	height: 100%;
	margin: 0px auto; 
}

.og-fullimg {
	display: none;
}

.og-details {
  float: none;
  width: 100%;
  padding: 0;
}

.og-grid .og-details h3 {
	display: block;
	margin: 5px 0 20px
}




/* Navigation */

.nav, .nav-archive {
	display: none;
}


.menu-main-menu-lefthand-container, .menu-main-menu-righthand-container, .search-box {
	display: none;
}

#mobile-menu-icon {
	position: absolute;
	top: 22px;
	right: 16px;
	display: block;
	font-size: 33px;
	color: #EB123B;
}

#mobile-menu-icon a {
	font-size: 33px;
	color: #000;
	text-decoration: none;
}

#mobile-menu-icon a:hover {
	color: #fff;
	text-decoration: none;
}

.mobile-menu {
  position: absolute;
  top: 110px; /* WAS -18 */
  left: 0;
  display: block;
  width: 100%; /* WAS 250 */
  height: auto;
  min-height: 100%;
  background: #fff;
  z-index: 99999;
  padding-bottom: 150px;
  -webkit-box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
  -moz-box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
  box-shadow: inset -198px -85px 41px -192px rgba(204,204,204,1);
}

.mobile-menu ul li {
  display: block;
  width: 100%; /* WAS 250 */
  height: 46px;
  border-bottom: 1px solid #ccc;
}

.mobile-menu li a {
  margin-left: 15px;
  font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 49px;
  color: #7D7D7D !important;
  display: block;
}

/* Forms */

/*.mobile-menu input[type="text"] {
	width: 210px;
	background: #fff url(images/mobile_search_icon.jpg) center right no-repeat;
	border: 0 none;
	font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 36px;
	color: #7D7D7D;
	margin-left: 15px;
}*/

.mobile-menu input[type="text"] {
	width: 100%;
  background: url(images/mobile_search_icon.png) 97% center no-repeat transparent;
  border: 0 none;
  font-family: 'FontSiteSansBlackCondensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 49px;
  color: #7D7D7D;
  text-indent: 15px;
}

#searchform ::-webkit-input-placeholder { 
    color:    #7D7D7D;
}
#searchform :-moz-placeholder {
   color:    #7D7D7D;
   opacity:  1;
}
#searchform ::-moz-placeholder { 
   color:    #7D7D7D;
   opacity:  1;
}
#searchform :-ms-input-placeholder { 
   color:    #7D7D7D;
}

.comment-form p {
	padding-bottom: 0;
}

.jce-comment-form input[type="text"] {
	width: 260px;
}

.jce-comment-form textarea {
	width: 260px;
	height:132px;
}

.jce-comment-form .form-submit input {
	width: 280px;
	margin: 10px 0 90px 0;
}

#filterform input[type="text"] {
	display: none;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 122px;
  padding-top: 10px;
}

.bootstrap-select > .btn {
	padding-right: 3.4%;
	
}

}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width:480px) {





.logo {
	margin: 0px 0 0 16px; 
}

.logo img {
	width: auto;
	height: 70px;
}

.homepage-header-wrap .homepage-header-text {
    padding-top: 22px;
    padding-bottom: 28px;
    width: 90vw;     
}

.homepage-header-wrap{
    width: 100vw;
}

.homepage-header-image { width: 100%; height: 300px; }
.homepage-header-image  img { height: 300px; width: 100%;  object-fit: cover;   }




	.footer .twitter, .footer .links {
		width: 100%;
		margin-top: 38px
	}

	.footer .partners {
		margin-top: 0;
	}
	
.article-post { width: 100%; 
	
		margin-left: 0px !important; /* 8px */
	margin-right: 0px !important; /* 8px */
	
	 }


.article-grid {
	width: 100%;
	margin:0px;
	
}

/*.category-articles {
	margin-left: 0%;
	margin-right: 0%;
}	*/
	
}



/* Desktop to Large Desktop ----------- */
@media (min-width: 1300px)  {



.masthead-content { width: 1090px; }
.main-content { width: 1100px;  }
.article-post { width: 353px; }

.article-post .jcepostimage div { max-width: 353px; }


.homepage-header-wrap .homepage-header-text { width: 1100px; }



.homepage-header-image { width: 100%; height: 600px; }
.homepage-header-image  img { height: 600px; width: 100%;  object-fit: cover;   }


.og-expander-inner {
    width: 1050px;
    height: 350px;
}


}




/* Change header colours to Black - 19.2.24 */



.masthead-social a li  {
    color: var(--header-link-clr);
}

.masthead-social a li:hover  {
    color: var(--header-link-hover-clr)!important;
}

.menu-main-menu-lefthand-container li a, .menu-main-menu-righthand-container li a {
    color: var(--header-link-clr);
}

.menu-main-menu-lefthand-container li a:hover, .menu-main-menu-righthand-container li a:hover {
    color: var(--header-link-hover-clr);
}


.nav li a, .nav-archive li a {
    color: var(--header-link-clr);
    border-top: 3px solid var(--header-link-clr);
}


.nav li a:hover, .nav-archive li a:hover {
    color: var(--header-link-hover-clr);
    border-top: 3px solid var(--header-link-hover-clr);
}


.search-box {
    border-top: 3px solid var(--header-link-clr);
}

.search-box input[type="text"] {
   color: var(--header-link-clr);
}