/*!
Theme Name:   post-modern
Template:     modern
Theme URI:    https://www.webmandesign.eu/portfolio/modern-wordpress-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      2.6.4
Text Domain:  modern
Domain Path:  /languages
License:      GNU General Public License v3
License URI:  https://www.gnu.org/licenses/gpl-3.0-standalone.html
Description:  Modern is an accessibility ready blog and portfolio WordPress theme by WebManDesign.eu, perfect for personal portfolios. Optimized for search engines, with responsive design, ready for mobile devices and high resolution displays. Built using secure, speed-optimized, translation-ready code with support for multilingual setup (including RTL languages) and featured posts slideshow on front page. Huge focus was put into readability, putting your website content in front. Compatible with Jetpack plugin and any page builder plugin!
Tags:         one-column, two-columns, right-sidebar, grid-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, portfolio

Requires at least: 4.8
Tested up to: 6.7
Requires PHP: 5.6

GitHub Theme URI: webmandesign/modern

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

Modern is based on Underscores http://underscores.me/, (C) Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/




html,body {
	height: 100%;
}

* html #page {
	height: 100%;
}

#page {
	min-height: 100%;
	height: auto;
}

.link-more {
	display: none;
}

div.entry-meta {
	display: none!important;
}

.entry-meta-bottom {
	display: none!important;
}

.entry-meta-top {
	display: none!important;
}

.site-branding {
		padding-bottom: 100px;
}

.page-header {
    padding: 2.251528em 0;
    border-top: 0px;
    overflow: hidden;
}


.intro {
	visibility: hidden;
	margin-bottom:80px;
}


.intro-media:before {
   opacity:0.3;
}

.intro-container {
  background-color: #000000!important;
}

body:not(.home) .site-content-inner {
  padding-top: 0px;
  }

.page-id-24 .entry-media {
    display: none;
}

.page-id-24 .intro-media img {
   transform: scaleX(1)!important;
}


.entry-content-container {
      padding-left: 2em;
      padding-right: 2em;
      max-width: 750px;
}

@media only screen and (min-width: 55em) {
   .entry-content-container {
    padding-bottom: 8rem;
  }
}

body:not(.home) .intro-media img {
  width: calc(100% + 20px);
  -webkit-filter: blur(10px) grayscale(100%) contrast(95%)!important;
  filter: blur(10px) grayscale(100%) contrast(95%)!important;
  }


body:not(.home) .intro-media::before {
  opacity: 0.36;

  }

h1 {
	    padding-bottom: 1em!important;
		font-weight: 420;
}

h2 {
		font-weight: 420;
}

h3 {
		font-weight: 420;
}


h2 a:hover {
    text-decoration: underline!important;    
}

@media only screen and (max-width: 28em) {
  .site-header-content {
    padding-top: 4.5em;
    padding-bottom: 0em;
  }
.wp-custom-header {
	filter: blur(13px);
}
    .site-content-inner {
padding-top: 0px;    
}
}

@media only screen and (min-width: 28em) {
  .site-header-content {
    padding-top: 1.82em;
    padding-bottom: 0em;
  }
	.site-content-inner {
padding-top: 0px;    
}
     .posts .entry-media {
    margin:-2.6244em;
    margin-bottom:2.6244em
  }
      .posts .entry {
    padding: 2.6244em;
  }
}


@media only screen and (min-width: 42em) {
  .site-header-content {
    padding-top: 3.82em;
    padding-bottom: 2.6244em;
  }
    	.site-content-inner {
padding-top: 208px;    
}
	
}


@media only screen and (min-width: 55em) {
  .site-header-content {
    padding-top: 4.251528em;
    padding-bottom: 4.251528em;
    margin-top: 3.5em;
  }
    	.site-content-inner {
padding-top: 150px;    
}
}


@media only screen and (max-width: 54.9375em) {
  .site .intro-media img {
    height: 75%;
    height: 75vh;
    max-width: none;
    max-height: none;
  }
}

@media only screen and (max-width: 54.9375em) {
    .has-navigation-mobile .main-navigation-container li {
        flex-wrap: wrap;
        padding-top: 0rem;
        padding-bottom: 0rem;
        border-top-width: 1px;
        border-top-style: solid;
    }
}



@media only screen and (max-width: 41.9375em) {
  .site .intro-media img {
    height: 110%;
    height: 110vh;
    max-width: none;
    max-height: none;
  }
}


.posts .entry-content:not(:last-child), .posts .entry-summary:not(:last-child) {
  margin-bottom: 0.2em!important;
}



.post-cat {
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	margin: 10px 0 25px;
	text-decoration: none;
}

div.post-cat2 {
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	margin: 50px 0 25px;
	text-decoration: none;
}

.post-excerpt {
	margin: 0;
	padding: 0;
}

.is-singular .entry-content [style="position: relative; padding-top: 56.25%;"] {
	display: none;
}

.is-singular .entry-media a {
	pointer-events: none;
}


.jp-carousel-info {
	display: none!important;
}
.jp-carousel-container {
  display: flex!important;

}

.post-navigation .has-post-thumbnail:before {
	display: none;
}

.post-navigation .has-post-thumbnail {
	background-image: none;
}

.post-navigation a {
	background-color: #333333!important;
}

.post-navigation a:hover {
	background-color: #3e3e3e!important;
}

.normal-font {
	font-weight: normal;
}

#cboxCurrent {
	visibility: hidden;
}

#cboxNext, #cboxPrevious {
	visibility: hidden;
}

#cboxLoadingGraphic {
	background: url(/wp-content/plugins/lightbox-plus/css/dark/images/loading.gif) no-repeat right top;
}

#cboxLoadedContent {
	border: 0;
}

a.cboxElement {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 45px;
	color: #666;
}

#cboxClose {
	position: absolute;
	top: -21px;
	right: 0;
	display: block;
	width: 38px;
	height: 19px;
	color: #666;
	text-indent: 0;
	background: none;
}

body.scrolling-down .main-navigation {
	top: 0;
}


.format-image .entry-media:before,
.is-singular .content-area,
.posts .entry,
.posts .sticky:before,
.sidebar .widget,
.site-footer,
.site-header-navigation,
.slick-arrow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pagination {
	text-align: left;
}

.pagination a, .pagination span {
  display: inline-block;
  width: 3em;
  padding: .62em 0;
  margin: .19em .19em .19em 0;
  text-align: center;
  text-decoration: none;
  border-width: 0px;
  border-style: none;
}
.pagination a {
  	background-color: var(--color_accent);
  color: var(--color_accent_text);
	opacity: .69;

}

.pagination a:hover {
 	opacity: 1;

}

.site-footer .footer-area-site-info {
	position: relative;
	bottom: auto;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	line-height: 60px;
	background-color: #272727;
    margin-top: 1rem;
}

.site-footer-area + .site-footer-area .site-info-inner .footer-area-footer-widgets{
  background-color: #272727;

}


.site-info {
	bottom: 0px !important;
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
	background-color: #272727;
	width: 100%;
	
}

.site-info a {
	font-weight: normal;
	
}

.icos {
	padding-bottom: 6px;
}


button, input, select, textarea {
  border-width: 1px;
  border-style: dashed;
  outline: 0;
  vertical-align: baseline;
}

button#menu-toggle.menu-toggle {
  position: fixed;
  left: unset;
	right: -285px;
	top: 0px;
	border: 0px;
	font-size: 16px;
  letter-spacing: 20px; 	
	padding-left: 20px;
	padding-right: 40px;
	border-radius: 0px;
	box-shadow: none;
  opacity: 0.9;
	background-color: #ccc;
}

button#menu-toggle.menu-toggle:hover {
  opacity: 0.9;
	background-color: var(--color_accent);
}


.toggle-sub-menus .button-toggle-sub-menu {
  border: 1px solid;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  padding: 0;
  margin-left: 2px;
  line-height: 14px;
  text-align: center;
}



.main-navigation-container a {
  max-width: 100%;
  padding: 0.5rem;
  padding-left: 0.21em;
  border-left-width: 0px;
}
.main-navigation-container .sub-menu a {
  padding: 0rem;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 4px;
  padding-bottom: 5px;
  margin: 0px;
  background-color: #3a3c3e;
}

.main-navigation-container .sub-menu {
  padding: 0rem;
  margin: 0rem;
  border-top-width: 0px!important;
}

.main-navigation-container li {
  padding-top: 1px;
 
}

.main-navigation-container .sub-menu a:hover {
 background-color: #2a2c2e;
}

.main-navigation-container a:active, .main-navigation-container a:focus, .main-navigation-container a:hover {
  border-color: transparent!important;
}
.site-header a:not(.button):hover {
  color: #ffffff;
}
.menu-item a:not(.button) {
  border-color: transparent!important;
}


.post-navigation .nav-previous a:before {
    background-image: none!important;
}
.post-navigation .nav-previous a {
    background-image: none!important;
}

.post-navigation .nav-next a:before {
    background-image: none!important;
}

.post-navigation .nav-next a {
    background-image: none!important;
}




@media only screen and (max-height: 27.9375em) {
  .menu-toggle {
     position:fixed;
    width:unset;
    height:3.618rem;
    left:unset;
    bottom:-2px;
    padding:0 1.62em;
    margin:0;
    line-height:1.38;
    text-align:center;
    font-size:1em;
    font-weight:700;
    border:2px solid;
    border-radius:2px;
    z-index:999;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:1;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
    }}
    
@media only screen and (min-width: 55em) {
  .site-footer {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 42em) {
  .site-footer {
    margin-top: 1rem;
  }
}

  .comments-area-inner, .footer-widgets, .site-info-inner {
    padding-bottom: 1rem;
		padding-top: 1rem;
  }
 
   
  .has-navigation-mobile .site-footer {
    padding-bottom: 0rem;
    }