/***********************
 Accordion
***********************/
.accordion-wrap .accordion-toggle {
  position: relative;
}
.accordion-wrap .accordion {
  background-color: transparent;
  position: absolute;
  top: -12px;
  right: 0;
}
  .accordion img {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
}
.accordion-wrap .accordion.collapsed img {
  transform: rotate(-180deg);
}


/***********************
 Header
***********************/

/* Mobile User info */
.mobile_user-info {
  display: none;
}
@media (min-width: 320px) and (max-width: 786px) {
  .mobile_user-info {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
  }
  .mobile_user-info .user-profile li:first-child span,
  .mobile_user-info .user-profile li:not(:first-child),
  .user-profile ul li:not(:last-child):after {
    display: none;
  }
}



/***********************
 Dashboard
***********************/

/* Mobile footer */
.dashboard_mobile-logo {
	text-align: center;
	background-color: var(--color-primary);
}
.dashboard_mobile-logo img {
	width: 80%;
	max-width: 200px;
}
.site_wrap .dashboard_mobile-logo {
	display: none;
}


/***********************
 Browser page - Mobile Changes
***********************/

/* Explorer Swiper */
@media (min-width: 320px) and (max-width: 786px) {
	.explore-swiper {
		height: auto;
	}
		.explore-swiper .swiper-slide .content_area {
		padding: 0 2.25rem 2rem;
	}
	.explore-swiper .swiper-button-next,
  .explore-swiper .swiper-button-prev {
		width: 18px;
    height: 18px;
    top: 76%;
	}
  .page-browse .explore-swiper .swiper-button-next {
    right: 15px;
  }
  .page-browse .explore-swiper .swiper-button-prev  {
    left: 15px;
  }
	.explore-swiper .swiper-slide .content_area .content_footer .btn {
    background: #fff;
    color: var(--color-primary);
    border-radius: 24px;
    font-weight: 600;
    font-size: .7rem;
	}
	.explore-swiper .swiper-slide .content_area .content_footer .btn:hover {
		background: var(--color-primary);
		color: #fff;
	}
  .explore-swiper .swiper-slide .content_area .content_footer span {
    font-size: 0.6rem;
  }
  .explore-swiper .swiper-slide .content_area .content_footer .credit svg {
    height: 18px;
    width: 18px;
  }
}

/* Cards */
.browse .cards .item .card-title {
  margin-bottom: 0.5rem;
}
.browse .cards .item .card-body,
.browse .cards .item .card-meta {
  padding: 1rem;
}
.browse .cards .item .card-body {
  padding-top: 0.5rem;
}
@media (min-width: 320px) and (max-width: 786px) {
  .browse .cards .item .card {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .browse .cards .item .card-img {
    width: 40%;
    height: auto !important;
  }
  .browse .cards .item .card-img img {
    width: 100%;
  }
  .browse .cards .item .card-body {
    width: 60%;
    padding-bottom: 0;
  }
  .browse .cards .item .card-meta {
    width: 100%;
    padding-top: 1.5rem;
  }
  .browse .cards .section-footer {
    padding-top: 0;
  }
  .browse .cards .section-footer a {
    padding: 0;
  }
}
@media (min-width: 320px) and (max-width: 360px) {
  .browse .cards .item .card-img,
  .browse .cards .item .card-body {
    width: 50%;
  }
}

/***********************
 Site Footer
***********************/

/* Accordion section */
@media (min-width: 787px) {
  .site-footer .accordion,
  .site-footer .social-title {
    display: none !important;
  }
  .site-footer .collapse {
    display: block !important;
  }
}

@media (min-width: 320px) and (max-width: 786px) {

  /* Accordion section */
  .site-footer .row {
    flex-direction: column;
  }
  .site-footer .row .col-sm-2 {
    max-width: none;
    margin: 1.2rem 0 0;
  }
  .site-footer .widget-title {
    text-transform: uppercase;
  }
  .site-footer .accordion-wrap {
    border-bottom: 1px solid #d8e0e7;
  }
  .site-footer .col-sm-4,
  .site-footer .col-sm-2 {
    padding: 0;
    max-width: none;
  }
  .site-footer .accordion-wrap {
    padding: 0 15px;
  }
  .site-footer .social {
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
  .site-footer .container .btn {
    margin-bottom: 1rem;
  }
  .site-footer  .footer-widgets .container {
    max-width: none;
  }

  /* Logos Section */
  .site-footer .footer_logos {
    --gap: 2rem;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto;
    gap: var(--gap);
  }
  .site-footer .footer-bottom ul li a {
    font-size: 0.6rem;
  }
  .site-footer .footer_logos .logo_wrap {
    margin: 0;
    width: calc(50% - var(--gap));;
    /* padding: 20px; */
  }
  .site-footer .footer_logos .logo_wrap:first-child {
    width: 100%;
    margin: 0 25% 0;
  }
  .site-footer .footer_logos .logo_wrap img {
    width: 100%;
    max-width: 200px;
  }
}