/*!
Theme Name: Nour
Theme URI: http://www.hansolo.se
Author: hansolo
Author URI: http://www.hansolo.se
Description: Nour - v1
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nour


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Nour is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/




/**/
.hero-section{
	background: #fff;
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero-content{
	text-align: center;
    font-family: 'Helvetica Now Micro';
}
.hero-content h2{
    color: #575756;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.hero-content p{
	color: #898989;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}


/**/
.news{
	margin: 0 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Helvetica Now Micro';
    
}
.news-box{
	position: relative;
	margin-bottom: 47px;
	padding: 0 27px;
    width: 100%;
}
.news-box:nth-child(2){
    width: 60%;
}
.news-box:nth-child(3){
    width: 40%;
}
.news-box:nth-child(6){
    width: 60%;
}
.news-box:nth-child(5){
    width: 40%;
}
.news-box:nth-child(8){
    width: 60%;
}
.news-box:nth-child(9){
    width: 40%;
}
.news-box:nth-child(12){
    width: 60%;
}
.news-box:nth-child(11){
    width: 40%;
}
.news-box:nth-child(13){
    width: 60%;
}
.news-box:nth-child(14){
    width: 40%;
}
.news-box:nth-child(15){
    width: 60%;
}
.news-box:nth-child(16){
    width: 40%;
}

.news-box a{
    color: #fff;
}
.news-box img{
	display: block;
	width: 100%;
	height: 740px;
	object-fit: cover;
}
.news-title{
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 6px;
    position: relative;
}
.news-title a{
    position: relative;
    display: inline-block;
    padding: 6px 0;
    color: #FFF;
    z-index: 2;
    transition: ease-in-out 0.25s color;
}
.news-title a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 1px;
    background: #fff;
}
.news-box:hover .news-title a{
    color: #000;
}
.news-box .news-title a:before{
    width: 0px;
    content: "";
    position: absolute;
    left: -27px;
    top: 0;
    height: 90%;
    background: #fff;
    z-index: -1;
    transition: ease-in-out 0.25s width;
}
.news-box:hover .news-title a:before{
    width: calc(100% + 54px);
}

.news-info{
	position: absolute;
	left: 54px;
	bottom: 27px;
	width: calc(100% - 81px);
	
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.news-date{
	position: absolute;
	right: 14px;
	bottom: -20px;
    
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.news-category{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 6px;
}
.news-category span{
    position: relative;
    padding-right: 14px;
    display: inline-block;
}
.news-category span:after{
    content: "|";
    position: absolute;
    right: 4px;
    top: 0px;
}
.news-category span:last-child:after{
    display: none;
}


/**/
.page-id-300 .site-header,.page-id-410 .site-header,  .page-id-718 .site-header { background-color:#000; box-shadow:none; }
.page-id-300 .site-header .header-content, .page-id-410 .site-header .header-content, .page-id-718  .site-header .header-content { padding:50px 0;}
.page-id-300 .site-header + .hamburger-menu + .container-wrap, .page-id-410 .site-header + .hamburger-menu + .container-wrap, .page-id-718 .site-header + .hamburger-menu + .container-wrap{ margin:0;}
.page-id-300 .site-header .header-nav ul li a, .page-id-410 .site-header .header-nav ul li a, .page-id-718 .site-header .header-nav ul li a{ color:#fff; }
.page-id-300 .site-header .header-logo path, .page-id-410 .site-header .header-logo path, .page-id-718 .site-header .header-logo path{ fill:#fff; }
.page-id-300 .site-header .header-menu .header-menu-sep, .page-id-410 .site-header .header-menu .header-menu-sep, .page-id-718 .site-header .header-menu .header-menu-sep{ background-color:#fff; }

.page-id-300 .site-header.fixed,.site-header.fixed, .page-id-410 .site-header.fixed,.site-header.fixed, .page-id-718 .site-header.fixed,.site-header.fixed{ background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.page-id-300 .site-header.fixed .header-nav ul li a,.site-header.fixed .header-nav ul li a, .page-id-410 .site-header.fixed .header-nav ul li a,.site-header.fixed .header-nav ul li a,.site-header.fixed .header-nav ul li a, .page-id-718 .site-header.fixed .header-nav ul li a,.site-header.fixed .header-nav ul li a{ color:#000; }
.page-id-300 .site-header.fixed .header-logo path, .page-id-410 .site-header.fixed .header-logo path,.site-header.fixed .header-logo path, .page-id-718 .site-header.fixed .header-logo path,.site-header.fixed .header-logo path{ fill:#000; }
.page-id-300 .site-header.fixed .header-menu .header-menu-sep,.site-header.fixed .header-menu .header-menu-sep, .page-id-410 .site-header.fixed .header-menu .header-menu-sep,.site-header.fixed .header-menu .header-menu-sep, .page-id-718 .site-header.fixed .header-menu .header-menu-sep,.site-header.fixed .header-menu .header-menu-sep{ background-color:#000;}

.error404 .site-header.fixed {background-color:transparent !important;box-shadow: unset !important;}
.error404 .site-header .header-content {
	padding: 50px 0;
}
/*News Single*/
.news-single{
    padding: 25px 50px;
    font-family: 'Helvetica Now Micro';
}
.news-single-head{
    margin-bottom: 95px;
}
.news-single-head h3{
    color: #575756;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 40px;
}
.news-single-head h4{
    color: #575756;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 45px;
}
.news-single-head .back-btn{
    color: #575756;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #575756;
    display: inline-block;
    padding-right: 40px;
    text-transform: uppercase;
}

.news-single-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-single-lt{
    width: 50%;
    padding: 0 30px 0 0;

    color: #575756;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.news-single-lt h3{
    color: #575756;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-transform: none;
}
.news-single-lt p{
    line-height: 24px;
}
.news-single-lt blockquote{
    color: #575756;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 44px;
  margin: auto;
  max-width: 70%;
 /* float: right;
  margin: 20px 0 0px 30px;*/
  clear: both;
  position: relative;
}
.news-single-lt blockquote:before{
    content: "";
    position: absolute;
    left: -20px;
    top: -48px;
    z-index: 0;
    background: url(images/Quotes-icon.png) no-repeat 0 0;
    width: 120px;
    height: 110px;
}
.news-single-cat{
    color: #575756;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.news-featured-image{
    margin-bottom: 5px;
}


.news-single-rt{
    width: 50%;
    padding: 40px 0 0 30px;
}
.news-single-rt ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-single-rt ul li{
    display: block;
    margin-bottom: 33px;
    width: 100%;
}
.news-single-rt ul li img{
    display: block;
    width: 100%;
    height: 100%;
    max-height: 677px;
    object-fit: cover;
}
.news-single-rt ul li:nth-child(3),
.news-single-rt ul li:nth-child(4){
    width: 50%;
    padding: 0 12px;
    margin: 0 -12px 33px;
}

/*related-posts*/
.related-posts{
    padding: 140px 50px;
}
.related-posts h3 {
  color: #656565;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  position: relative;
}
.related-posts h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 92px;
  height: 1px;
  background: #575756;
}

.related-posts ul{
    list-style: none;
    padding: 0;
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
}
.related-posts ul li{
    width: 25%;
    padding: 0 25px;
    position: relative;
}
.related-posts ul li .news-title a:before{
    width: 0px;
    content: "";
    position: absolute;
    left: -27px;
    top: 0;
    height: 90%;
    background: #fff;
    z-index: -1;
    transition: ease-in-out 0.25s width;
}
.related-posts ul li:hover .news-title a:before{
    width: calc(100% + 54px);
}

.related-posts ul li img{
    width: 100%;
    height: 498px;
    object-fit: cover;
}
.related-posts .news-info{
    left: 40px;
    bottom: 20px;
}
.related-posts .news-category{
    font-size: 12px;
}
.related-posts .news-title{
    font-size: 16px;
}
.related-posts .news-info{
    font-size: 15px;
}
.related-posts .news-date{
    display: none;
}
.related-posts .news-title a:after{
    width: 120%;
}
.news-category{
    text-transform: uppercase;
}
.news-single-cat{
    position: relative;
}
.news-single-cat span{
    padding-right: 18px;
    position: relative;
}
.news-single-cat span:after{
    content: "|";
    position: absolute;
    right: 5px;
    top: 0;
}
.news-single-cat span:last-child:after{
    display: none;
}
.related-posts ul li:hover .news-title a{
    color: #000;   
}


/**/
.single-news .site-header, .single-events .site-header {display:none}
.single-news .site-footer, .single-events .site-footer {display:none}
.mobile{ display: none;}


/*Responsive*/
@media only screen and (max-width: 1023px) { 
    .news-info{ width: calc(100% - 90px);}
    .news-box{width: 100% !important;}
    .news-date{ bottom: -10px;}
    .news-box img{ height: 499px;}
    .related-posts ul li{ padding: 0 5px;}
    .related-posts ul li img{ height: 320px;}

    .news-title{ width: 65%;}
    .news-single-rt ul li:nth-child(3), .news-single-rt ul li:nth-child(4) { width: 100%; padding: 0; margin: 0 0 33px;}
    .related-posts .news-info{ left: 20px;}
    .news-single-lt blockquote:before {
        left: -18px;
        top: -42px;
        width: 120px;
        height: 80px;
        background-size: contain;
    }
    .news-single-lt blockquote{
        margin-left: 20px;
        margin-top: 50px;
        float: none;
        max-width: inherit;
    }
}
@media only screen and (max-width: 767px) { 
    .mobile{ display: block;}
    .news-single-cat{ font-size: 16px;}
    .news-single-head h3{ font-size: 20px;}

    .news-single-lt blockquote:before {
        left: -15px;
        top: -33px;
        width: 80px;
        height: 80px;
        background-size: contain;
    }

    .news-featured-image img{
        height: 500px;
        object-fit: cover;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .page-id-300 .site-header .header-content, .page-id-410 .site-header .header-content { padding: 24px 0;}
    .hero-content h2{ 
        color: #575756;
        text-align: center;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
        font-size: 32px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 30px;
    }
    .news-date{ display: none;}
    .news-info{ left: 13px; bottom: 13px;}
    .news-box { width: calc(100% - 0px); padding: 0;}
    .news-box img { height: auto; min-height: 376px;}
    
    .news-single { padding: 25px 20px;}
    .news-single-lt {
        width: 100%;
        padding: 0;
        margin-bottom: 35px;
    }
    .news-single-lt hr{
        background-color: #575756;
        height: 1px;
        width: 60% !important;
        margin: 0;
    }
    .news-single-rt {
        width: 100%;
        padding: 0;
    }
    .related-posts {
        padding: 20px 20px;
        margin-top: 10px;
    }
    .related-posts ul{
        margin: 0;
    }
    .related-posts ul li {
        width: 100%;
        padding: 0;
        margin-bottom: 47px;
    }
    .related-posts ul li img {
        height: 420px;
    }
    .related-posts h3{
        color: #656565;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 30px;
        position: relative;
    }
    .related-posts h3:after{
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 92px;
        height: 1px;
        background: #575756;
    }
    .news-single-rt ul li img{ height: 372px;}
    .news-single-lt blockquote{ max-width: inherit;}
    
    .news-single-head {
        margin-bottom: 20px;
    }

}