/*
Theme Name: Modern - TK Mörtschach
Theme URI:    https://www.webmandesign.eu/portfolio/modern-wordpress-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      2.4.2
Text Domain:  modern
Domain Path:  /languages
License:      GNU General Public License v3
License URI:  https://www.gnu.org/licenses/gpl-3.0.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
Template: 	  modern
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a,
.front-page-section-title, .entry-title, .page-title {
  font-family: 'NOTO Serif', serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}

.entry-content-container {
	max-width: calc(70ch + 22.24em);
}


.entry-title {
	color: #493936
}

.no-widgets-sidebar:not(.posts-layout-columns-2) .jetpack-portfolio.entry {
    width: calc(25% - 2em);
}
.no-widgets-sidebar:not(.posts-layout-columns-2) .jetpack-portfolio.entry h2 {
    font-size: 1.3em;
}
li.megamenu > ul.sub-menu > li > a {
	display: none;
}
#wp-custom-header img {
	width: 100%;
}
.intro h2 {
	display: none;
}
time.updated, span.label-updated {
	display: none;
}

article.jetpack-portfolio span.entry-date {
	display: none!important;
}
article.jetpack-portfolio .entry-content {
	margin-bottom: 0!important;
}

body:not(.home) .intro-media img {
	width: calc(100% + 20px);
	max-width: none;
	margin: -10px;
	-webkit-filter: blur(7px) grayscale(33%) contrast(70%);
	filter: blur(7px) grayscale(33%) contrast(70%);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
.wpcf7-form  input[type="text"] {
	width: 100%;
}

.taxonomy-jetpack-portfolio-type .taxonomy-terms-item .button {
	padding: 0.6em;
	font-weight: 500;
	font-size: 0.88em;
	border: 1px solid transparent;
}

.main-navigation-container a:hover, .main-navigation-container a:active, .main-navigation-container a:focus, 
.main-navigation-container .menu .current-menu-item > a, .main-navigation-container .menu .current-menu-item > a:hover, 
.main-navigation-container .menu .current-menu-ancestor > a, .main-navigation-container .menu .current-menu-ancestor > a:hover {
	border-color: #00a650;
}

#main div.nav-links {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#main .nav-links > div {
	width: 100%;
}
#main .nav-links > div.nav-previous {
	border-right: 0px solid #fff;
}
#main .nav-links > div.nav-next {
	border-left: 10px solid #fff;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
	-ms-word-break: break-all;
    word-break: break-all;

 /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

@media only screen and (max-width: 1200px) {
	.no-widgets-sidebar:not(.posts-layout-columns-2) .jetpack-portfolio.entry {
		 width: calc(33.33% - 2em);
	}
	.intro-media img {
		left: 10px!important;
	}
	#wp-custom-header img {
		width: auto;
	}
}

@media only screen and (max-width: 800px) {
	.no-widgets-sidebar:not(.posts-layout-columns-2) .jetpack-portfolio.entry {
		 width: calc(50% - 2em);
	}
}

@media only screen and (max-width: 673px) { 
	#main div.nav-links{
		display: block;
	}

	#main .nav-links > div.nav-previous {
		border-right: 0;
		width: 100%;
	}
	#main .nav-links > div.nav-next {
		border-left: 0;
		border-top: 10px solid #fff;
		width: 100%;
	}


}

@media only screen and (max-width: 600px) {
	.no-widgets-sidebar:not(.posts-layout-columns-2) .jetpack-portfolio.entry {
		 width: calc(100% - 2em);
	}
	
}

@media (min-width: 880px) and (max-width: 1125px) {
    .main-navigation-container .menu-search {
        display: none !important;
    }
}


/* CSS Reset for consistency across browsers */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* General styles for all gallery sections */
.gal-gold, .gal-silber, .gal-bronze {
    display: -webkit-box;  /* Old - iOS 6-, Safari 3.1-6 */
    display: -moz-box;     /* Old - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* Tweeners - IE 10 */
    display: -webkit-flex; /* Newer - iOS 7+, Safari 6.1+, Chrome 21+, Opera 15+ */
    display: flex;         /* Current standard */
    flex-wrap: wrap;
    gap: 16px; /* Space between items */
    justify-content: center; /* Center items horizontally */
}

/* Specific styles for Gold section */
.gal-gold {
    max-width: 500px;
    margin: 0 auto; /* Center the container */
}

.gal-gold .el {
    flex: 1 1 100%; /* Full width for Gold items */
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    overflow: visible; /* Allow content to overflow */
    transition: filter 1s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    position: relative; /* Position relative for the overlay */
}

/* Specific styles for Silber section */
.gal-silber .el {
    flex: 1 1 calc(50% - 16px); /* Two columns with spacing */
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    overflow: visible; /* Allow content to overflow */
    transition: filter 1s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    position: relative; /* Position relative for the overlay */
}

/* Specific styles for Bronze section */
.gal-bronze .el {
    flex: 1 1 calc(33.33% - 16px); /* Three columns with spacing */
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    overflow: visible; /* Allow content to overflow */
    transition: filter 1s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease; /* Smooth transitions */
    transition: filter 1s ease, transform 0.5s ease, -webkit-transform 0.5s ease; /* Smooth transitions */
    position: relative; /* Position relative for the overlay */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gal-silber .el,
    .gal-bronze .el {
        flex: 1 1 calc(50% - 16px); /* Two columns on smaller screens */
    }
}

@media (max-width: 480px) {
    .gal-silber .el,
    .gal-bronze .el {
        flex: 1 1 100%; /* Single column on very small screens */
        padding-bottom: 20px; /* Add padding to the bottom */
    }
}

/* Image styles */
.gal-gold .el img,
.gal-silber .el img,
.gal-bronze .el img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Link styles */
.gal-gold .el a,
.gal-silber .el a,
.gal-bronze .el a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Grayscale to color transition */
.gal-gold .el,
.gal-silber .el,
.gal-bronze .el {
    filter: grayscale(0%); /* Initial grayscale effect */
	margin-top: 15px;
}

/* Hover effects */
.gal-gold .el:hover,
.gal-silber .el:hover,
.gal-bronze .el:hover {
    filter: grayscale(0%); /* Remove grayscale on hover */
    -webkit-transform: translateY(-10px); /* Slightly lift the element */
    transform: translateY(-10px); /* Slightly lift the element */
}


.gal-gold .el img.alignleft,
.gal-silber .el img.alignleft, 
.gal-bronze .el img.alignleft {
	margin: 0;
	float: none;
}

.front-page-section-inner, .intro-inner, .site-content-inner, .site-footer-area-inner, .site-header-inner {
	max-width: 1500px
}
.entry-media .post-thumbnail img {
	width: 100%;
}

#wpcf7-f2924-p2611-o1 label {
	width: 100%;
	max-width: 100%
}

#wpcf7-f2924-p2611-o1 input[type="email"] {
	width: 100%;
}

#wpcf7-f2924-p2611-o1 textarea {
	width: 100%
}