/*
Theme Name: Swicon Jobs Theme
Theme URI: http://zerobug.hu
Author: Gyorgy Pocsi
Author URI: http://zerobug.hu
Description: Default theme for Swicon Jobs site.
Version: 1.0.0
License: 
License URI: 
Text Domain: adswstheme
*/

html {
  scroll-behavior: smooth;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  .homepage {
    background-color: var(--background-light, #fff);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }
  
  .hero-section {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 500px;
    width: 100%;
    height: 100%;
    align-items: center;
    margin: 1rem 0rem 2rem 2rem;
    filter: brightness(100%);
  }
  
  .hero-background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%; 
    object-fit: cover;
    object-position: center;
    filter: brightness(50%);
  }
  
  .hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    width: 100%;
    /*max-width: 1204px;
    height: 803px;*/
    flex-direction: column;
    align-items: start;
  }
  
  .nav-menu {
    align-self: stretch;
    display: flex;
    width: 100%;
    padding-right: 27px;
    align-items: start;
    gap: 20px;
    overflow: hidden;
    font-family: Poppins, sans-serif;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .logo {
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    height: 55px;
    /*width: 174px;*/
    max-width: 100%;
  }
    
  .hero-title {
    margin-top: 135px;
    font: 700 46px/61px Poppins, sans-serif;
    color: var(--text-light, #fff);
  }
  
  .hero-subtitle {
    font-size: 22px;
    font-weight: 500;
    color: var(--text-light, #fff);
    font-family: Inter, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 147.5%;
  }
  
  .swicon-blue {
    color: var(--primary, #058fa4);
  }
  
  .cta-button {
      display: flex;
      width: 10.5625rem;
      padding: 0.625rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      flex-shrink: 0;
      border-radius: 40px;
      color: #fff;
      font-family: Poppins, sans-serif;
      font-size: 14px;
      font-weight: semibold;
      background-color: var(--background-light, #61b8c4);
      text-align: center;
      line-height: 26.88px;
      cursor: pointer;
  }

  .action-button {
    display: flex;
    min-width: 104px;
    height: 40px;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex-shrink: 0;
    border-radius: 20px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 0.75rem;
    font-weight: semibold;
    background-color: var(--background-light, #61b8c4);
    text-align: center;
    cursor: pointer;
    line-height: 26.88px;
}

  
  .category-section {
    color: var(--text-dark, #000);
    font: 700 46px/1 Garamond, sans-serif;
  }
  
  .category-divider {
    aspect-ratio: 22.22;
    object-fit: contain;
    object-position: center;
    width: 290px;
    fill: var(--text-dark, #000);
    max-width: 100%;
  }
  
  .main-content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 43px 80px 0;  
  }
  
  #homebanner::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.mont {
  font-family: Montserrat, sans-serif;
}

.popp {
  font-family: Poppins, sans-serif;
}

.gara {
  font-family: Garamond, sans-serif;
}

.inter {
  font-family: Inter, sans-serif;
}

.swiconlink {
  color: var(--primary, #1e9c98);
}

button:disabled,
button[disabled]{
  background-color: #cccccc;
  color: #666666;
}

.swiconbackcolor {
  background-color: var(--background-light, #f5f8f8) !important;
}

.post-content ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 20px;
}

.menu-btn-style {
    background-color: #058fa4;
    color: white !important; 
    border: 1px solid black !important;  
    border-radius: 8px;
    margin-top: 4px;
    margin-bottom: 4px;  
    padding: 4px 16px !important;    
    text-align: center;
    transition: 0.3s;  
    display: inline-block;
}

.menu-btn-style:hover {
    opacity: 0.8;
    text-decoration: none;
}

.menu-btn-style2 {
    color: white !important; 
    border: 1px solid #058fa4 !important;  
    border-radius: 8px;
    margin-top: 4px;
    margin-bottom: 4px;  
    padding: 4px 16px !important;    
    text-align: center;
    transition: 0.3s;  
    display: inline-block;
}

/* WordPress Block Editor Styles for generic-container */
.generic-container p,
.generic-container .wp-block-paragraph {
    margin-bottom: 1.5rem;
}

.generic-container h1,
.generic-container .wp-block-heading h1 {
    font-size: 2.25rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.generic-container h2,
.generic-container .wp-block-heading h2 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    line-height: 1.25;
}

.generic-container h3,
.generic-container .wp-block-heading h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.generic-container h4,
.generic-container .wp-block-heading h4 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.generic-container ul,
.generic-container .wp-block-list {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.generic-container ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.generic-container li {
    margin-bottom: 0.5rem;
}

.generic-container a {
    color: var(--primary, #058fa4);
    text-decoration: underline;
}

.generic-container a:hover {
    text-decoration: none;
}

.generic-container blockquote,
.generic-container .wp-block-quote {
    border-left: 4px solid #e5e7eb;
    padding-left: 1rem;
    font-style: italic;
    color: #4b5563;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.generic-container figure,
.generic-container .wp-block-image {
    margin-bottom: 1.5rem;
}

.generic-container figcaption {
    font-size: 0.875rem;
    color: #6b7280;
    text-align: center;
    margin-top: 0.5rem;
}

.generic-container strong,
.generic-container b {
    font-weight: 700;
}

.generic-container em,
.generic-container i {
    font-style: italic;
}

.generic-container .has-text-align-center {
    text-align: center;
}

.generic-container .has-text-align-right {
    text-align: right;
}

.generic-container .has-text-align-left {
    text-align: left;
}