/*
 Theme Name:   Coverrr - Child
 Theme URI:    http://coverrr.com
 Description:  Coverrr - Child
 Author:       MM
 Author URI:   http://coverrr.com
 Template:     coverrr
 Version:      1.0.3
*/

html {
  font: 300 16px 'Inter', Arial, Helvetica, sans-serif;
  list-style: none;
  line-height: 1.6em;
  font-weight: 300;
}

:root {
  --cyan: #2adfb2;
  --bg_color: #fafafa;
  --font-primary: 'Inter', sans-serif;
  --accent-color: #2adfb2;
  --color-lightgrey: #edf2f9;
}

ul, li {
  margin: 5px;
  padding: 5px;
}

strong {
  font-size: 1em;
  font-weight: 400;
}

body {
  margin: 0;
  background-color: var(--bg_color);
}

/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------[ Typography ]----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, span, a {
  margin: auto;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1 {
  font-size: 3em;
  line-height: 1.2em;
}

a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  cursor: pointer;
}


/*---------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------[ Styled Typography]--------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_link {
  font-weight: bold;
  border-bottom: 2px solid var(--cyan);
  width: fit-content;
}

.cvr_link:hover {
  cursor: pointer;
}

.cvr_attribution,
.cvr_attribution a {
  font-size: 12px;
  font-weight: 300;
}

.cvr_attribution a {
  color: var(--cyan);
}

/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------[ Colors ]-----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.has-cyan-color {
  color: #2adfb2;
}

.has-black-color {
  color: #000;
}

.has-white-color {
  color: #fff;
}

.has-light-grey-color {
  color: #fafafa;
}

.has-medium-grey-color {
  color: #f5f5f5;
}

.has-transparent-color {
  color: rgba(0,0,0,0);
}

/* Backgrounds */
.has-cyan-background-color {
  background-color: #2adfb2;
}

.has-black-background-color {
  background-color: #000;
}

.has-white-background-color {
  background-color: #fff;
}

.has-light-grey-background-color {
  background-color: #fafafa;
}

.has-medium-grey-background-color {
  background-color: #f5f5f5;
}

.has-transparent-background-color {
  background-color:rgba(0,0,0,0);
}
/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------------[ Default Wordpress Elements ]---------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.wp-block-columns {
  margin-bottom: 3em;
}

.wp-block-embed-youtube {
  text-align: center;
}

.wp-block-group {
  display: flex;
  flex-direction: column;
  align-items: normal;
}
/*---------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------[ Body Parts ]---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_main {
  display: flex;
  flex-direction: column;
}

.cvr_margin {
  padding: 0 7vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cvr_group {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .cvr_group {
    flex-direction: column;
  }
}

.cvr_header {
  display: flex;
}

.cvr_accent,
.cvr_accent_centered {
  color: #2adfb2;
  width: 25%;
  max-width: 75px;
  margin-left: 0;
  margin-bottom: 1.2em;
}

.cvr_accent_centered {
  margin: auto;
  margin-bottom: 1.2em;
}

@media screen and (max-width: 600px) {
  .cvr_block__reverse {
    flex-direction: column-reverse;
  }
}

/* Loader */
.cvr_loader_container {
  display: none; /* Hide the loader container by default */
  align-items: center;
  justify-content: center;
}

.cvr_loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #000;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.cvr_loader_container.loading {
  display: flex; /* Show the loader container when loading */
}
/*---------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------[ Modals / Popups ]------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_modal {
  z-index: 3;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.cvr_modal_closer {
  text-align: right;
  position: absolute;
  right: 50px;
  top: 50px;
}

@media screen and (max-width: 600px) {
  .cvr_modal_closer {
    right: 25px;
    top: 25px;
  }
}

.cvr_modal_closer:hover {
  cursor: pointer;
}

.cvr_modal_open {
  overflow: hidden;
}

/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------[ Header ]-----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_header {
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 10px 25px;
}

/* Logo */
.cvr_logo {
  width: 120px;
}

.cvr_logo img {
  width: 100%;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  .cvr_logobox {
    padding: 10px 25px;
  }
}

/* Navigation */
.cvr_header__nav_1 {
  display: flex;
  gap: 50px;
}

.cvr_header__nav_1 b {
  font-weight: bold;
}

.cvr_header__nav_2 {
  display: flex;
  align-items: center;
  gap: 25px;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .cvr_header__nav_1 div span:first-child {
    display: none;
  }
}



/* Phone */
@media screen and (max-width: 768px) {
  .cvr_header {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .cvr_header__nav_1 {
    justify-content: space-evenly;
    width: calc(100% - 50px);
    padding: 0 25px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
  }

  .cvr_header__nav_1 div,
  .cvr_header__nav_2 div {
    padding: 20px 25px;
  }

  .cvr_header__nav_2 div {
    width: 100%;
    text-align: center;
  }

  .cvr_header__nav_2 .cvr_btn__s_cyan {
    text-align: center;
    display: block;
  }

  .cvr_header__nav_2 div:nth-child(2) {
    display: none;
  }
}

/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------[ Buttons ]----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_btn__s_cyan {
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--cyan);
  color: #fff;
}

.cvr_btn__s_black {
  display: inline-block;
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
}

.cvr_btn__o_black {
  display: inline-block;
  padding:  10px 20px;
  border: 1px solid #000;
}

.cvr_btn__loadmore {
  padding: 5px 20px;
  border: 0;
  font-size: .875em;
  font-weight: 600;
  border-radius: 5px;
  background-color: #e5e8eb;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.cvr_hover:hover {
  cursor: pointer;
}
/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------------------[ Spot Archive Page]-------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.cvr_main__taxonomy .cvr_section__spots {
  padding: 50px 0;
}

.cvr_main__taxonomy .cvr_group__loader {
  margin-top: 50px;
}

.cvr_main__taxonomy .cvr_group__spots {
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
}


/*--------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------[ Home ]---------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*---------------------[ HOME: Categories Carousel ]-------------------*/
/*---------------------------------------------------------------------*/
#cvr_home__categories {
  display: flex;
  gap: 50px;
  justify-content: flex-start;
  overflow: hidden;
  max-height: 400px;
}

#cvr_home__categories a {
  min-width: 300px;
  width: 300px;
}

#cvr_home__categories .cvr_spot_category__single {
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

#cvr_home__categories .cvr_spot_category__single_title {
  color: #fff;
  font-size: 1.25em;
  margin-bottom: 25px;
}

#cvr_home__categories .cvr_spot_category__single_title:after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background-color: var(--cyan);
  z-index: 99;
  margin: auto;
  margin-top: 15px;
}

@media screen and (max-width: 600px) {
  #cvr_home__categories {
    width: 100%;
  }

  #cvr_home__categories a {
    min-width: 100%;
  }
}

.cvr_section__categories {
  padding: 50px 0 25px 0;
}

.cvr_carousel_viewport {
  display: flex;
  overflow: hidden;
  position: relative;
}

.cvr_carousel_container {
  margin-left: -350px;
}

.cvr_carousel__nav {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  cursor: pointer;
  padding: 0 10px;
  border-radius: 10px;
}

.cvr_carousel__prev {
  background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0));
  left: 0;
}

.cvr_carousel__next {
  background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0));
  right: 0;
}

@media screen and (max-width: 600px) {
  .cvr_carousel_container {
    margin-left: 0;
  }
}
/*---------------------------------------------------------------------*/
/*-----------------------[ HOME: Spots, Posts ]------------------------*/
/*---------------------------------------------------------------------*/
.cvr_main__home .cvr_section__spots,
.cvr_main__home .cvr_section__posts {
  padding: 50px 0;
}

.cvr_main__home .cvr_group__spots,
.cvr_main__home .cvr_group__posts {
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
}

.cvr_main__home .cvr_group__loader {
  margin-top: 50px;
}

.cvr_main__home .cvr_section__posts {
  background-color: #f5f5f5;
}

.cvr_main__home .cvr_section__posts h2 {
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 35px;
}
/*---------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------[ Single - Spot ]------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

.cvr_spot_h1 {
  margin-bottom: 15px;
}

.cvr_spot__socials ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 600px) {
  .cvr_spot_h1 {
    font-size: 2em;
    line-height: 1.2em;
  }

  .cvr_spot_details_col:nth-child(4) {
    order: -1;
    margin-left: -10px;
  }

  .cvr_spot__infobar .cvr_spot_details_col {
    margin-bottom: 25px;
  }
}

/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------[ Post Comments ]-------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
.comments-area {
  font-size: 16px;
}

.comment {
  margin-top: 10px;
}

.comments-area .comment-list {
  margin: 0;
  padding: 0;
}

.comment-body,
.comment-respond {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fff;
  padding: 15px;
}

.comment-respond {
  margin-top: 5px;
}

.comments-area .comment-content p {
  margin-bottom: 10px;
  line-height: 1.2em;
  font-size: .875rem;
}

.comments-area .comment-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.comment-author {
  display: flex;
  gap: 10px;
}

.comments-area .avatar {
  width: 35px;
  height: 35px;
}

.comments-area .says {
  display: none;
}

.comment-metadata {
  font-size: .75em;
}

.comments-area .edit-link,
.comment-reply-link,
.comment-reply-title a,
.comments-area .comment-form .form-submit .submit
 {
  padding: 5px 10px;
  background-color: var(--accent-color);
  margin-left: 10px;
  font-size: .875em;
  border: 0;
}

.comment-reply-title a,
.comments-area .edit-link {
  background-color: var(--color-lightgrey);
}

.comment-reply-link
{
  margin-left: 0;
}

.comments-area .comment-form .form-submit .submit {
  margin: 0;
  padding: 7px 10px;
  cursor: pointer;
}

.comments-area .comments-title {
  font-size: 1.2em;
  margin-bottom: 15px;
}

.comments-area h3,
.comments-area .comment-reply-title {
  font-size: 1em;
}

.comments-area .logged-in-as {
  display: none;
}

.comments-area .comment-form-comment {
  display: flex;
  flex-direction: column;
}

.comments-area .comment-form-comment label {
  display: none;
}

.comments-area .comment-form-comment textarea {
  height: 6em;
}

.comments-area .depth-2 article {
  border-left: 1px solid #b0b9c6;
}

.comments-area .depth-3 article {
  border-left: 2px solid #b0b9c6;
}

.comments-area .depth-4 article {
  border-left: 3px solid #b0b9c6;
}

.comments-area .depth-5 article {
  border-left: 4px solid #b0b9c6;
}

.comments-area .depth-6 article {
  border-left: 5px solid #b0b9c6;
}

.comments-area .depth-7 article {
  border-left: 6px solid #b0b9c6;
}

.comments-area .depth-8 article {
  border-left: 7px solid #b0b9c6;
}

.comments-area .depth-9 article {
  border-left: 8px solid #b0b9c6;
}

.comments-area .depth-10 article {
  border-left: 9px solid #b0b9c6;
}