/* ==================================================================
GENERAL
http://demo.korra.io/hygge/category/in-season/
================================================================== */
body{
	/*font-family		: 	'Open Sans', sans-serif;
	font-size		:	14px;
	*/
	
	color			:	#293c4b;
	background		:	#EFEFEF;
}


h1{
	font-size		:	32px;
	margin-bottom	:	20px;
	
}
h2{
	font-size		:	24px;
	margin-bottom	:	20px;
}
h3{
	font-size		:	18px;
	margin-bottom	:	20px;
}
a{
	color			:	#293C4A;
}
a:hover{
	color			:	#293C4A;
	
}
p > a {
	text-decoration	:	underline;
}
a.bg-light:hover{
	text-decoration	:	none;
}
.d-flex.hoverable:hover{
	background-color	:	#dae0e5;
}
.linkalike{
	cursor	:	pointer;
}
.container > section.content{
	padding	:	0 1em;
}
section.article h1 , section.article .h1,
	section.content h1{
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 50px;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
	margin-bottom: 0px;
}

section.content .smaller h1{
	font-size	:	30px;
}
@media screen and (max-width: 524px) {
	section.article h1 , section.article .h1,
	section.content h1{
		font-size: 26px;
	}
	section.article h1  + p,
		section.content h1 + p{
	    font-size: 16px;
	}
}
section.article h1  + p,section.content h1 +p{
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}

section.content h1 + p{
	   font-size: 14px;
}

h4, .h4{
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}
/* ==================================================================
HEIGHTS
================================================================== */
.mh-50{
	min-height	:	50%;
}
.mh-33{
	min-height	:	33.33%;
}
.mh-25{
	min-height	:	25%;
}
.spacer.h-50{
	
}
/* ==================================================================
VIEWS
================================================================== */
.cover{
	background-repeat	:	no-repeat;
    background-size		:	cover;
	background-position	:	center center;
}
.cover.fixed{
	background-attachment: fixed;
	
}
.cover.top{
	background-position	:	center top;	
}
.cover.right{
	background-position	:	right center;	
}
.cover.left{
	background-position	:	left center;	
}

/* ==================================================================
COLORS
================================================================== */
.bg-white{
	background-color: rgba(255, 255, 255, 1);
}
.bg-white-5{
	background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-9{
	background-color: rgba(255, 255, 255, 0.9);
}
.bg-theme{
	background-color	:	#FFF;
	//background-color	:	#F29A96;
}
.bg-grey-100{
	background-color	:	#f5f6f7;
	
	
}
.bg-wvds-blue{
	background-color	:	#38b6ab;
}
.bg-blue-grey-50{
	background-color	:	#ECEFF1;
}
.bg-yellow-100{
	background-color	:	#FFF9C4;
}
.bg-teal-100{
	background-color	:	#B2DFDB;
}
/* ==================================================================
CONTAINERS
================================================================== */
body section.container {
    background: #FFFFFF;
    margin-top: 25px;
    padding-bottom: 50px;

}
body:not(.modal-open) section.container{
	position: relative;
	z-index: 25;
}
body > footer {
    background: #3d424a;
    padding-top: 150px;
    padding-bottom: 25px;
    margin-top: -100px;
    position: relative;
    z-index: 10;
    margin-bottom: 0px;
	color	:	#FFFFFF;
}
/* ==================================================================
NAVIGATION
================================================================== */
.navbar-brand > img{
	max-height	:	60px;
}
#navbarNav{
	margin-top	:	auto;
	margin-bottom	:	auto;
}
.navbar-light .navbar-nav .nav-link{
	color		:	#293c4b;
}
.dropdown-menu{
	font-size	:	inherit;
}
.dropdown-item.subnav{
	padding-left	:	2rem;
}

body > footer .nav-link{
	color	:	#FFFFFF;
}

/* ==================================================================
POST
================================================================== */
.post-preview{
	font-size	:	0.9rem;
}

/* ==================================================================
BLOG
================================================================== */
.d-flex nav.crumbs{
	margin-bottom	:	-1em;
	transform		:	translateY(-1.4em);
}
.d-flex nav.crumbs + h1{
	margin-bottom	:	0.5em;
} 
.d-flex nav.crumbs > *{
	display	:	inline-block;
	font-family: "Poppins",sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.8em;
    text-transform: uppercase;
    letter-spacing: 0.16em;
	background: #333 !important;
	color: #fff;
    padding: 0.3em 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}
@media screen and (max-width: 524px) {
	.d-flex nav.crumbs{
		transform		:	translateY(-1.4em);
		text-align		:	left;
		margin-left	:	0px;
	}
	.d-flex nav.crumbs > *{
		font-size: 11px;
	}
section.content .smaller h1 {
    font-size: 18px;
}
}

/* ==================================================================
BLOG NAVIGATION
================================================================== */
.wvds-pagination {
    margin-top:10px;
    display: flex;
}

.wvds-pagination ul.pager  {
    list-style: none;
    padding: 0 50px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.wvds-pagination ul.pager  li {
    display: inline-block;
    padding: 0 4px;
}

.wvds-pagination ul.pager  a, 
.wvds-pagination ul.pager  span.current, 
.wvds-pagination ul.pager  span.pages {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    background: #ffffff;
    border: none;
    color: #000000;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 0;
    text-decoration: none;
}

.wvds-pagination ul.pager  a:hover {
    background: #000000;
    color: #ffffff;
}

.wvds-pagination ul.pager  span.current {
    background: #dddddd;
    color: #999999;
}

.wvds-pagination .older i, .wvds-pagination ul.pager  a.next i {
    margin-left: 10px;
}

.wvds-pagination .newer i, .wvds-pagination ul.pager  a.prev i {
    margin-right: 10px;
}
/* ==================================================================
WIDGET
================================================================== */
.widget {
    overflow: hidden;
    font-size: 14px;
    padding: 20px;
    box-shadow: 1px 1px 18px #ddd;
}
.widget ul > li {
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 18px;
	position	:	relative;
}
.widget ul > li a {
	margin-right	:	25px;
}
.widget ul > li:last-child{
	border-bottom	:	0px;
}
.widget ul  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget ul > li .badge{
	position	:	absolute;
	right		:	5px;
	top		:	50%;
	transform	:	translateY(-50%);
	background-color	:	
}

/* ==================================================================
WIDGET
================================================================== */
div.intro:not(:empty){
	margin-bottom	:	25px;
}


/* ==================================================================
FORMS
================================================================== */
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color		:	rgba(0,0,0,0.5);
	font-style	:italic;
	font-size	:	0.9rem;	
}
.form-control::-moz-placeholder { /* Firefox 19+ */
   color		:	rgba(0,0,0,0.5);
	font-style	:italic;
	font-size	:	0.9rem;	
}
.form-control:-ms-input-placeholder { /* IE 10+ */
	color		:	rgba(0,0,0,0.5);
	font-style	:italic;
	font-size	:	0.9rem;	
}
.form-control:-moz-placeholder { /* Firefox 18- */
 	color		:	rgba(0,0,0,0.5);
	font-style	:italic;
	font-size	:	0.9rem;	
}

input[type="text"], 
	input[type="textfield"], 
		input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], input[type="url"], textarea, select.form-control {
	        border			: 1px solid #ddd;
		    background-color: #ffffff;
			font-size	:	0.9rem;	
	    box-shadow: none;
			
}
.chosen-container-single .chosen-single{
	        border			: 1px solid #ddd;
		    background-color: #ffffff;
			
	    box-shadow: none;
}
.chosen-container-multi .chosen-choices .search-choice{
	background	:	#FFFFFF;
	background-image:	none;
	box-shadow: none;
}
input[type="submit"], 
	button[type="submit"], 
			input[type="button"], 
				button[type="button"]:not(.navbar-toggler) ,
					a.btn-default, a.btn-primary{
    outline		: none;
    border		: none;
    position	: relative;
    display		: inline-block;
	
    z-index		: 1;
	color		:	#FFFFFF;
	
  	border-radius	:	0;  
    
  	font-weight		: 500;
    
    letter-spacing	: 0.16em;
    overflow		: hidden;
}

button[type="submit"].btn-primary, a.btn-primary{
	background	: #484848;
	cursor	:	pointer;
}
button[type="submit"].btn-primary:hover, a.btn-primary:hover{
	background	: #000000;
}


input[type="submit"]:hover,button[type="submit"]:hover,input[type="button"]:hover,button[type="button"]:hover,a.btn-default:hover{
	background:#484848;
	color:#fff
}
a.btn-primary{
	font-weight	:	normal;
}


/* ==================================================================
ACTIVITIES
================================================================== */
.row.masonry{
	display		:	block!important;
	column-width: 15em;
	 -moz-column-width: 20em;
 	-webkit-column-width: 20em;
	column-gap: .5em;
 	-moz-column-gap: .5em;
 	-webkit-column-gap: .5em; 
}
.row.masonry > .panel{
	display: inline-block;
	margin:  .5em;
	padding:  0; 
 	width:98%;
}

.panel.activity > img.img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
}

.panel.activity{
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.activity-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.activity-title {
    margin-bottom: .75rem;
	color		:	#d74a21;
	font-weight	:	500;
}


.row.activity{
	
}
.row.activity:hover{
	box-shadow	:	0px 0px 5px rgba(0,0,0,0.1);
}
.square {
    position: relative;
    overflow: hidden;
}
.square::after {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 100%;
    z-index: 1;
}


.rectangle {
    position: relative;
    overflow: hidden;
}
.rectangle::after {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 40%;
    z-index: 1;
}
.small .rectangle::after {
	padding-bottom: 20%;
}

.bg-light{
	background-color	:	#f8f9fa!important;
}
.cover {
    background-position: center center;
    background-size: cover;
}

.panel.activity:hover{
	box-shadow : 0 0 20px  rgba(0,0,0,0.2);
}
.panel.filter {
	//border	:	2px dashed #4e7489;
	padding	:	15px;
	background	:	#EFEFEF;
	border	:	1px solid #CCCCCC;
}

.btn-theme {
    background-color: #4e7489;
    color: #ffffff;
}

section h1.cnw_page-title{
    font-size : 2rem;   
}