* {
      
      margin:0 ;
      padding:0;
      text-decoration: none;
      font-family: monospace;
      list-style:none;
    }
    
    
   header.header {
    background: chartreuse;
    margin: 0;
    text-transform: uppercase;
    padding: 8px;
} 
    .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body{
    margin:0;
}
footer.site-footer {
    font-size: 18px;
   box-shadow: 1px 2px 10px #bbb;
   
}
footer.site-footer p.has-text-align-center {
    background: lavender;
    padding: 10px;
}
    /*----- Toggle+Button -----*/

    .toggle-nav {
      display: none;
    }

    /*----- Menu -----*/


   .main-column {
    width: 65%;
} 
        
 footer.site-footer ul li {
    list-style: none;
}  
      .menu {
        width: 100%;
        padding: 10px 10px;
       
        border-radius: 3px;

      }
    

    .menu ul {
      display: inline-block;
    }

    .menu li {
      margin: 0px 50px 0px 0px;
      float: left;
      list-style: none;
      align-items: baseline;
      font-size: 17px;
    }

    .menu li:last-child {
      margin-right: 0px;
      font-size:20px;
    }

    .menu a {
       font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    font-size:20px;
    letter-spacing: -.7px;
      color: #2b1f1f;
      transition: color linear 0.15s;
    }

    .menu a:hover,
    .menu .current-item a {
      text-decoration: none;
      color: #66a992;
    }

    /*----- Search -----*/

    .search-form {
      float: right;
      display: inline-block;
    }

    .search-form input {
      width: 200px;
      height: 30px;
      padding: 0px 8px;
      float: left;
      border-radius: 2px 0px 0px 2px;
      font-size: 13px;
    }

    .search-form button {
      height: 30px;
      padding: 0px 7px;
      float: right;
      border-radius: 0px 2px 2px 0px;
      background: #66a992;
      font-size: 13px;
      font-weight: 600;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
      color: #fff;
    }
   
 .menu {
    position: relative;
    display: flex;
    width: -webkit-fill-available;
}

    /*----- Responsive -----*/
    
      .bottom-bar {
      display: flex;
      justify-content: space-evenly;
      border-radius: 8px;

      
      align-items: center;
      font-weight: 800;

    }

    /* Customize the scrollbar appearance */
    .bottom-bar::-webkit-scrollbar {
      width: 0.5rem;
      /* Adjust the width as needed */
    }

    .bottom-bar::-webkit-scrollbar-thumb {
      background-color: transparent;
      /* Set the thumb color to transparent */
    }

    .bottom-bar::-webkit-scrollbar-track {
      background-color: transparent;
      /* Set the track color to transparent */
    }

    .navbar {
      padding: 4px;
    }

    .navbar ul {
      display: flex;
      padding: 4px;
    }

    .navbar ul li {
      margin-right: 30px;
    }

   
      

      .bottom-bar {
        display: block;
      
    }

  
      /* Define responsive styles here */

      /* Show the main ul when clicking the menu icon */
      .toggle-nav.active + .menu ul {
        display: block;
      }

      .menu ul {
        display: none;
        /* Initially hide the main ul */
      }
    
 /* Style for the parent li */
    .menu-item-has-children {
      position: relative;
      display: flex;
      margin-right: 20px;
      /* Add some space between menu items */
    }
    

    /* Style for the anchor link */
    .menu-item-has-children a {
      text-decoration: none;
      color: #333;
      /* Set your desired text color */
    }

    /* Style for the dropdown arrow *
    .menu-item-has-children::after {
      content: "▼";
      color:#fff;
      /* Add your decorative symbol here *
      font-size: 14px;
      /* Set your desired font size *
      margin-left: 5px;
      /* Adjust spacing between text and arrow *
    }*/

    /* Style for the dropdown content */
    .menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    display: none;
    width: 100px;
    box-shadow: 1px 1px 200px black;
    border-radius: 4px;
    left: 0;
    background-color: white;
    z-index: 1;
    padding: 20px;
    min-width: max-content;
}

    /* Style for list items */
    .sub-menu {
      list-style: none;
      padding: 0;
    }

    /* Style for list item links */
    .sub-menu li a {
      text-decoration: none;
       font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    letter-spacing: -.7px;
      /* Set your desired text color */
      display: block;
      padding: 8px 0;
      /* Adjust padding as needed */
    }

    /* Style for list item links on hover */
    .sub-menu li a:hover {
     
      /* Add a background color on hover */
    }

    /* Show the dropdown on hover */
    .menu-item-has-children:hover .sub-menu {
      display: block;
    }

    @media screen and (max-width: 960px) {
   
      .wrap {
          
        width: 90%;
      }
   .menu {
    position: relative;
    display: none;
    width: -webkit-fill-available;
}

   
     
      .search-form input {
        width: 120px;
      }
    

   
  
   
      .search-form {
        margin: 12px 0px 0px 20px;
        float: left;
      }

      .search-form input {
        box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
        outline: none;
        padding: 4px;
      }
    

    /* room */

    .room {
      margin: 4px;
      padding: 8px;
      width: fit-content;
      background: aliceblue;
      border-radius: 8px;
      box-shadow: 1px 2px 20px;
    }

    .room h1 {
      font-family: monospace;
      text-align: center;
      background: black;
      color: #fff;
      border-radius: 8px;
    }

    img.room_thumbnail {
      width: 250px;
      border-radius: 8px;

    }

    .room p #capacity {
      background: #b31616;
      padding: 4px;
      color: #fff;
      font-family: sans-serif;
      border-radius: 6px;
    }

    /* Style for the parent li */
    .menu-item-has-children {
      position: relative;
      display: inline-block;
      margin-right: 20px;
      /* Add some space between menu items */
    }

    /* Style for the anchor link */
    .menu-item-has-children a {
      text-decoration: none;
      color: #333;
      /* Set your desired text color */
    }

    /* Style for the dropdown arrow *
    .menu-item-has-children::after {
      content: "▼";
      
      /* Add your decorative symbol here *
      font-size: 14px;
      /* Set your desired font size *
      margin-left: 5px;
      /* Adjust spacing between text and arrow *
    }*/
    

    /* Style for the dropdown content */
    .menu-item-has-children .sub-menu {
      display: none;
      position: sticky;
      top: 100%;
      left: 0;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      z-index: 1;
      padding: 10px;
      /* Add padding to the dropdown content */
      min-width: max-content;
      /* Set your desired width */
    }

    /* Style for list items */
    .sub-menu {
      list-style: none;
      padding: 0;
    }

    /* Style for list item links */
    .sub-menu li a {
      text-decoration: none;
      
      font-weight:900;
      /* Set your desired text color */
      display: block;
      padding: 8px 0;
      /* Adjust padding as needed */
    }

    /* Style for list item links on hover */
    .sub-menu li a:hover {
      background-color: #f0f0f0;
      /* Add a background color on hover */
    }

    /* Show the dropdown on hover */
    .menu-item-has-children:hover .sub-menu {
      display: block;
    }

    /* Add responsive styles as needed */
  
       
      /* Define responsive styles here */
      /* Style for the dropdown content */
      .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        z-index: 1;
        padding: 20px;
        /* Add padding to the dropdown content */
        min-width: 200px;
        /* Set your desired width */
      }

      /* Style for list items */
      .sub-menu {
        list-style: none;
        padding: 0;
      }

      /* Style for list item links */
      .sub-menu li a {
        text-decoration: none;
        color: #333;
        /* Set your desired text color */
        display: flex;
        align-items: center;
        /* Center vertically */
        padding: 8px 10px;
        /* Adjust padding as needed */
      }

      /* Style for list item links on hover */
      .sub-menu li a:hover {
        background-color: #f0f0f0;
        /* Add a background color on hover */
      }

      /* Show the dropdown when the parent li is clicked */
      .menu-item-has-children.active .sub-menu {
        display: block;
        position: absolute;
        /* Position absolutely within the parent div */
        left: 0;
      }

      .sub-menu h1 {
        font-size: 18px;
        /* Adjust font size for small screens */
      }

      .sub-menu {
        padding: 0 10px;
        /* Add padding to the list items */
      }

      .sub-menu li a {
        padding: 8px 0;
        /* Adjust padding for small screens */
      }

      /* Show the main ul when hovering over the parent ul */
      .menu ul:hover ul {
        display: block;
      }

      .menu ul ul {
        display: none;
        /* Initially hide the nested ul */
      }
    

    /*additional */

    header {
      padding: 4px;
    }

    .top-bar {
      display: flex;
      justify-content: space-between;
      padding: 10px;
      align-items: center;
     
    }

    .logo {
      padding: 4px;
    }

    .top-bar img.logo-pic {
      width: 80px;
      text-align: center;
    }

    .top-bar input#search-input {
      padding: 4px;
      border: inset;
      outline: none;
      width: 200px;
      border-radius: 5px;
    }

    }
 
       /* Toggle menu *
   document.addEventListener('DOMContentLoaded', function() {
      var toggleNav = document.querySelector('.toggle-nav');
      var menuUl = document.querySelector('.menu ul');

      toggleNav.addEventListener('click', function(e) {
        toggleNav.classList.toggle('active');
        menuUl.classList.toggle('active');
        e.preventDefault();
      });
    });*/
    

      /* Apply basic styles to the full-screen block */
#fullscreen-block {
    display: none;
    position: fixed;
    top: 0;
    font-size: 20px;
    color: #fff !important;
    left: 0;
    width: 100%;
    background-color: #333438;
    height: 100%;
    color: #985;
    text-align: center;
    padding: 20px;
}

/* Style the close button */
#close-button {
    position: relative;
    top: 20px;
   margin: 20px;
    
    right: 20px;
    cursor: pointer;
}
.h-s-bar {
    margin: 30px;
}
.bottom-bar1 {
    font-size: 20px;
    text-align: left;
    font-family: sans-serif;
}
bottom-bar1 .menu1 ul li {
   
    padding: 10px;

}
 #fullscreen-button{
      display:none;
  }
  
  
.az-footer-widgets-row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
}

.footer-widget {
    margin: 10px;
    padding: 10px 10px;
}
  @media screen and (max-width:960px){
         .az-footer-widgets-row {
    display: block !important;
    font-size: 16px;
    padding: 4px !important;
}
.footer-widget {
    margin: 10px;
    padding: 10px 10px;
}
#fullscreen-button {
    display: block;
    border: none;
    background: none;
    padding: 8px;
    font-size: 25px;
}
.header-logo.logo-pic {
    padding: 8px;
}
.header-bar {
    display: none;
}


  }
  
  
  
  
  
  article.post {
    padding: 10px;
    font-size: 18px;
    
}
  
  
  
  article.page-layout {
   
   font-size:18px;
}
/*-----------------*/

/* Apply a global reset to remove default browser styles */
article.page-layout * {
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}

/* Define some default styles for common elements */
.page-layout a {
  text-decoration: none;
  color: #007bff;
   
}

.page-layout button {
  cursor: pointer;
}



/* Style headings */
.page-layout h1 {
  font-size: 2em;
 
  margin-bottom: 10px;
}

.page-layout h2 {
  font-size: 1.5em;
  
  margin-bottom: 8px;
}

.page-layout h3 {
    
  font-size: 1.2em;
  margin-bottom: 6px;
}

/* Style paragraphs */
article.page-layout p {
  line-height: 1.5;
  
  margin-bottom: 20px;
}

/* Style icons (assuming you're using Font Awesome) */
.page-layout .fa {
  font-size: 24px;
}

/* Apply a border to images */
.page-layout img {
  border: 1px solid #ccc;
  max-width: 100%;
  
  height: auto;
}

/* Example button style */
.page-layout .btn {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* Example form input style */
.page-layout input[type="text"],
.page-layout input[type="email"],
.page-layout input[type="password"],
.page-layout select {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}


/********************/
a{
    color:#456;
    font-weight:600;
    
}
li{
    color:#456;
     font-weight:600;
}
h2.wp-block-heading {
    
    font-size: 30px;
}
p.wp-block-heading{
    padding: 20px;
    font-size: 20px;
}

.bottom-bar1 .menu1 ul li {
    color: #456;
    padding-bottom: 10px;
    font-weight: 600;
}
.bottom-bar1 .menu1 ul li .sub-menu {
    background:none;
}

.bottom-bar1 .menu-item-has-children .sub-menu{
    position: initial;
    top: 100%;
    left: 100%;
    z-index: 1;
    box-shadow:none;
    padding: 10px;
    min-width: max-content;
}



.bottom-bar1 .menu1 ul li .sub-menu li {
    background:none;
}
.bottom-bar1 .menu1 ul li .sub-menu li a {
    
    background:none;
    color:#fff;
}
.bottom-bar1 .menu1 ul li a {
    color: #fff;
    font-weight: 900;
}


/***********88888/*/
/* Style the article container */
.az-article {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.2s ease-in-out;
}

.az-article:hover {
  transform: scale(1.02);
}

/* Style the image container */
.img-cont {
  flex: 1;
  margin-right: 20px;
  order: 1; /* Move the image to the left */
}

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

/* Style the post details section */
.post-details {
  flex: 2;
  order: 2; /* Move the details to the right */
}

/* Style the small details (author, date, category) */
.small-details {
    margin: 15px;
    box-shadow: 1px 2px 100px;
    padding: 8px;
    background: #cdcdcdbf;
    border-radius: 4px;
    border: 2px groove;
    justify-content: space-between;
    display: flex;
    color: #888;
    text-transform: uppercase;
    font-size: 14px;
}

.small-details h3 {
  margin: 0;
  font-size: 14px;
}

.author a,
.category a {
  text-decoration: none;
 
  
}

.author a:hover,
.category a:hover {
  color: #2980b9;
}

/* Style the title and content */
.title-content-button {
  margin-top: 20px;
}

.title h2,
.content p {
  margin: 0;
  color: #333;
}

.title a {
  color: #456;
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    letter-spacing: -.7px;
}

.title a:hover {
  color: #3498db;
}

/* Style the "Read More" button */
.button {
  margin-top: 10px;
  max-width: 150px;
}

.btn {
  display: inline-block;
  padding: 10px 15px;
  background-color: #3498db;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
}

.btn:hover {
  background-color: #2980b9;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
  .az-article {
    flex-direction: column;
  }

  .img-cont,
  .post-details {
    flex: 1;
    order: 0;
    margin-right: 0;
  }
}

.main-column {
    width:100%;
}

/**********************/
.main-content.clearfix {
    padding: 6px;
    display: flex;
    margin: 4px;
}


.sidebar-column {
    margin: 10px;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    box-shadow: 1px 2px 10px grey;
    
}
.footer-above .footer-widget p {
    font-family: calibri;
    line-height: 1.09;
    color: #002;
    font-weight: 700;
    letter-spacing: -.7px;
}
article.page-layout {
    padding-bottom: 20px;
    font-size: 18px;
    box-shadow: 10px 2px 10px #fff0;
}
li.cat-item.cat-item a{
	background: black;
	padding:3px;
    color: #fff !important;
    border-radius: 4px;
}

blockquote.wp-block-quote {
    font-style: italic;
    border-left: 5px solid chartreuse;
    margin: 10px;
}
blockquote.wp-block-quote p {
   background: chartreuse;
    font-weight: 700;
}
.footer-copyright-widget .widget_block p {
    font-size: 12px;
	font-weight:900;
    font-family: monospace;
}
.search-results-container {
    padding: 20px;
    
}
@media screen and (max-width:960px){
	.main-content.clearfix {
   
    display: block;
   
}
}
.widget-item {
    
    padding: 6px;
}
/********************/
.main-block-azakios {
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    padding: 25px;
    letter-spacing: -.7px;
    background: #303033;
}
.main-block-azakios .mba-f {
    padding: 20px;
    text-align: center;
    color: #fff;
}
.main-block-azakios .mba-f h1 {
    font-size: 50px;
    text-transform: uppercase;
    margin-top: 50px;
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    letter-spacing: -.7px;
}
.main-block-azakios .mba-f p {
    color: #afafaf;
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px;
    line-height: 1.09;
    letter-spacing: -.7px;
}
.main-block-azakios .mba-f a {
    font-size: 18px;
    color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 2px;
    background: #33f;
    padding: 10px;
    
}

/*******************/
/* Container for the cards */
.card-container {
    display: flex;
    justify-content: center;
}

/* Individual card styles */
.card {
    width: calc(25% - 20px); /* Adjust width to create 4 columns with spacing */
    margin: 20px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Responsive styling */
@media (max-width: 768px) {
    .card-container {
    display: block;
    text-align: -webkit-center;
}
    .card {
        width: calc(50% - 20px); /* On smaller screens, 2 columns */
    }
}

/* Heading and paragraph styles */
h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

p {
    font-size: 16px;
    color: #666;
}
/******************************************/

/* Outer div styles */
.outer-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    padding: 20px;
}

/* Inner column styles */
.inner-left, .inner-right {
    flex: 1;
    padding: 20px;
    text-align: start;
}

/* Heading and paragraph styles */
.inner-left h2  {
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 800;
    line-height: 1.09;
    margin-bottom: 10px;
}

.inner-left p {
    font-size: 20px;
    color: #666;
}

/* Image styles */
img {
    max-width: 100%;
    height: auto;
}


/****************/
/* Newsletter card styles */
.newsletter-card {
    margin: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 30px;
}
/* Heading and paragraph styles */
.newsletter-card h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.newsletter-card p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

/* Newsletter form styles */
.newsletter-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-form input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.newsletter-form button {
    background-color: #0073e6;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.newsletter-form button:hover {
    background-color: #005bb5;
}
/*********************************/
/* Testimonial card styles */
.hfdiv{
    text-align:center;
    padding:25px;
}
.testimonial-flex {
    
    display:flex;
    justify-content:space-around;
    padding:10px;
    
}
.testimonial-card {
    max-width: 400px; /* Adjust the maximum width as needed */
    margin: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

/* Testimonial content styles */
.testimonial-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

/* Testimonial author styles */
.testimonial-author img {
    max-width: 80px; /* Adjust the maximum width for the author image */
    border-radius: 50%; /* Make the author image circular */
}

.testimonial-author p {
    font-weight: bold;
    margin-top: 10px;
}

.footer-widget .widget-item ul li:hover {
    font-size: 18px;
    color: #456;
    list-style:circle;
    font-weight: 600;
}
/*****************************/
.wp-block-search__input {
   
    padding: 8px;
    border-radius: 0;
}
.wp-element-button {
    cursor: pointer;
    padding: 5px;
}
.post-content ul li {
    list-style:none;
}


	    /* Style the post container */
.post {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Style the featured image */
.featured-image img {
 width: 100%;
  height: auto;
}

/* Style the post title */
.post h2 a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.post h2 a:hover {
  color: #3498db;
}

/* Style the post meta information */
.post-meta {
    color: #888;
    font-size: 14px;
    border-radius: 6px;
    border: 1px groove;
    padding: 10px;
    box-shadow: 1px 2px 10px #cecbff;
    margin-top: 10px;
}
.post-meta a {
  text-decoration: none;
  color: #3498db;
  transition: color 0.3s ease;
}

.post-meta a:hover {
  color: #2980b9;
}

/* Style the post content */
.post-content p {
  line-height: 1.6;
  margin-top: 20px;
  color: #333;
  font-size: 16px; /* Adjust the font size */
  font-family: 'Arial', sans-serif; /* Specify the desired font family */
}

/* Responsive design */
@media screen and (max-width: 768px) {
  .post {
    padding: 15px;
  }
}
@media screen and (max-width:960px)
{
    .testimonial-flex {
    
    display:block;
    text-align:-webkit-center;
    padding:10px;
    
}
}

/************side***********/
/* Style for the popular posts container */
.popular-posts-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
}

/* Style for each popular post */
.popular-post {
    flex-basis: calc(50% - 10px); /* Two posts per row with 10px spacing between them */
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Style for the post image */
.popular-post .post-image img {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
}

/* Style for the post content */
.popular-post .post-content {
    padding: 15px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
}

/* Style for the post title */
.popular-post .post-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 0;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    .popular-post {
        flex-basis: 100%; /* Full width on smaller screens */
    }
}