@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

a {
    text-decoration: none !important;
}

.main-content {
    min-height: calc(100vh - 150px);
}

.breadcrumbs {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.text-content h2 {
    padding: 1rem 0 2rem;
}

.text-content p {
    padding: 0 0 0.5rem;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
    display: block;
}

img.aligncenter {
    margin: 0 auto;
}

.post-navigation .nav-previous {
    float: left;
    text-align: left;
}


.post-navigation .meta-nav {
    display: block;
    position: relative;
    padding-bottom: 4px;
}

.post-navigation .nav-links:after {
    content: "";
    display: table;
    clear: both;
}

.post-navigation .pagination__text {
    position: relative;
    color: #5D738D;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rtl .post-navigation .pagination__text {
    letter-spacing: unset;
}

.post-navigation .pagination__icon {
    position: relative;
    vertical-align: bottom;
    color: #5D738D;
}

@media (min-width: 40em) {
    .post-navigation .nav-previous, .post-navigation .nav-next {
        max-width: 50%;
    }
}

.post-navigation .nav-previous {
    float: left;
    text-align: left;
}

.post-navigation .nav-previous .pagination__text, .post-navigation .nav-previous .pagination__icon {
    left: -8px;
}

.rtl .post-navigation .nav-previous .pagination__icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.post-navigation .nav-previous:hover, .post-navigation .nav-previous:active, .post-navigation .nav-previous:focus {
    color: #222222;
}

.post-navigation .nav-previous:hover .post-title, .post-navigation .nav-previous:active .post-title, .post-navigation .nav-previous:focus .post-title {
    color: #222222;
    border-bottom: 1px solid #222222;
}

.post-navigation .nav-next {
    float: right;
    text-align: right;
}

.post-navigation .nav-next .pagination__text, .post-navigation .nav-next .pagination__icon {
    right: -8px;
}

.rtl .post-navigation .nav-next .pagination__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.post-navigation .nav-next:hover, .post-navigation .nav-next:active, .post-navigation .nav-next:focus {
    color: #222222;
}

.post-navigation .nav-next:hover .post-title, .post-navigation .nav-next:active .post-title, .post-navigation .nav-next:focus .post-title {
    color: #222222;
    border-bottom: 1px solid #222222;
}

.icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    fill: currentColor;
}

.icon__cnt {
    width: 100%;
    height: 100%;
    background: inherit;
    fill: inherit;
    pointer-events: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translate(0.5px, -0.3px);
}

.icon--m {
    width: 50px;
    height: 50px;
}

.icon--l {
    width: 100px;
    height: 100px;
}

.icon--xl {
    width: 150px;
    height: 150px;
}

.icon--xxl {
    width: 200px;
    height: 200px;
}

.icon__spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon--ei-spinner .icon__spinner, .icon--ei-spinner-2 .icon__spinner {
    -webkit-animation: spin 1s steps(12) infinite;
    animation: spin 1s steps(12) infinite;
}

.icon--ei-spinner-3 .icon__spinner {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.icon--ei-sc-facebook {
    fill: #3b5998;
}

.icon--ei-sc-github {
    fill: #333;
}

.icon--ei-sc-google-plus {
    fill: #dd4b39;
}

.icon--ei-sc-instagram {
    fill: #3f729b;
}

.icon--ei-sc-linkedin {
    fill: #0976b4;
}

.icon--ei-sc-odnoklassniki {
    fill: #ed812b;
}

.icon--ei-sc-skype {
    fill: #00aff0;
}

.icon--ei-sc-soundcloud {
    fill: #f80;
}

.icon--ei-sc-tumblr {
    fill: #35465c;
}

.icon--ei-sc-twitter {
    fill: #55acee;
}

.icon--ei-sc-vimeo {
    fill: #1ab7ea;
}

.icon--ei-sc-vk {
    fill: #45668e;
}

.icon--ei-sc-youtube {
    fill: #e52d27;
}

.icon--ei-sc-pinterest {
    fill: #bd081c;
}

.icon--ei-sc-telegram {
    fill: #0088cc;
}


.blog-footer {
    width: 100%;
    background-color: #333;
    color: #ccc;
    min-height: 145px;
}

.menu-main-menu-container ul {
    position: relative;
    list-style: none;
    margin-bottom: 0px;
}

.menu-main-menu-container ul li {
    display: inline-block;
    padding: 0 5px;
}

.menu-main-menu-container ul li a {
    color: #fff;
}

.menu-main-menu-container ul li a:hover {
    color: #aa1c1c;
}

@media only screen and (max-width: 860px) {
    .menu-main-menu-container ul li {
        display: block;
        width: 100%;
        padding: 0 20px;
    }
}

.inner-footer {
    width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .inner-footer {
        width: 100%;
    }
}

/* Container */
.comments-area {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Title */
.comments-title {
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
    font-weight: bold;
}

/* Individual Comment */
.comment-body {
    background-color: #ffffff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Comment Meta */
.comment-metadata {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
    display: block;
}

.comment-metadata a {
    color: #4a90e2;
    text-decoration: none;
}

.comment-metadata a:hover {
    text-decoration: underline;
}

/* Comment Author */
.comment-author {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

/* Comment Text */
.comment-content {
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}

/* Nested Comments */
.children {
    margin-left: 20px;
    border-left: 2px solid #ddd;
    padding-left: 15px;
}

/* Reply Link */
.comment-reply-link {
    font-size: 14px;
    color: #4a90e2;
    text-decoration: none;
    font-weight: bold;
}

.comment-reply-link:hover {
    color: #333;
    text-decoration: underline;
}

/* Comment Form */
#commentform {
    margin-top: 40px;
}

#commentform label {
    display: block;
    margin-bottom: 5px;
}

#commentform input,
#commentform textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 20px;
}

#commentform input[type="submit"] {
    background-color: #4a90e2;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
}

#commentform input[type="submit"]:hover {
    background-color: #357abd;
}

/******
widgets
 *****/

.about-box {
    border-bottom: 1px solid #ccc
}

.navbar {
    background: transparent;
    box-shadow: 3px 2px 5px #b14c9773;
    border-radius: 10px;
}

.nav-item .nav-link {
    color: #9c3e97;
    text-shadow: 1px 1px 0 #ffcefb;
}

/**
tags
 */
.single-post-tags {
}

.single-post-tags a {
    color: #fff;
}

/**
navmenu
 */
#navbarNav ul li {
    width: 100%;
}

#navbarNav ul {
    align-items: flex-start;
}

#navbarNav .sub-menu {
    display: none;
    position: relative;
    top: auto;
    z-index: 2;
    background-color: #fff;
    box-shadow: none;
    width: 100%;
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}

#navbarNav .menu-item-has-children a {
    padding: 5px 10px;
}

#navbarNav .sub-menu li {
    border-bottom: 1px solid #ccc;
    padding: 8px 5px;
}

@media (min-width: 576px) {
    /* sm breakpoint */
    #navbarNavDesktop {
        display: none
    }
}

@media (max-width: 767px) {
    .navbar {
        box-shadow: none;
        border-radius: 0;
    }
}

.image-container {
    position: relative;
    display: block;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.image-container:hover .image-overlay {
    opacity: 1;
}

.overlay-icon {
    display: flex;
    align-items: center;
    margin: 5px 0;
    font-size: 22px;
}

.overlay-icon span {
    display: inline-block;
    margin-left: 5px;
}

.overlay-icon i {
    display: inline-block;
}

.search-form-sidebar {
    position: relative;
}

.search-form-sidebar input, .search-form-sidebar input:focus {
    background: #eee;
    color: #333;
    border: 2px solid #ccc
}

footer #menu-main-menu {
    padding: 0;
    margin: 0;
}

.search-form-footer {
    display: none;
}

.menu-item-has-children > a:after {
    content: '\25BC'; /* Down arrow symbol */
    display: inline-block;
    margin-left: 0;
    padding: 0;
}

#navbarNav .menu-item-has-children > a:after {
    content: '\25BC'; /* Down arrow symbol */
    display: inline-block;
    margin-left: 8px;
    padding: 5px;
}

.menu-item-has-children.open > a:after {
    content: '\25B2'; /* Up arrow symbol */
}


@media (max-width: 767px) {

    .search-form-sidebar {
        display: none;
    }

    .search-form-footer {
        display: block;
    }
}

.blog-logo {
    display: inline-block;
}

/* Style the main navigation menu */
.navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    list-style: none;
}

.navbar-nav li {
    position: relative;
    margin-right: 20px; /* Adjust as needed */
}

.navbar-nav li:last-child {
    margin-right: 0;
}

/* Style the parent menu items */
.navbar-nav .menu-item {
    position: relative;
}

/* Style the sub-menu items */
.navbar-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #fff; /* Background color for the sub-menu */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Optional: Add a box shadow */
    min-width: 200px; /* Optional: Set a minimum width */
}

.navbar-nav .menu-item:hover .sub-menu {
    display: block;
}

/* Style the links within the menu items */
.navbar-nav a {
    text-decoration: none;
    padding: 10px;
    display: block;
}

/* Style the links on hover */
.navbar-nav a:hover {
    color: #9c00ff; /* Link color on hover */
}

/* Optional: Style the parent menu items on hover */
.navbar-nav .menu-item:hover > a {
}

.title h1 {
    font-family: 'Roboto Slab', serif;
    color: #333;
}

.title .image img {
    max-height: 80px;
}

.title .title-info {
    font-size: 14px;
}

@media (max-width: 467px) {
    .title .title-date {
        display: block;
        text-align: right;
    }
}

#search-results {
    list-style: none;
    margin: 0;
    padding: 0;
    background: white;
    position: absolute;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ddd;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000; /* Ensure it's above other content */
}

#search-results li {
    border-bottom: 1px solid #ddd;
    transition: background-color 0.2s ease-in-out;
}

#search-results li .highlight {
    background-color: yellow;
    font-weight: bold;
}

#search-results li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

#search-results li a:hover,
#search-results li a:focus {
    background-color: #f9f9f9;
    color: #000;
}

/* Hide the results by default */
#search-results {
    display: none;
}

/* Show the results when user starts typing */
.input_text:focus + #search-results {
    display: block;
}