/* Responsive styles for tablets and small devices */
/* COLOR VARIABLES */
/* Tablets (min-width: 768px and max-width: 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .uk-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* Small devices (max-width: 767px) */
@media (max-width: 767px) {
  .uk-container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .uk-logo img {
    max-width: 200px;
  }
  .uk-navbar-toggle {
    color: #fff !important;
  }
  .uk-offcanvas-bar {
    background: #228B22 !important;
  }
  .uk-offcanvas-bar .menu-item a {
    color: #ADD8E6;
  }
  .uk-offcanvas-bar .menu-item .sub-menu .menu-item a {
    color: #FFFFFF;
    font-size: 0.8rem;
  }
  .uk-offcanvas-bar .menu-item.CTA {
    background-color: #4169E1;
    border-radius: 20em;
    border: none;
    box-shadow: inset 0 4px 6px -1px rgba(15, 122, 229, 0.104), 0 2px 4px -2px rgba(15, 122, 229, 0.104);
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.5em 1em;
    transition: all 100ms linear;
  }
  .uk-offcanvas-bar .menu-item.CTA a {
    color: #fff;
  }
  .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 10px;
  }
  .home .overlay-box .wp-block-cover__inner-container h2 {
    font-size: 1.5rem;
  }
  .page-template-template-internal-page .uk-section-default {
    padding-top: 10px;
  }
  .page-template-template-internal-page .uk-section-default .sidebar {
    text-align: center;
  }
  .page-template-template-internal-page .uk-section-default .sidebar .dropdown-button {
    background-color: #4169E1;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
  }
  .page-template-template-internal-page .uk-section-default .sidebar .dropdown-button .uk-icon {
    color: #FFFFFF;
  }
  #projects-listing .projects-list .project-item .uk-grid {
    margin-left: 0;
  }
}