/*
Theme Name:   Anymag Child
Theme URI:    http://3styler.net/themes/anymag/
Author:       3Styler
Author URI:   http://3styler.net/
Description:  Child theme, based on Anymag
Template:     anymag

*/

/* Add your custom code just below */
.menu-logo {
  height: 50px;
}
.menu-style ul li {
  list-style: none;
}
.ul {
  margin-bottom: 5px;
}
.post-entry ul.post-meta {
  margin-bottom: 5px;
}
h3 {
margin-bottom: 20px;
  line-height: 1em;
}
.selector svg {
  width: 100% !important;
  height: 100% !important;
}
.elementor-icon-list-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.ekit-post-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.elementor-icon-list-item {
  flex: 0 0 30%; /* Adjust this percentage to fit your layout */
  margin-bottom: 20px; /* Adjust spacing as needed */
  box-sizing: border-box; /* Ensure padding and border are included in the width and height */
}

/* Media queries for responsiveness */
@media (max-width: 992px) {
  .elementor-icon-list-item {
      flex: 0 0 47%; /* Two columns for medium screens */
  }
}

@media (max-width: 768px) {
  .elementor-icon-list-item {
      flex: 0 0 100%; /* One column for small screens */
  }
}
/* Heading Styles with Responsive Sizes */
h1 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}

h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 18px;
}

h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 16px;
}

h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 14px;
}

h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 12px;
}

/* Bold Text */
strong, b {
  font-weight: bold;
}

/* Span Text */
span {
  font-size: 16px;
  line-height: 1.5;
}

/* General Adjustments for Post Content */
p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

ul, ol {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Responsive Typography Adjustments */
@media (max-width: 1200px) {
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 16px;
  }
  p, ul, ol, span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  p, ul, ol, span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  p, ul, ol, span {
    font-size: 13px;
  }
}
/* for UM tab */
/* Base table styles */
.container-myaccount-view-results {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

/* Text alignment classes */
.c { text-align: center; }
.l { text-align: left; }
.tb-text-right { text-align: right; }

/* Button styles */
.tb-btn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    text-decoration: none;
}

.tb-btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    /* Adjust font sizes */
    .table {
        font-size: 14px;
    }
    
    .table th,
    .table td {
        padding: 0.5rem;
    }

    /* Hide duration column */
    .table th:nth-child(4),
    .table td:nth-child(4) {
        display: none;
    }

    /* Make the view button smaller */
    .tb-btn-sm {
        padding: 0.2rem 0.4rem;
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 480px) {
    /* Further reduce font size */
    .table {
        font-size: 12px;
    }

    .table th,
    .table td {
        padding: 0.4rem;
    }

    /* Adjust the ID column width */
    .table th:first-child,
    .table td:first-child {
        width: 40px;
    }

    /* Make score column more compact */
    .table td.c {
        white-space: nowrap;
    }
}