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



body {
	margin:0; padding:0; 
	font-family: 'Merriweather', serif !important;
	line-height: 1.5;
}

header {
	height: 100px;
	/* background-color: #598AFF; */
	padding: 0 !important; margin: 0 !important;
}

h1, h2, h3, h4:not(.physics-news), h5 {font-family: 'Merriweather Sans', sans-serif !important;}

h1 {
	font-size: calc(14px + 3.2vw) !important;
}
h2 {
	font-size: calc(14px + 1vw) !important;
}
h3 {
	font-size: calc(14px + 0.9vw) !important;
	margin-top: 10px !important;
}

h4:not(.physics-news) {
	font-size: calc(14px + 0.2vw) !important;
	margin: 2px 15px 0 0;
}

h5 {
	font-size: calc(14px + 0.2vw) !important;
	margin: 18px 0 2px 0;
}

p {
	font-size: calc(14px + 0.4vw);
	line-height: 180%;
}


/*------------------------------------------*/
/* Navbar
/*------------------------------------------*/
.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.sticky.is-sticky div ul li {
	display: inline;
}

.logo-small {
	display: none;
}

.Opli-navigation {
	margin-bottom: 5px;
}

/* .navbar-toggler {color: white; } */
/*------------------------------------------*/

aside p {font-size: calc(12px + 0.1vw)}

/*------------------------------------------*/
/*   Main news
/*------------------------------------------*/
.MainNewsBox {
	 display: block;
	
	 overflow: hidden;
	 margin: 0 !important; 
	 padding: 0 !important;
	 height: 280px; 
	 border-bottom: 5px white solid;
	 border-right: 5px white solid;
} 

.Machine-vision-NewsBox {
	display: block;
	
	overflow: hidden;
	height: 250px;
	
	padding: 5px !important;
}

#Main-news-Machine-vision {padding: 5px 5px 0 5px !important; height: 500px;}

#MainNewsItem {
	height: 560px; 
	border-left: 5px white solid;
	border-right: 5px white solid;
}

.MainNewsTitle {font-size: calc(14px + 2.7vw) !important; font-weight: bold !important;}

.MainNewsTitle-1 {font-size: calc(14px + 1.8vw) !important;}

/*------------------------------------------*/
/*   News images
/*------------------------------------------*/
figure {
	 position: relative;
	 height: 100%;
	 width: 100%;
	 
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 
     		
}
	figure img {		
		position: relative;
		
		width: 100%;			
	}
	
figcaption {
	 position:absolute;
	 top: 0;
	 bottom: 0;
     left: 0;
     right: 0;
     
	 
	 background: -webkit-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,0.7)); /*Safari 5.1-6*/
	 background: -o-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,0.7)); /*Opera 11.1-12*/
     background: -moz-linear-gradient(bottom,rgba(255,0,0,0),rgba(0,0,0,0.7)); /*Fx 3.6-15*/
     background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)); /*Standard*/
	
	}
	
	figcaption h3, figcaption h4 {
		position: absolute;
		
		bottom: 5%;
		left: 5%;
		
		margin-right: 20%;		
		color: white;
		font-weight: bold;
		
	}

/* on hover of figure do this to figcaption */
figure:hover figcaption {
   
}

.img_txt {
	background-color: #e6e6e6;
	font-size: calc(12px + 0.2vw);
}

.news-img {
	height: 100% !important;
	width: 100% !important;		
}

.Tech-images {
	width: 100%;
	height: 270px;
	display: block;
	margin: 0 0 2px 0; padding: 0;
	top: 0; left: 0;
	overflow: hidden;
}


figure:not(.space-img):hover img {
   /* on hover of image */
   opacity: 0.6;
   filter: alpha(opacity=0);
   background-color: rgba(0,0,0,0.5);
   -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
   transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
   

}

figure.space-img:hover h4 {
   background-color: yellow;
} 


/*------------------------------------------*/


/*------------------------------------------*/
/*   News banner
/*------------------------------------------*/
.newsPageBanner{
	width: 100%; height: 400px; margin: 55px 10px 55px 0; 
}
/*------------------------------------------*/


.category-title-container, .img-text-container, .sidebar-trending-posts {
	list-style: none;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
  
    -webkit-flex-flow: row wrap;
    flex-flow: row nowrap;
	
	width: 100%;
		
	padding: 0;
	margin: 2px 0 5px 0;
	
}

.sidebar-trending-post {
	background-color: blue;
}


.category-title-container > .category-title-item {
	margin: 10px 0 0 0;
	padding: 0;
	flex-grow: 1;
	
}


.category-title-container > .stripe-line {
	
	height: 20px;
	
	 /* background-color: #97BADB; */
	
	background-image: repeating-linear-gradient(
		135deg,
		#d9dbe2 1px,
		#d9dbe2 3px,
		#ffffff 3px,
		#ffffff 6px	
	);  	
	 
	 margin: 14px 0 0 10px;
	 padding: 0;
	 flex-grow: 70;
	
}



.img-text-container > .news-img-left {
	margin: 5px;
	width: 230px;
	height: 200px;
	
}
	.news-img-left img {
		width: 100%;
		height: 100%;
		
	}

.img-text-container > .news-text-right {
	margin: 2px 0 10px 2px;
	padding: 0;
	width: 60%;
	max-height: 85%;
	overflow: hidden;
}


.Events-box {
	min-height: 1300px;
	background-color: #F7F8FF;
	margin-top: 5px;
	border-right: 5px white solid;
}

/* ------- Photonics and Physics ---------- */
.physics-news {
	border-bottom: 1px dotted #BCBCBC;
	padding-top: 10px; 
	padding-bottom: 10px; 
	font-size: calc(14px + 0.5vw) !important;
	margin: 2px 1px 0 0;
}
/* ---------------------------------------- */

/* ---------------- LEDs ----------------- */
.LEDs-news {
	height: 400px;	
	padding: 0 5px 0 5px !important;
}
.LEDs-img {height: 230px; overflow: hidden;}
/* ---------------------------------------- */

/* ---------------- Tech ----------------- */
.Tech-box {
	height: 670px;
}
.Tech-text {
	background-color: #FFFBC1;
	height: 90px; 
	margin:0 ; padding: 0 0 0 15px;
	width: 100%; 
	overflow: hidden;
	 
}

.Tech-small-img {
	width: 140px !important;
	height: 90px;
	margin: 0; padding: 0;

}

.Tech-img-small {
	width:120px; height:100%;
}

.Tech-news-list {
	padding: 2px 0 0 15px !important; 
	font-size: 12px;
}
	.Tech-news-list li {
		border-bottom: 1px dotted #BCBCBC;
		padding: 10px 0 10px 0;
	}
/* ---------------------------------------- */

/* ---------------- Solar ----------------- */
.Solar, .Solar-right {
	height: 950px;		
}

.Solar-1-left {
	background-color:#FFD800;
	width:100%; 
	height: 400px;
	padding: 25px;
}

.Solar-2-left {width:100%; height: 550px;}

.Solar-right-1{
	height: 175px;
	border-top: 2px solid black;
	
	
}

.Solar-right-2{
	height: 300px;
	padding: 0 10px 0 0 !important;	
}

.Solar-img {
	 height: 100% !important;
	 width: 100%;
}

 .Solar-img-right {
	 height: 100% !important; width: 100% !important;
	 
}


.Solar-2 {
	 height: 280px; overflow: hidden;
	 padding: 0 15px 0 0 !important;
}

/* ---------------------------------------- */

/* ---------------- Astronomy ----------------- */
.Astronomy-Box {
	background-color:#EFD78B; height: 650px;
	padding-left: 10px;
}

.Astronomy-Box-1 {
	height: 650px; overflow: hidden; padding: 0 5px 0 5px !important;
}
/* ---------------------------------------- */

/* ---------------- Photography ----------------- */
.photography-container, .photography-container-right {
	 height: 750px; 
}

.photography-left, .photography-right-2 {
	height: 500px; 
	padding-right: 5px !important; overflow: hidden;
}

.photography-left-1 {
 height: 250px; overflow: hidden;
 padding-right: 5px !important;
 padding-top: 5px !important;
}

.photography-left-2 {
	background-color:#398FF7; width: calc(100%+15px); height: 100%; margin-left: -15px;
	padding: 20px;
}

.photography-right-1 {
	 height: 250px; padding: 0 5px 0 0 !important; 
	 overflow: hidden;
}

.photography-right-2 { 
	padding-left: 0 !important;
	padding-top: 5px !important;
}

.photography-news {
	background-color: rgba(19,79,148,0.8);
	left: 0;
}

.photography-news-right, .photography-news-right-1  {
	background-color: rgba(175,53,207,0.5);
	left: 0;	
}
.photography-news-right {font-size: 14px !important;}

.Gadgets-news {
	height: 600px;
	overflow: hidden;
	padding: 0 !important;
}
/* --------------------------------------- */

/*------------------------------------------*/
/*   Footer
/*------------------------------------------*/
footer {background-color:#2A2A30; height: 500px; padding: 10px 20px 15px 20px; }
footer h5 {color: #c5c2c2;}
footer p {color: white;}
footer a {color: white;}
.footer-bottom{border-top:solid 1px #b4afaf; margin-top: 10px;}
/* --------------------------------------- */

/*------------------------------------------*/
/*   News page
/*------------------------------------------*/
.news-page-img {
	width: 100%;
	height: 100%;
}

.related-posts-title {
	font-size: 30px !important; font-weight: bold; letter-spacing: 4px;	 
	border-bottom: solid 5px black; 
	width: 310px;
}

.news-page-img-container {
	height: 700px; padding: 0;
}

.releated-articles-box {padding:0 !important; overflow:hidden;}
.releated-articles-box-1 {height: 300px; overflow: hidden;}

.releated-articles-img {min-height: 300px;}
 
.news-page-sidebar {background-color:#F7F8FF; overflow: hidden;}
/*------------------------------------------*/

/*------------------------------------------*/
/*   Archive pages
/*------------------------------------------*/
.main-news-item-archive {
	height: 600px; overflow: hidden;
	margin-bottom: 15px;
}

.headlines-item {
	overflow: hidden;
	padding: 0 0 10px 15px !important;
}

.magazine-news-item {border-bottom: dashed 1px black; padding-top: 15px;}

#headline-right-item {padding-right: 15px !important;}

.archive-img {
	height: 395px !important;
	width: 100% !important;
}
/*------------------------------------------*/

/* --- Extra small devices portrait phones, less than 544px --- */
@media (max-width: 543px) {
    #MainNewsItem {height: 300px;}
	#Main-news-Machine-vision {height: 250px;}
	.img-text-container {height: 120px;}
	.news-img-left {height: 100px !important;}
	.wide-news-img { height: 100% !important; border-left: 5px white solid; }
	
	.Solar {height: 450px;}
	.Solar-1-left {height: 200px;}
	.Solar-2-left {height: 250px;}
	
	.Solar-right{height: 600px; margin: 15px 15px 0 15px !important; width: calc(100% - 30px) !important;}
	.Solar-right-1{height: 120px;}
	.Solar-right-2{height: 170px;}
	
	.Solar-2 {height: 150px; }
	
	.Astronomy-Box, .Astronomy-Box-1 {height: 300px;}
	
	.photography-container-right {height: 600px;}
	.photography-right-1 {height: 200px;}
	.photography-right-2 {height: 400px;}
	
	 footer {height: 1000px;}
	
	.news-page-img-container {height: 300px;}
	.related-posts-title {font-size: 22px !important; width: 95%;}
	
	.main-news-item-archive {height: 300px;}
	.headlines-item { padding-right: 15px !important;}
	.archive-img {height: 195px !important;}
}

/* --- Small devices (landscape phones, 544px and up) --- */
@media (min-width: 544px) and (max-width: 767px) {
	#Main-news-Machine-vision {height: 400px;}
	.Solar {height: 550px;}
	.Solar-1-left {height: 250px;}
	.Solar-2-left {height: 300px;}
	
	.Solar-right{height: 400px; margin: 15px 15px 0 15px !important; width: calc(100% - 30px) !important;}
	.Solar-right-1{height: 190px;}
	.Solar-right-2{height: 190px;}
	.Solar-2 {height: 200px;}
	
	.Astronomy-Box, .Astronomy-Box-1 {height: 400px;}
	
	.photography-container-right {height: 400px;}
	.photography-right-1 {height: 200px;}
	.photography-right-2 {height: 400px;}
	
	footer {height: 1000px;}
	
	.news-page-img-container {height: 400px;}
	
	.main-news-item-archive {height: 350px;}
	.headlines-item { padding-right: 15px !important;}
	.archive-img {height: 195px !important;}
}

/* --- Medium devices (tablets, 768px and up) --- */
@media (min-width: 768px) and (max-width: 991px) {
    .wide-news-img { height: 100% !important; border-left: 5px white solid; }
	.Solar-2 {height: 250px; }	
	
	.Astronomy-Box, .Astronomy-Box-1 {height: 500px;}
		
	.photography-news-right-1 {font-size: 14px !important;}
	
	.photography-container-right {height: 500px;}
	
	footer {height: 700px;}
	
	.news-page-img-container {height: 500px;}
	
	.main-news-item-archive {height: 400px;}
	.archive-img {height: 245px !important;}
}

/* --- Large devices (desktops, 992px and up) --- */
@media (min-width: 992px) and (max-width: 1199px) { 
	.wide-news-img { height: 100% !important; border-left: 5px white solid; }
	.Solar-2 {height: 270px; }
	
	footer {height: 550px;}
	
	.archive-img {height: 295px !important;}
 }

/* --- Large devices (large desktops, 1200px and up) --- */
@media (max-width: 1200px) {
    
}

/* --- Extra large devices (large desktops, 1200px and up) --- */
@media (min-width: 1200px) {
    .news-page-sidebar { margin-left: 10px;}
}