/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Contia
Author URI: https://contia.gr
Version: 4.0.6.1741612258
Updated: 2025-03-10 16:10:58

*/

.custom-accordion {
    width: 100%;
    margin: 0 auto;
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion-title {
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    padding: 5px;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #1D70B7;
    font-size: 1.71vw;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: background-color 0.3s ease;
}

.accordion-title:hover {
    font-weight: 800;
}

.accordion-content {
    font-family: "Poppins", Sans-serif;
    padding-top: 20px;
    padding-bottom: 15px; 
    padding-left: 5px;
    padding-right: 15px;
    font-size: 1.6vw;
    display:none; 
    transition: max-height 0.3s ease;
    color:black;
    text-align: justify;
    
}


.accordion-item.active .accordion-title{
    color:black;
}
.accordion-item.active .accordion-content {
    display: block; /* Show content when active */

}

.e-n-accordion-item-title-icon i {
    font-size: 1.5vw;
    color: #1D70B7;
}




.e-opened,
.e-closed {
    transition: opacity 0.3s ease;
}

#loadMore, #loadMoreIcon{
    font-size: 1.71vw;
    color: #1D70B7;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 768px) {
    .accordion-title {
      font-size: 20px; /* Adjust as needed */
    }
    
    .accordion-content {
      font-size: 17px; /* Adjust as needed */
    }

    .e-n-accordion-item-title-icon i {
        font-size: 20px;
    }
    #loadMore, #loadMoreIcon{
        font-size: 20px !important;
    }
  }

  .faq-search-form {
    display: flex;
    justify-content: center;
    background-color: white;
    border-radius: 5px;
    font-size: 1.71vw;
    

}

.search-box {
    position: relative;
    width: 600px;
}

.search-box input[type="text"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    font-size: 1.6vw;
    font-family: "Poppins", Sans-serif;
    outline: none;
    box-sizing: border-box;
}

.search-box button[type="submit"] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white !important;
    color: #1D70B7; 
    font-size: 1.51vw;
    border: none !important;
    padding: 0;
    cursor: pointer;
}

.search-icon {
    background-color: white;
    width: 20px;
    height: 20px;
}
.search-box button[type="submit"]:hover, .search-box button[type="submit"]:active{
    background-color: white;
}

@media (max-width: 768px) {
    .search-box input[type="text"]  {
      font-size: 15px; /* Adjust as needed */
    }
    .search-box button[type="submit"]{
        font-size:15px;
    }
}

.faq-results {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    font-size: 1.3vw;
  }
  
  .faq-results th,
  .faq-results td {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  .faq-results thead th {
    background-color: #f0f8ff;
    color: #1D70B7 !important;
    text-align: left;
  }
  
  .faq-results th:nth-child(1),
  .faq-results td:nth-child(1) {
    width: 20%;
  }
  
  .faq-results th:nth-child(2),
  .faq-results td:nth-child(2) {
    width: 30%;
  }
  
  .faq-results th:nth-child(3),
  .faq-results td:nth-child(3) {
    width: 50%;
  }

  @media (max-width: 768px) {
    .faq-results,
    .faq-results thead,
    .faq-results tbody,
    .faq-results th,
    .faq-results td,
    .faq-results tr {
      display: block;
      width: 100% !important;
      font-size:15px;
    }
    

    .faq-results thead {
      display: none; /* Hide table header */
    }

  }
  


#BlogID .elementor-button-content-wrapper, #MoreApps .elementor-button-content-wrapper{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
}

#BlogID .elementor-button-icon, #MoreApps .elementor-button-icon{
    order: 2;
    margin-top: 4px;
    display: flex;
    justify-content: center;
}

#BlogID .elementor-button-text #MoreApps .elementor-button-icon{
    order: 1;
    text-align: center;
}



.acf-custom-table {
  width: 95%;
  margin-left:2%;
  border-collapse: collapse;
  font-family: 'Poppins', sans-serif;
  text-align: center !important;
  font-size: 14px;
  color: #333;
}

.acf-custom-table thead {
  background: #fff;
  font-weight: bold;
}

.acf-custom-table th,
.acf-custom-table td {
  padding: 16px 12px;
  border-bottom: 1px solid #e0eaf3;
  text-align: center !important;
}

.acf-custom-table td{
  font-size: 1.146vw !important;
  text-align: center !important;
}

.acf-custom-table th {
  color: black;
  font-size: 1.094vw;
}

.acf-custom-table tbody tr:hover {
  background-color: #f9f9f9;
}

.acf-custom-table td:last-child {
  text-align: right;
}

.acf-table-button {
  background-color: #1d70b7ff;
  color: #fff;
  padding: 8px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.146vw;
  transition: background 0.3s ease;
  display: inline-block;
}

.acf-table-button:hover {
  color: white !important;
}

.acf-custom-table th {
  text-transform: none !important;
}

.last_cols{
  color: #1d70b7ff;
}


#loop-pricing {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

/* Mobile accordion style */
/* Mobile accordion style */
/* Mobile accordion style */
@media (max-width: 768px) {
  #loop-pricing {
    display: block;
    width: 100% !important;
    margin-top:0px;
  }

  #loop-pricing .e-loop-item {
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
  }

  #loop-pricing .elementor-page-title {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    display: inline-flex; /* Ensures the title and arrow stay on the same line */
    align-items: center; /* Vertically centers the text and arrow */
  }

  #loop-pricing .elementor-page-title::after {
    font-family: elementskit !important; /* Make sure the font family is correct */
    content: '\e994'; /* Unicode for down arrow */
    font-size: 18px;
    color: #1d70b7ff; /* Arrow color */
    margin-left: 8px; /* Adds some space between the title and the arrow */
    vertical-align: middle; /* Ensures the arrow is aligned with the text */
  }

  #loop-pricing .e-child {
    display: none; /* Hide by default */
  }

  #loop-pricing .elementor-page-title.is-active::after {
    color: grey !important;
}

  #loop-pricing .e-child.active {
    display: block;
  }

  .acf-custom-table {
    width: 100%;
    border: none;
    margin-left:0px;
  }

  .acf-custom-table thead {
    display: none;
  }

  .acf-custom-table td{
    font-size: 15px !important;
    text-align: center !important;
  }
  
  .acf-custom-table th {
    color: black;
    font-size: 14px !important;
  }

  .acf-custom-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #e0eaf3;
    border-radius: 12px;
    padding: 16px;
    background-color: #fff;
  }

  .acf-custom-table td {
    position: relative;
    padding: 12px;
    text-align: left !important;
    font-size: 14px;
    border: none;
  }

  .acf-custom-table td::before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
    color: #444;
    margin-bottom: 6px;
  }

  .acf-custom-table td:last-child {
    grid-column: 1 / -1;
    text-align: center !important;
    padding-top: 12px;
  }

  .acf-table-button {
    font-size: 14px;
    padding: 10px 24px;
  }

  #loop-pricing .e-child{
    border:none !important;
    background: none !important;
    box-shadow: none !important;
  }
  
}

@media (max-width: 767px) {
  #faq_page .e-filter {
    display: flex !important; /* Ensure it's a flex container */
    flex-direction: column !important; /* Stack items vertically */
  }

  #faq_page .e-filter .e-filter-item {
    display: block !important; /* Make each item take full width */
    width: 100% !important; /* Ensure they occupy the entire container width */
    margin-bottom: 5px; /* Optional: Add some space between the buttons */
  }

  .e-n-accordion-item-title-text{
    text-align: center !important;
  }

  #menu-1-a08f415 .trp-language-switcher-container{
    display:none !important;
  }
}

.sub-menu li{
  border-bottom:none !important;
}

.sub-menu li li a{
  color:black !important;
}

.trp-ls-language-name{
  font-weight: 600 !important;
}