/*
Theme Name: Demure
Theme URI: https://github.com/konurin/demure
Author: Vitaliy Konurin
Author URI: https://github.com/konurin
Description: Demure is a wonderful multipurpose WordPress theme for business, portfolio, creative and blog websites. With its great number of features and customizations like color and font options, different pages layouts, beautiful slider and theme options it brings everything to create an expressive website.
Version: 1.0.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: demure
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, blog, news

Demure WordPress Theme, Copyright 2018 Vitaliy Konurin
Demure is distributed under the terms of the GNU GPL

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Xdebug
# General
# Html tags and formatting
# Preloader
# Header
# Navigation
# Profile navigation
# Content
# Pagination and navigation links
# Post format
# Sidebar
# Demure widgets
# User sidebar
# Comments
# Modal
# Slider
# Footer
# Social icons
# Media queries
--------------------------------------------------------------*/

/* # Xdebug */
.xdebug-error {
	padding: 20px;
	background: #fff;
	display: inline-block;
}

input[type="file"] {
	opacity: 0;
	transition: .3s;
}

/* # General */
html {
	font-size: 100%;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	border-color: #edeef0;
}

body {
	font-size: 1em;
    line-height: 1.4;
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	transition: .2s;
	background: #edeef0;
	color: #333;
	font-weight: 400;
}

p {
	font-size: 1em;
	font-weight: 400;
    margin: 0 0 15px;
    color: #444;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	color: #444;
}

h1 {
	font-weight: 800;
	font-size: 1.9em;
}

h2 {
	font-weight: 800;
	font-size: 1.8em;
}

h3 {
	font-weight: 800;
	font-size: 1.7em;
}

h4 {
	font-weight: 800;
	font-size: 1.6em;
}

h5 {
	font-weight: 800;
	font-size: 1.5em;
}

h6 {
	font-weight: 800;
	font-size: 1.5em;
}

a {
	text-decoration: none !important;
}

label {
	display: inline-block;
	margin: 5px 0;
	font-weight: 600;
	cursor: pointer;
	opacity: 0.8;
	transition: .3s;
}

label:hover {
	opacity: 1;
}

ul, ol {
	padding: 0;
	margin: 0;
}

th, td {
	padding: 7px 15px;
}

table {
	width: 100%;
}

dl.container-dl {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

dl.container-dl > div {
	flex-direction: row;
	align-items: baseline;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width: 100%;
    justify-content: space-between;
}

dl.container-dl dd {
    margin: 5px 0;
}

.entry-content table,
.entry-content th,
.entry-content td,
.comment-content-block .comment table,
.comment-content-block .comment th,
.comment-content-block .comment td {
    border: 1px solid #c1c1c1;
}

dt {
	font-weight: 600;
}

dd {
	margin: 5px 0 20px;
}

address {
	margin: 0 0 15px;
}

code {
	font-size: 0.9em;
    background: #f5f5f5;
    padding: 5px 10px;
    border: 1px solid #c1c1c1;
}

del {
	opacity: 0.8;
}

ins {
	padding: 2px 10px;
    text-decoration: none;
    color: #fff;
}

kbd, var {
	font-family: monospace;
}

pre {
	font-size: 0.9em;
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #c1c1c1;
}

pre.xdebug-var-dump {
	background: #2b2b2b;
	color: #fff;
	border: none;
	letter-spacing: 1px;
	font-family: monospace;
	font-size: 12px;
	z-index: 999;
	padding: 10px;
}

pre.xdebug-var-dump font {
	color: red!important;
}

.entry-content ul,
.entry-content ol,
.comment-content-block .comment ul,
.comment-content-block .comment ol {
	padding-left: 40px;
	margin: 10px 0;
}

.entry-content ul li,
.entry-content ol li,
.comment-content-block .comment ul li,
.comment-content-block .comment ol li {
	margin-bottom: 10px;
}

.entry-content a,
.comment-content-block .comment a {
	text-decoration: underline!important;
}

.entry-content a:hover,
.comment-content-block .comment a:hover {
	text-decoration: none!important;
}

input, button, select, textarea {
	padding: 10px;
	outline: none!important;
	border: 1px solid #efefef;
	background: #f4f4f4;
}

::selection {
  background: #a9d6fd;
}

::-moz-selection {
  background: #a9d6fd;
}

html input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	padding: 10px 20px;
    outline: none!important;
    border: 0;
    color: #fff;
    display: inline-block;
    text-align: center;
    transition: .3s;
    cursor: pointer;
    font-weight: 400;
    opacity: 1;
	margin: 0;
}

.notification {
	background: #f4f4f4;
    border: 1px solid #efefef;
    padding: 5px 10px;
    transition: .3s;
}

.notification p {
    font-size: 0.95em;
    margin-bottom: 0;
}

.notification-warning {
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.notification-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.demure-preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color:#f5f5f5;
    z-index:99;
	opacity: 1;
	transition: 0.2s;
	will-change: transform;
	visibility: visible;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* # Html tags and formatting */
.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
	position: relative;
}

.clearfix {
	clear: both;
}

.wp-caption .wp-caption-text {
	font-size: 0.9em;
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	background: #333;
	width: 100%;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.wp-caption img[class*="wp-image-"] {
	 display: block;
	 margin: 0;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.bypostauthor {
	color: #ddd;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	background: whitesmoke;
    margin: 10px 0px 10px;
    padding: 20px 40px 20px;
}

blockquote p {
	margin-bottom: 0;
}

.tag-list,
.categories-list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.tag-list .tag-title,
.categories-list .categories-title {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;}

.tag-list a,
.categories-list a {
	transition: .3s;
    margin: 5px 5px 5px 0px;
    border: 1px solid #3c5267;
    padding: 3px 9px;
    font-size: 0.9em;
}

/* # Preloader */
.uil-cube-css {
  background: none;
  position: relative;
  width: 100px;
  height: 100px;
}

@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.uil-cube-css > div {
  position: absolute;
  width: 40px;
  height: 40px;
  -ms-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -moz-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -webkit-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -o-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
}
.uil-cube-css > div:nth-of-type(1) {
  top: 40px;
  left: 40px;
  background: #303030;
  opacity: 0.9;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.uil-cube-css > div:nth-of-type(2) {
  top: 40px;
  left: 90px;
  background: #303030;
  opacity: 0.8;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.uil-cube-css > div:nth-of-type(3) {
  top: 90px;
  left: 40px;
  background: #303030;
  opacity: 0.7;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.uil-cube-css > div:nth-of-type(4) {
  top: 90px;
  left: 90px;
  background: #303030;
  opacity: 0.6;
  -ms-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* # Header */
#masthead {
	background: #3c5267;
	display: block;
}

#masthead .wrapper {
	width: 100%;
	min-height: 100%;
}

#masthead .header-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	flex: 2 0px;
}

#masthead .menu-right-block {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex: 1;
	background-color: #333333;
}

#masthead .branding h1 {
	text-align: left;
    margin: 0;
    font-size: 2em;
    display: block;
    letter-spacing: 0.05em;
}

#masthead .branding {
	display: block;
	position: relative;
	max-height: 100px;
	overflow: hidden;
	max-width: 100%;
	width: auto;
}

#masthead .branding-image {
	flex-direction: row;
	justify-content: flex-start;
    max-width: 90%;
}

#masthead .container-branding-image {
	position: relative;
}

#masthead .branding img {
	max-height: inherit;
}

#masthead .branding h1 a {
	text-decoration: none!important;
	color: #fff;
	transition: .3s;
}

#masthead .branding h1 a:hover {
	opacity: 1;
}

#masthead .branding span {
	display: block;
	color: #fff;
	font-size: 0.9em;
	opacity: 0.8;
}

#masthead .branding a.logotype-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* # Navigation */
.main-navigation {
	display: none;
	transition: .3s;
}

.main-navigation.open-main-menu {
	display: block!important;
}

.sidebar-menu {
	display: block;
	transition: .3s;
}

.main-navigation ul {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.main-navigation ul > li > a {
	opacity: 0.8;
	padding: 15px;
	display: inline-block;
	transition: .3s!important;
	font-weight: 600;
	font-size: 0.95em;
}

.main-navigation ul:first-child > li > a,
.main-navigation ul:not(:first-child) > li a,
.main-navigation ul:first-child > li > a:hover,
.main-navigation ul:not(:first-child) > li a:hover {
	color: #fff;
}

.main-navigation ul > li > a:hover {
	opacity: 1;
}

.main-navigation ul.sub-menu,
.main-navigation ul.children {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #2b2b2b;
	width: 200px;
}

.main-navigation ul.sub-menu,
.main-navigation ul.children li {
	transition: .3s;
}

.main-navigation ul.sub-menu li:hover, 
.main-navigation ul.children li:hover {
	background-color: #328CC1;
}

.main-navigation ul.sub-menu li a,
.main-navigation ul.children li a {
	padding: 10px 20px;
	text-transform: initial;
	width: 100%;
}

.main-navigation ul.sub-menu, 
.main-navigation ul.children li:hover {
	color: #328CC1;
}

#masthead .menu-toggle {
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	transition: .3s;
	display: none;
}

#masthead .menu-toggle:hover {
	opacity: 1;
}

#masthead .menu-toggle span.line {
	height: 3px;
    background: #fff;
    display: block;
    margin: 3px 0;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
}

#masthead .top-container {
	display: block;
}

#masthead .top-container  a.custom-logo-link {
	padding: 20px 0;
	display: block;
}

#masthead .top-container .branding {
	padding: 20px 0;
}

#masthead .top-container  a.custom-logo-link + .branding {
	padding-top: 0;
}

/* # Profile navigation */
.profile-navigation {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.profile-navigation a {
	padding: 11px;
    background: #333;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fff!important;
	transition: .3s;
	margin-left: 10px;
}

.profile-navigation a.cart-contents i {
    margin-right: 10px;
}

.profile-navigation a:hover {
	background: #328CC1;
}

/* # Content */
.site-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.container-fluid .content-area {
	padding-left: 0;
	padding-right: 0;
}

.transparent-container article {
	background: transparent!important;
}

article {
	margin-bottom: 30px;
	background: #fff;
}

.blog article,
.archive article {
	border: 1px solid #efefef;
}

.blog article, 
.single-post article, 
.archive article {
	background-color: #f9f9f9;
}

article .empty-space-no-title {
	padding-top: 15px;
}

article header h3 {
	font-size: 2em;
	color: #444;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
	display: inline-block;
}

article header h3 a {
	color: inherit!important;
	text-decoration: none!important;
	display: block;
	transition: .3s;
}

.page article {
	margin-bottom: 0;
	background-color: #f9f9f9;
}

article .thumbnail {
	position: relative;
	overflow: hidden;
	display: block;
}

article a.thumbnail {
	cursor: pointer;
}

article .thumbnail img {
	width: 100%;
	object-fit: cover;
	height: 400px;
	transition: all .2s ease-in-out;
}

article .thumbnail .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(51,51,51,0.30);
	transition: .4s;
}

article .thumbnail:hover img {
	transform: scale(1.1);
}

article .thumbnail:hover .overlay {
	background: transparent!important;
}

article .entry-header h1 {
	margin-top: 0;
    font-size: 2.2em;
    padding: 20px 20px 0 20px;
}

article .entry-header .no-title-padding {
	padding-top: 20px;
}

article .entry-content {
	padding: 0 20px;
}

article .entry-meta {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
    padding: 0 20px 20px 20px;
	font-size: 0.9em;
}

article .entry-meta .author {
	margin-right: 10px;
}

article .entry-meta .date i {
	margin-right: 5px;
}

.page article .entry-content {
	padding-bottom: 20px;
}

.single article .entry-content {
	padding-bottom: 20px;
}

article .entry-footer {
	color: #737373;
	display: block;
	padding: 0 20px 20px 20px;
	margin-top: 5px;
}

article .entry-footer span.date {
	float: right;
}

article .entry-content a.read_more {
	font-weight: 600;
    margin-top: 10px;
    color: #444;
    padding-left: 10px;
}

.error404 form.search-form {
	background: transparent;
	justify-content: center;
	margin-top: 40px;
}

.error404 h1.page-title {
	font-size: 2.5em;
}

.error404 .site-content {
	margin-top: 30px;
    margin-bottom: 100px;
}

.error404 .not-found {
	text-align: center;
}

.error404 .error-404-big-text {
	font-weight: 800;
	font-size: 172px;
}

#loadmore {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

/* # Pagination and navigation links */
.nav-links {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-weight: bold;
    opacity: 0.8;
}

.page-links {
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: bold;
    opacity: 0.8;
	margin: 20px 0;
}

.nav-links a,
.nav-links span {
	background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    margin: 0 5px;
}

.page-links span {
	background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    margin: 0 5px;
	display: block;
}

/* # Post format */

article.sticky header h3 a:before {
	content: "\f08d";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 12px;
}

.entry-content .gallery {
	display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
	margin-left: auto;
	margin-right: auto;
}

.entry-content .gallery-columns-1 {
	flex-direction: column;
    align-items: flex-start;
}

.entry-content .gallery-columns-2 .gallery-item {
	width: 50%;
}

.entry-content .gallery-columns-3 .gallery-item {
    width: 33.33333333333333%;
}

.entry-content .gallery-columns-4 .gallery-item {
    width: 25%;
}

.entry-content .gallery-columns-5 .gallery-item {
    width: 20%;
}

.entry-content .gallery-columns-6 .gallery-item {
	width: 16.66666666666667%;
}

.entry-content .gallery-columns-7 .gallery-item {
	width: 14.28571428571429%;
}

.entry-content .gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.entry-content .gallery-columns-9 .gallery-item {
	width: 11.11111111111111%;
}

.entry-content .gallery .gallery-item {
	position: relative;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none!important;
}

.entry-content .gallery .gallery-item figure {
	padding: 10px;
	position: relative;
	max-width: 100%;
}

.entry-content .gallery .gallery-item a {
	display: block;
}

.entry-content .gallery .gallery-item:hover:after {
	background: transparent;
}

.entry-content .gallery .gallery-item img {
	transition: all .2s ease-in-out;
}

.entry-content .gallery .gallery-item:hover img,
.entry-content .gallery .gallery-item:hover .gallery-caption {
	transform: scale(1.05);
}

.entry-content .gallery .gallery-item:after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: .4s;
}

.entry-content .gallery .gallery-item  .gallery-caption {
	background: #333;
	padding: 6px 10px;
	transition: all .2s ease-in-out;
	position: relative;
	top: -5px;
	text-align: center;
}

.entry-content .gallery .gallery-item  .gallery-caption > div {
	color: #fff;
}

.entry-content .gallery .gallery-item  .gallery-caption > .img-title {
	font-size: 0.9em;
	border-bottom: 1px solid #444;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: 600;
}

.entry-content .gallery .gallery-item  .gallery-caption > .img-caption {
	font-size: 0.9em;
}

/* # Sidebar */
.sidebar > section {
	background: #f9f9f9;
	padding: 20px;
}

h2.widget-title {
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 0;
}

.widget-area > section {
	margin-bottom: 15px;
}

.widget-area > section ul li {
	margin-bottom: 5px;
}

.widget-area > section ul li a {
	font-size: 1em;
}

.widget-area > section ul li a:hover {
	color: #005f98;
}

.widget ul, .widget ol {
	list-style-type: none;
}

.widget_calendar caption {
	width: auto;
	padding: 5px 0;
	color: #474747;
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: left;
}

.widget_calendar table {
	width: 100%;
	border-collapse: separate;
}

.widget_calendar table th, .widget_calendar table td {
	text-align: center;
	padding: 4px;
}

.sidebar .widget_calendar table tfoot td {
	text-align: inherit;
}

form.search-form {
	display: inline-flex;
	background: #f5f5f5;
	width: 100%;
}

form.search-form .search-field {
	max-width: 400px;
	width: 100%;
	padding: 10px 10px;
	border: 0;
	display: inline-block;
	float: left;
	outline: none!important;
	background: #fff;
}

form.search-form button {
	width: 44px;
	border: none;
	color: #fff;
	display: inline-block;
	float: left;
	transition: 0.5s;
	min-width: 44px;
}

form.search-form button::before {
	content: "\f002";
	font-family: "FontAwesome";
	display: block;
}

/* # Demure widgets */
.widget_demure_popular_widget .demure-popular-item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin: 15px 0;
	clear: both;
	flex-direction: row;
	justify-content: flex-start;
}

.widget_demure_popular_widget .demure-popular-item .image-block {
	width: 100px;
	height: 80px;
	background: #999;
	margin-right: 10px;
	max-width: 100px;
	min-width: 100px;
	border-radius: 3px;
	overflow: hidden;
}

.widget_demure_popular_widget .demure-popular-item .image-block img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.widget_demure_popular_widget .demure-popular-item .title-section {
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* # User sidebar */
.user_menu li a {
	color: #fff!important;
	padding: 7px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	transition: .3s;
}

.user_menu li:last-child a {
	margin-bottom: 0;
}

.user_avatar img {
	position: relative;
    width: 50%;
    height: 50%;
}


/* # Comments */
#comments {
	background: #fff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

#comments p.no-comments {
	margin: -20px 20px 20px;
    padding: 20px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid #efefef;
}

#comments .comment-respond {
	padding: 20px;
}

#comments .comment-list {
	padding: 20px;
}

#comments .comments-container .comment-wrap,
#comments .comments-container .pingback .comment-wrap {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: 15px;
	padding: 15px;
    border: 1px solid #efefef;
}

#comments .comments-container .comment .comment  {
	margin-left: 20px;
}

#comments .comments-container > .children {
	margin-left: 20px;
}

#comments .comments-container .comment-author-block {
	min-width: 96px;
	min-height: 96px;
}

#comments .comments-container .comment-content-block {
	padding-left: 15px;
	width: 100%;
}

#comments .comments-container .comment-content-block > .comment {
	margin-top: 10px;
	margin-left: 0;
}

#comments .comments-container .comment-content-block .comment-header {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

#comments .comments-container .comment-content-block .comment-header {
	font-weight: 600;
}

#comments .comments-container .comment-content-block .comment-header .comment-author {
	color: #222;
}

#comments .comments-container .comment-content-block .date {
	font-size: 0.9em;
	color: #989898;
}

#comments .comment-list li article {
	padding: 20px;
	margin-bottom: 20px;
}

#comments .comment-list ol.children {
	margin-left: 20px;
}

#respond h3 {
	font-size: 1.4em;
	font-weight: 600;
}

#respond form textarea,
#respond form .comment-form-author input,
#respond form .comment-form-email input {
	width: 100%;
}

.form-group {
	margin-bottom: 10px;
}

.form-group input {
	width: 100%;
}

.form-group textarea {
	width: 100%;
}

/* # Modal */
body.admin-bar .de_modal {
	margin-top: 32px;
}

.de_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1001;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: none;
}

.de_modal.open {
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 30px;
}

.de_modal form  {
    background: #fff;
    padding: 20px;
    z-index: 10;
    width: 400px;
	max-width: 100%;
}

.de_modal .form-wrap {
	position: relative;
	z-index: 11;
	transition: .3s;
	max-width: 100%;
	max-height: 100%;
}

.de_modal .close {
    z-index: 12;
    position: absolute;
    top: -18px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #fff;
    right: -18px;
    padding: 4px 0;
    font-size: 18px;
    cursor: pointer;
    transition: .3s;
}

.de_modal .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}

.de_modal[data-name="login-form"] input[type="submit"] {
	margin-top: 10px;
}

.de_modal .close:hover {
	color: #fff;
}

/* # Slider */
.homepage-slider .slide img {
	display: block;
    width: 100%!important;
    object-fit: cover;
}

.homepage-slider .owl-buttons .owl-prev,
.homepage-slider .owl-buttons .owl-next {
    color: #fff;
    display: flex;
    font-size: 50px;
    width: 50px;
    height: 50px;
    margin: 0px 20px 0px 20px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: .3s;
    position: absolute;
    top: 50%;
    bottom: 0;
    margin-top: -25px;
}

.homepage-slider .owl-buttons {
	width: 100%;
}

.homepage-slider .owl-buttons .owl-prev {
	left: 0;
}

.homepage-slider .owl-buttons .owl-prev:hover i,
.homepage-slider .owl-buttons .owl-next:hover i {
	opacity: 1;
}

.homepage-slider .owl-buttons .owl-prev i,
.homepage-slider .owl-buttons .owl-next i {
	transition: .3s;
	opacity: 0.8;
	position: relative;
}

.homepage-slider .owl-buttons .owl-prev i {
    right: 3px;
    bottom: 2px;
}

.homepage-slider .owl-buttons .owl-next {
	right: 0;
}

.homepage-slider .owl-buttons .owl-next i {
    left: 3px;
    bottom: 2px;
}

.homepage-slider .slide a.slide_link {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.homepage-slider .slide .slide-information {
	position: absolute;
	z-index: 5;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	max-width: 80%;
	left: 10%;
}

.homepage-slider .slide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.homepage-slider .slide .slide-information h3 {
	margin-top: 0;
	color: #fff;
	font-weight: 800;
	font-size: 1.8em;
}

.homepage-slider .slide .slide-information .description {
	color: #fff;
	font-weight: 400;
	font-size: 1.2em
}

.homepage-slider .slide .slide-information, 
.homepage-slider .owl-buttons .owl-prev, 
.homepage-slider .owl-buttons .owl-next {
	background-color: #2b2b2b;
}

/* # Footer */
footer .site-info {
	padding: 20px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

footer .footer-wrap {
	padding: 40px 0;
	color: #cecece;
}

footer .footer-wrap a,
footer .footer-wrap p {
	color: #cecece!important;
    font-size: 0.95em;
}

footer .footer-wrap input,
footer .footer-wrap button,
footer .footer-wrap select,
footer .footer-wrap textarea {
	color: #333;
}

footer .footer-wrap a:hover {
	text-decoration: underline!important;
}

footer .footer-wrap section.widget {
	margin-bottom: 30px;
}

footer .footer-wrap section.widget h2.widget-title,
footer .footer-wrap .widget_calendar caption {
	color: #fff;
}

/* # Social icons */
.social-links-wrapper {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.social-links-wrapper .demure-icon {
	width: 30px;
    height: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-links-wrapper .demure-icon i {
	color: #fff;
}

.social-links-wrapper .demure-icon:hover i {
	color: #aaaaaa;
}

/* # Media queries */
@media (min-width: 1026px) {
	.main-navigation {
		display: block!important;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children ul.children {
		top: 0;
	}
	
	.main-navigation li.menu-item-has-children,
	.main-navigation li.page_item_has_children {
		padding-right: 10px;
		position: relative;
	}
	
	.main-navigation li.menu-item-has-children:hover > ul.sub-menu,
	.main-navigation li.page_item_has_children:hover > ul.children {
		display: block;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children:hover > ul.children {
		left: 100%;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children a:after,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children a:after {
		border-top: 5px solid transparent;
	    border-left: 5px solid #fff;
	    border-bottom: 5px solid transparent;
	    margin-left: 14px;
	}

	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after {
		content: "";
		border-top: 5px solid;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		width: 10px;
		opacity: 0.8;
		right: 3px;
		top: calc(50% - 5px);
	}

	.main-navigation li.menu-item-has-children > a:hover:after,
	.main-navigation li.page_item_has_children > a:hover:after {
		opacity: 1;
	}
}

@media (max-width:1600px) {
	article .thumbnail img {
		height: 300px;
	}
}

@media (max-width: 1200px) {
	#masthead .menu-right-block {
		flex: 4;
	}
}

@media (max-width: 1025px) {

	.main-navigation {
		height: 100%;
	    position: absolute;
	    top: 100%;
	    left: 0px;
	    z-index: 10;
	    width: 100%;
	}

	.main-navigation ul {
		flex-direction: column;
   		background: #555;
	}

	#masthead .menu-toggle {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

	.main-navigation ul > li {
		position: relative;
	}

	.main-navigation ul > li > a {
		width: 100%;
		padding: 10px 20px;
	}

	.main-navigation ul > li {
		border-bottom: 1px solid #2b2b2b;
	}

	.main-navigation ul > li:last-child {
		border-bottom: 0;
	}

	.main-navigation ul.sub-menu,
	.main-navigation ul.children {
		width: 100%!important;
		position: relative;
	}

	.main-navigation .open-sub-menu {
		position: absolute;
	    right: 0;
	    top: 0;
	    width: 41px;
    	height: 41px;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    align-items: center;
    	justify-content: center;
    	cursor: pointer;
	}

	.main-navigation .open-sub-menu:after {
		content: "";
		border-top: 5px solid #fff;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	}
	.main-navigation ul.sub-menu li a,
	.main-navigation ul.children li a {
		padding-left: 20px;
	}

	.main-navigation ul.sub-menu li ul.sub-menu li a,
	.main-navigation ul.children li ul.children li a {
		padding-left: 40px;
	}

	.main-navigation ul.sub-menu li ul.sub-menu li ul.sub-menu li a,
	.main-navigation ul.children li ul.children li ul.children li a {
		padding-left: 60px;
	}

	#masthead .menu-right-block {
		flex: 1;
		justify-content: flex-end;
	}

}

@media (max-width: 767px) {
	.homepage-slider .slide .slide-information {
		max-width: 70%;
    	left: 15%;
	}
	.sidebar form.search-form .search-field {
		max-width: 100%;
	}
	.homepage-slider .slide .slide-information h3 {
		font-size: 1.4em;
	}
	.homepage-slider .slide .slide-information .description {
		font-size: 1em;
	}
	.sidebar {
		margin-top: 15px;
	}
}

@media (max-width: 600px) {
	.entry-content .gallery .gallery-item {
		align-items: baseline;
		width: 50%;
	}
	#comments .comments-container .comment-content-block .comment-header {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.homepage-slider .owl-controls {
		display: none!important;
	}
	.homepage-slider .slide .slide-information {
		position: absolute;
		max-width: 100%;
    	left: 0;
	}
	.homepage-slider .slide {
		flex-direction: column-reverse;
	}
	.entry-content .gallery .gallery-item {
		width: 100%;
	}
}

@media (max-width: 400px) {
	#masthead .top-container {
		flex-direction: column;
		align-items: flex-start;
	}
	#masthead .branding {
		margin-bottom: 20px;
	}
	.profile-navigation a:first-child {
		margin-left: 0;
	}
	
}