/*
Theme Name:     EZ Multisite Theme
Theme URI:      https://ezdoss.com/
Author:         Pavel
Author URI:     https://ezdoss.com/
Description:    A custom multisite theme.
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    ez-multisite-theme
*/

/* Basic Styling */

body {
    font-family: sans-serif;
    margin: 0; /* Reset default margin */
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

a {
    color: #007bff; /* Example link color */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#colophon {
    display: none;
}
#main{
	padding-top:0;
	padding-bottom:0;
}
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #333;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.3s;
    z-index: 999;
}

#back-to-top:hover {
    opacity: 1;
}

#back-to-top svg {
    width: 24px;
    height: 24px;
}
.ls-fullscreen-wrapper{
	margin-top:0;
}
.sticky-post{
	display:none;
}

/* Navigation Styles (3D Effect Example) */
.nav-container {
    perspective: 800px; /* Adjust perspective as needed */
    display: flex;
    justify-content: center;
    padding: 20px 0;
    background-color: #f0f0f0;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

nav li {
    margin: 0 15px;
}

nav a {
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transform-style: preserve-3d; /* Key for 3D effect */
    transition: transform 0.3s ease-in-out;
}

nav a:hover {
    transform: translateZ(20px); /* Move forward on hover */
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* Template Specific Styles */

/* Blank Template Styles */
.template-ez-blank body {
    margin: 0; /* Ensure no margins */
}
.template-ez-blank .site-content {
    min-height: 100vh; /* Ensure content takes full viewport height */
}

/* Rotated Templates Styles */
.template-ez-90 .wrapper-90,
.template-ez-180 .wrapper-180,
.template-ez-270 .wrapper-270 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensure full viewport height */
    overflow: hidden; /* Prevent content from overflowing */
}

.template-ez-90 .rotated-content {
    transform: rotate(90deg);
    transform-origin: center;
    width: 100vh; /* Set width to viewport height */
    height: 100vw; /* Set height to viewport width */
    display:flex;
    justify-content: center;
    align-items: center;
}

.template-ez-180 .rotated-content {
    transform: rotate(180deg);
    transform-origin: center;
}

.template-ez-270 .rotated-content {
    transform: rotate(270deg);
    transform-origin: center;
    width: 100vh; /* Set width to viewport height */
    height: 100vw; /* Set height to viewport width */
        display:flex;
    justify-content: center;
    align-items: center;
}
.daily-slide-content {
    width: 100%;          /* Full width of the slider */
    margin: 0;
    padding: 0;
    display: block;      /* Ensure it behaves like a block-level element */

}

/* EZ Selector Template Styles */
.template-ez-selector .ez-selector-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
}

.ez-selector-content {
    background: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.ez-selector-dropdown {
    width: 100%;
    padding: 0.75rem;
    margin: 1rem 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.ez-selector-button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.3s;
}

.ez-selector-button:hover {
    background: #005177;
}

.ez-selector-redirect {
    margin-top: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 4px;
}

.ez-selector-progress {
    height: 10px;
    background: #e9ecef;
    border-radius: 5px;
    margin: 1rem 0;
    overflow: hidden;
}

.ez-selector-progress-bar {
    height: 100%;
    width: 0;
    background: #28a745;
    transition: width 1s linear;
}

#ez-selector-cancel {
    color: #dc3545;
    text-decoration: none;
}

#ez-selector-cancel:hover {
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .template-ez-selector .ez-selector-container {
        padding: 1rem;
    }
    
    .ez-selector-content {
        padding: 1rem;
    }
}

/* Two-step selection styles */
.ez-selection-step {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.ez-selection-step label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

/* Loading indicator */
#ez-post-selection p {
    margin: 0;
    padding: 1rem;
    text-align: center;
    color: #666;
}

.daily-slide-content p {
   margin-bottom: 0; /* remove bottom margins from paragraphs */
}
/* You can add more template specific styles here */

/* custom css atribute for layer slider text layer */

.ls-text-layer[ezdoss_food_menu="menu-items"] br:nth-child(even) {
  color: blue;
}

.ls-text-layer[ezdoss_food_menu="menu-items"] br:nth-child(odd) {
  color: green;
}
/* For <div> */
.ls-text-layer[ezdoss_food_menu="menu-items"] div:nth-child(even) {
  color: blue;
}

.ls-text-layer[ezdoss_food_menu="menu-items"] div:nth-child(odd) {
  color: green;
}

/* For <span> with display: block; */
.ls-text-layer[ezdoss_food_menu="menu-items"] span:nth-child(even) {
  color: blue;
}

.ls-text-layer[ezdoss_food_menu="menu-items"] span:nth-child(odd) {
  color: green;
}