@import'_variables';


* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: 'Work Sans', sans-serif;
  scroll-behavior: smooth;
  color: #000;
}

body a{
  color: $links;
  text-decoration: none;
  &:visited{
    color: $links;
}}
// Header Styles
header#masthead {
  margin-bottom: 1.5rem;
  padding-top: 1rem;

  // Site Branding
  .site-branding {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px 5px 0px 0px;
      padding: 0.5rem;
      background: #f1f1f1;

      .site-title a {
          color: #000000 ;
          font-size: 1.75rem;
          text-transform: uppercase;
          margin-right: 7px;

          &:hover {
              text-decoration: none;
          }
      }

      img.custom-logo {
          width: 150px;
          height: auto;
          
      }
  }

  // Main Menu
  .menu {
      background: #ffffff;

      a {
          padding: .75rem 1rem;
          color: #000;
          margin-right: 3px;

          &:hover {
              text-decoration: none;
              background: #e2e2e2;
          }
      }

      // Dropdown Symbol for Submenus
      .menu-item-has-children::after,.page_item_has_children::after {
              content: '⮟';
              position: absolute;
              top: 50%;
              right: 8px; // Adjust as needed
              transform: translateY(-50%);
              font-size: 12px;
          }
        
      }




  // Current Menu Item
  .current-menu-item {
      border-bottom: solid 2px grey;
      color: #000;
  }

  // Submenu Styles
  .main-navigation {
    width: 100%;
      ul {
        flex-wrap: wrap;
        border-radius: 0px 0px 5px 5px;
        
        justify-content: center;
          ul {
              display: inline-block;
              position: absolute;
              background: #ffff;

              a {
                  display: inline-flex;
                  padding: .75rem 1rem;
                  background-color: #ffff;

                  &:hover {
                      background: #ededed;
                  }

                  @media (max-width: 968px) {
                        display: block;
                        padding: .5rem .75rem; // Adjust padding for smaller screens
                        font-size: 1rem; // Adjust font size for smaller screens
              }
            }
               // Dropdown Symbol for Submenus
      .menu-item-has-children::after,.page_item_has_children::after {
        content: '⮟';
        position: absolute;
        top: 50%;
        transform: rotate(270deg) !important;
        right: 8px; // Adjust as needed
        transform: translateY(-50%);
        font-size: 12px;
    }
          }
      }
  }

  // Menu Toggle Button
  .menu-toggle {
      background: none;
      border: none;
      position: absolute;
      top: 10%;
      right: 2rem;

      img {
          width: 1.5rem;
          height: auto;
      }
  }

}

.entry-meta {
  margin-bottom: 0.5rem;
}


#primary {
  article {
    background: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 25px;
    border-radius: 20px;
  }

  a {
    text-decoration: none;
  }

  @media only screen and (max-width: 600px) {
    padding: 20px;
    margin-left: 0;
  }

  @media only screen and (max-width: 1024px) {
    margin: 0;
    padding: 0;;
  }
  
  .entry-title {
    a {
      text-decoration: none;
      color: #121212;
    }
  }
}

#secondary {
  background: white;
  color: rgb(27, 27, 27);
  border-radius: 20px;
  
  ul {
    list-style: none;
    margin: 0;
    
    li {
      padding: 10px 0;
      
      a {
        color: #1e73be;
      }
    }
  }
  
  .widget {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
  }
}



/* Footer Styles */
.site-footer {
  background-color: $footer-bg-color;
  color: $footer-text-color;
  padding: $padding 0;
  text-align: center;

  .footer-inner {
    max-width: $max-width;
    margin: 0 auto;
    padding: $padding;

    .footer-menu-container {
      margin-bottom: $padding;
    }

    #footer-menu {
      list-style: none;
      padding: 0;
      display: flex;
      justify-content: center;

      li {
        margin: 0 10px;

        a {
          color: $footer-text-color;
          text-decoration: none;
          font-size: 14px;

          &:hover {
            text-decoration: underline;
          }
        }
      }
    }
  }

  a {
    color: $footer-text-color;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  .footer-text {
    margin-top: 10px;
    font-size: 14px;
    color: $footer-link-hover-color;
  }
}