/* ========== Responsive CSS ========== */
:root {
  --mobile-container-width: 85%;
}
/* ===== Desktop ===== */
@media only screen and (min-width: 1000px) {
  /* == Header == */
  #header-outer .container {
    max-width: 100%;
  }
  .nectar-slider-wrap,
  .swiper-container,
  .swiper-wrapper,
  .swiper-slide {
    min-height: 600px !important;
    max-height: 66vh !important;
  }
  .nectar-slider-wrap.loaded .swiper-slide .content {
    top: 18vh !important;
  }
  /* == Retailers == */
  .retailers-wrapper {
    margin-left: min(20%, 8rem);
    margin-right: min(20%, 8rem);
  }
  /* == Play Cart == */
  .play-cart-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .play-cart-row .wpb_column {
    flex: 3;
    gap: 2rem;
  }
  /* .play-cart-row .wpb_column:last-child {
    flex: 4;
  } */
  /* .play-cart-row .wpb_column:last-child .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } */
  #footer-credits-mobile { display: none; }
  /* == Geek Gallery == */
  body .geek-gallery-control {
    padding-right: 90px;
    padding-left: 90px;
  }
  body #tomb-raider-collection .image-slide-column img {
    margin-top: 7.5vh !important;
  }
  body .text-slide-column {
    padding-left: 90px;
  }
  body .image-slide-column {
    padding-right: 90px;
  }
  .hide-on-desktop {
    display: none;
  }
  .numbered h2 {
    font-size: min(48px, 2.2vw) !important;
  }
  body .geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab > span {
    font-size: min(24px, 1.5vw);
    flex: initial;
  }
  .margin-left-games-like {
    margin-left: -40px !important;
  }
}
/* ===== Medium Desktop -> Specific ===== */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  body .geek-gallery-control .geek-gallery-control-title,
  body .geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab > span {
    font-size: min(24px, 1.5vw);
  }
}
/* ===== Small Desktop -> Specific ===== */
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  /* .play-cart-row .wpb_column:last-child {
    flex: 5;
  } */
  body .geek-gallery-control .geek-gallery-control-title,
  body .geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab > span {
    font-size: min(24px, 1.5vw);
    flex:4;
  }
  body .geek-gallery-control .geek-gallery-control-title {
    flex: 2;
  }
  .geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab::before {
    flex: 2 !important;
    width: 40px !important;
    height: 51px !important;
  }
  .ec-column-link .divider {
    max-height: min(10vh, 200px) !important;
  }
  .margin-left-games-like {
    margin-left: 0px;
  }
  .image-max-width-games-like {
    max-width: 80% !important;
  }
  .social-icons-footer .col {
    gap: 8px;
  }
}
/* ===== Mobile ===== */
@media only screen and (max-width: 999px) {
  :root {
    /* Custom Sizes */
    --filter-col: 30%;
  }
  .hide-on-mobile {
    display: none;
  }
  /* == Header == */
  body #header-outer {
    margin-bottom: 0;
    padding: 0px 0;
  }
  /* == Navigation == */
  body #slide-out-widget-area.slide-out-from-right-hover,
  .admin-bar #slide-out-widget-area.slide-out-from-right-hover {
    z-index: 99999;
    width: min(300px, 75vw);
    padding: 1rem 1rem 1rem 3rem;
  }
  body #slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
    min-width: auto;
    width: 100%;
  }
  .slide_out_area_close .close-wrap,
  #top .slide-out-widget-area-toggle a {
    background-image: url(/wp-content/uploads/2024/03/menu-hamburger.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 24px;
    height: 24px;
  }
  .slide_out_area_close .close-wrap span,
  #top .slide-out-widget-area-toggle a span {
    display: none !important;
  }
  body #slide-out-widget-area {
    background-color: var(--nectar-black);
    border-left: 5px solid var(--nectar-accent-color);
  }
  body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
    color: var(--nectar-white);
    font-family: var(--type-light);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    padding: 1rem 0;
  }
  body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:after {
    border-color: var(--nectar-accent-color);
  }
  #slide-out-widget-area .ocm-dropdown-arrow {
    top: 50% !important;
  }
  /* == Slider == */
  .swiper-slide {
    display: flex;
    flex-direction: column;
  }
  .swiper-slide .slide-bg-wrap, 
  .swiper-slide .image-bg,
  .swiper-slide .slide-bg-wrap .slide-bg-overlay {
    position: relative;
    flex: 4;
  }
  .swiper-slide[data-bg-alignment="center"] .image-bg {
    background-position: center right;
    background-position: center right 12%;
    aspect-ratio: 16 / 9;
  }
  .swiper-slide .container {
    margin: 0;
    max-width: 100%;
    position: relative;
    display: inline-block;
    flex: 6;
  }
  body .container-wrap .swiper-container[data-tho="auto"][data-tco="auto"][data-pho="auto"][data-pco="auto"] .swiper-slide .content {
    bottom: 0;
    top: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: none;
    width: 100%;
    height: 100%;
    background-color: var(--nectar-white);
    padding: 20px 20px 3rem;
    color: var(--nectar-black);
  }
  body .swiper-slide .button.solid_color a, 
  body .container-wrap .input-group .wpcf7-form-control.wpcf7-submit[type=submit] {
    max-width: fit-content;
    margin: 0 auto; 
  }
  .swiper-slide .container h1,
  .swiper-slide .container h2,
  body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .container .content h1,
  body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .container .content h2 {
    color: var(--nectar-black) !important;
    font-size: 45px !important;
    line-height: 1 !important;
    text-shadow: none !important;
    max-width: 75vw;
    margin-bottom: 1rem;
  }
  body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .content p,
  body .swiper-slide .container p {
    font-size: min(16px, 4vw) !important;
    text-shadow: none !important;
    max-width: 75vw;
  }
  body .swiper-slide .button.solid_color a {
    font-size: 16px !important;
  }
  body .container-wrap .slider-pagination .swiper-pagination-switch {
    flex: 1;
  }
  body .swiper-container .slider-pagination-wrap {
    bottom: min(25px, 3dvh);
  }
  .alpha-slide-logo .container > .content:before {
    filter: invert(1);
    -webkit-filter: invert(1);
    
  }
  /* == Newsletter == */
  .input-group .newsletter-title {
    text-align: center;
    font-size: 32px;
    line-height: 1.2 ;
  }
  /* == Numbered == */
  .numbered {
    margin-bottom: 0 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 2.2rem !important;
  }
  .numbered .wpb_wrapper {
    justify-content: center;
  }
  .numbered .wpb_wrapper::before {
    font-size: 32px;
    line-height: 1.2;
    min-width: 35px;
    padding: 0.25rem 0.35rem;
  }
  /* == Testimonials == */
  .testimonials-section-wrapper > .testimonials-wrapper > .testimonial p {
    font-size: 22px;
  }
  /* == CF7 Forms == */
  .wpcf7-form {
    display: flex;
    flex-direction: column;
  }
  .input-row {
    flex-direction: column;
  }
  .input-group > p {
    /* width: auto; */
  }
  .submit-group > p {
    flex-direction: column;
  }
  
  body .container-wrap .input-group input.wpcf7-form-control, 
  body .container-wrap .input-group textarea.wpcf7-form-control, 
  body .container-wrap .input-group select.wpcf7-form-control {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* == Buttons == */
  body .nectar-button.small {
    padding: 0.5rem 2rem;
    font-size: 16px;
    font-weight: 400;
  }
  
  /* == Toggles == */
  .evercade-toggle-wrap .vc_column-inner {
    border-radius: 10px !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .evercade-toggle-wrap .toggles .toggle .toggle-title > a, 
  .evercade-toggle-wrap .toggles .toggle.open .toggle-title > a {
    padding-right: 4rem;
  }
  .evercade-toggle-wrap .toggles .toggle > .toggle-title i {
    right: 1rem;
  }
  .toggles {
    display: flex;
    flex-direction: column;
  }
  .evercade-toggle-wrap .toggles .toggle:nth-last-child(2):not(.open) {
    border-bottom: 1px solid var(--nectar-white) !important;
  }
  /* == Scrolling Carousel == */
  body .scrolling-carousel-item .scrolling-carousel-item-image {
    padding: 0 1.75rem;
  }
  /* == Retailers Filter == */
  .retailers-wrapper {
    gap: 40px;
    margin-right: 26px;
  }
  .minimal-results {
    display: grid;
  }
  .retailers-wrapper > a {
    width: 160px !important;
    /* justify-self: center; */
    margin: 0 auto;
  }
  /* == Cartridge Search == */
  .cartridge-search-filter .filter-search {
    flex-direction: column;
  }
  .cartridge-search-results {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .cartridge-item:hover {
    transform: scale(1);
  }
  /* == Games Table == */
  .games-table-wrap {
    /* overflow-x: scroll; */
  }
  /* == Footer == */
  .newsletter-footer {
    width: auto;
  }
  .newsletter-footer .input-row .input-group {
    align-items: baseline;
  }
  body .container-wrap .newsletter-footer .input-group .wpcf7-form-control.wpcf7-submit[type=submit] {
    margin: 0;
  }
  #footer-credits { display: none; }
  #footer-credits-mobile {
    text-align: center;
  }
  #footer-credits-mobile .col {
    justify-content: center;
  }
  #footer-credits-mobile .nectar_icon_wrap > .nectar_icon {
    padding: 0 !important;
  }
  #footer-credits-mobile .col p {
    padding-bottom: 0;
  }
  #footer-credits-mobile .col p:last-child {
    text-align: center !important;
  }
  #footer-credits-mobile .col p a {
    text-decoration: underline;
  }
  #footer-credits-mobile .col p a:nth-child(2) {
  }
  /* == DataTables == */
  body table.dataTable thead>tr>th.sorting:before, 
  body table.dataTable thead>tr>th.sorting:after, 
  body table.dataTable thead>tr>th.sorting_asc:before, 
  body table.dataTable thead>tr>th.sorting_asc:after, 
  body table.dataTable thead>tr>th.sorting_desc:before, 
  body table.dataTable thead>tr>th.sorting_desc:after, 
  body table.dataTable thead>tr>th.sorting_asc_disabled:before, 
  body table.dataTable thead>tr>th.sorting_asc_disabled:after, 
  body table.dataTable thead>tr>th.sorting_desc_disabled:before, 
  body table.dataTable thead>tr>th.sorting_desc_disabled:after, 
  body table.dataTable thead>tr>td.sorting:before, 
  body table.dataTable thead>tr>td.sorting:after, 
  body table.dataTable thead>tr>td.sorting_asc:before, 
  body table.dataTable thead>tr>td.sorting_asc:after, 
  body table.dataTable thead>tr>td.sorting_desc:before, 
  body table.dataTable thead>tr>td.sorting_desc:after, 
  body table.dataTable thead>tr>td.sorting_asc_disabled:before, 
  body table.dataTable thead>tr>td.sorting_asc_disabled:after, 
  body table.dataTable thead>tr>td.sorting_desc_disabled:before, 
  body table.dataTable thead>tr>td.sorting_desc_disabled:after {
    right: 4px;
  }
  body .container-wrap .main-content table tbody tr td, 
  body .container-wrap .main-content table thead tr th {
    padding-right: 1rem;
  }
  /* == Misc == */
  body .fixed-tablet-padding {
    padding-right: 4% !important;
    padding-left: 4% !important;
  }
  body.mobile .mobile-normal-height-row,
  body.mobile .mobile-normal-height-row > .col {
    min-height: fit-content !important;
  }
  .games-table-section-wrapper .dataTables_wrapper .dataTables_length select {
    width: fit-content;
  }
  body .container-wrap .main-content table.dataTable thead>tr>th.sorting:before, 
  body .container-wrap .main-content table.dataTable thead>tr>th.sorting:after {
    font-size: 9px !important;
    line-height: 0.95 !important;
    font-weight: 400 !important;
    width: 10px !important;
    height: 10px !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 499px) {
  .swiper-slide[data-bg-alignment="center"] .image-bg {
    /* background-position: center right;
    background-size: 195%; */
    background-position: center right 19%;
  }
}