/*!
Theme Name: Access Nature for All
Author: Access Nature for All
Author URI: #
Description: NG wordpress theme
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: an_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*======= Gutenburg class Edjustments ==============
.alignfull = container-fluid (full body with)
.alignwide = container
.size-full = mini-container 
===============================================*/

main>.size-full,
main>*[class*="wp-block-"],
main>p {
  max-width: 856px;
  margin-left: auto !important;
  margin-right: auto !important;
  /* padding-left: 12px;
  padding-right: 12px; */
}

footer.site-footer {
  margin-top: var(--section-padding);
}

.page-id-2 footer.site-footer,
.page-id-663 footer.site-footer,
.page-id-28 footer.site-footer {
  margin-top: 0;
}

/* CONTAINER */
main .alignwide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 0;
}


@media (min-width: 768px) {
  main .alignwide {
    max-width: 720px
  }
}

@media (min-width: 992px) {
  main .alignwide {
    max-width: 960px
  }
}

@media (min-width: 1200px) {
  main .alignwide {
    max-width: 1140px
  }
}

@media (min-width: 1400px) {
  main .alignwide {
    max-width: 1320px
  }
}

@media (max-width: 768px) and (min-width: 420px) {
  main .alignwide {
    max-width: 100%;
  }
}

/* END CONTAINER */

main .alignfull,
.wp-block-group p {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.wp-block-group>*[class*="wp-block-"] {
  max-width: 100%;
}

.wp-block-heading b,
.wp-block-heading strong {
  font-weight: unset;
}

/*//////// Section Setting //////////////////////////*/

:root :where(.is-layout-flex) {
  gap: 1.5rem;
}

@media (max-width: 781px) {
  .wp-block-column:empty {
    display: none;
  }
}

.wp-block-columns,
.wp-block-group {
  padding-top: var(--section-padding);
}


.wp-block-group:has(+.color-section),
.wp-block-group:has(+footer),
.wp-block-group:has(+figure),
.wp-block-columns:has(+.color-section),
.wp-block-columns:has(+footer),
.wp-block-columns:has(+figure) {
  padding-bottom: var(--section-padding);
}

.wp-block-heading.alignwide {
  padding-top: var(--section-padding);
}

.wp-block-group .wp-block-heading.alignwide,
.wp-block-group .wp-block-heading.alignfull {
  padding-top: 0;
}

/*//////// End Section Setting //////////////////////////////*/

/*//////// Full screen image block //////////////////////////*/
.wp-block-image.alignfull.size-full,
.wp-block-image.alignfull.size-large {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: clamp(300px, 41.67vw, 800px);
  background-color: var(--light-gray);
  margin: var(--section-padding) 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wp-block-image.alignfull.size-full img,
.wp-block-image.alignfull.size-large img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

.wp-block-image.alignfull:has(+section),
.wp-block-image.alignfull:has(+.wp-block-group) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*//////// End Full screen image block //////////////////////*/

/*///////// For Blog Details ///////////////////////////*/
.wp-block-image.alignwide.size-large+.wp-block-group,
.wp-block-image.alignwide.size-large+p {
  padding-top: var(--sec-padding-sm);
}

.single-post .wp-block-group {
  padding-top: var(--size-40);
}

.single-post .wp-block-group:has(+figure) {
  padding-bottom: 0;
}

.wp-block-image.alignwide.size-large {
  margin-top: var(--sec-padding-sm);
  margin-bottom: 0;
}

.wp-block-image.alignwide.size-large img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  object-fit: cover;
  overflow: hidden;
  margin-bottom: 0;
}

@media (min-width:1200px) {
  .wp-block-image.alignwide.size-large img {
    height: 40vw;
  }
}

@media (min-width:1600px) {

  .wp-block-image.alignwide.size-large img {
    height: 55.875rem;
  }
}

.img-caption-block p,
.blog-content-sec .row .img-block+p {
  font-size: var(--small-text);
  color: var(--gray-color);
  line-height: 150%;
  margin-bottom: 0;
}

.wp-block-image :where(figcaption) {
  font-size: var(--small-text);
  color: var(--gray-color);
  line-height: 150%;
  text-align: left;
  margin-top: .5rem;
  margin-bottom: 0;
}

.single-post figure {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: var(--size-40) auto;
  border-radius: 16px;
}

.single-post .wp-block-columns {
  padding: var(--size-40) 0 0 0;
}

.single-post .wp-block-columns:has(+.wp-block-group),
.single-post figure:has(+.wp-block-group),
.single-post figure:has(+.wp-block-columns) {
  margin-bottom: 0;
}

.single-post .wp-block-group:last-of-type,
.single-post .wp-block-columns:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}

.single-post .wp-block-group:has(+hr),
.single-post .wp-block-columns:has(+hr),
.single-post .wp-block-heading:has(+hr),
.single-post p:has(+hr) {
  margin-bottom: var(--section-padding) !important;
}

.single-post figure img,
.single-post figure video,
.single-post figure iframe {
  width: 100%;
  border-radius: 16px;
}

.single-post figure video {
  aspect-ratio: 16 / 9;
}

.single-post .wp-block-heading {
  margin-top: var(--size-40);
  margin-bottom: .5rem;
}

.single-post .wp-block-columns figure {
  margin: 0;
  height: auto;
}

.single-post .wp-block-columns figure img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
}

.page-title-sec:has(+p),
.page-title-sec:has(+.wp-block-image),
.page-title-sec:has(+.wp-block-list),
.page-title-sec:has(+.wp-block-heading) {
  margin-bottom: var(--sec-padding-sm);
}

.page-title-sec:has(+.wp-block-image.alignfull.size-full) {
  margin-bottom: 0;
}

.single-post p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.single-post p:last-child {
  margin-bottom: 0;
}

.wp-block-columns .wp-block-list {
  padding-left: 18px;
}

@media (min-width: 768px) {

  .single-post hr,
  .single-post .content-box .container {
    max-width: 720px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 991px) {

  .single-post hr,
  .single-post .content-box .container {
    max-width: 856px;
    padding-left: 0;
    padding-right: 0;
  }
}


/*///////// End For Blog Details /////////////////////*/

/*///////// Column + Figur /////////////////////////*/
figure img,
.wp-block-columns figure img,
.wp-block-columns figure video {
  width: 100%;
  border-radius: 16px;
}

.wp-block-columns figure img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.wp-block-media-text {
  gap: 1.5rem;
}

.wp-block-media-text>.wp-block-media-text__content {
  padding: 0;
}

.wp-block-media-text .wp-block-list {
  padding-left: 18px;
}

/*///////// End Column + Figur /////////////////////*/

/*///////// End Column + Figur /////////////////////*/
blockquote,
blockquote p {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-family: var(--heading-font) !important;
  line-height: 2.375rem !important;
  color: var(--blue-color) !important;
  text-align: center;
  margin: 1.5rem 0 !important;
  padding: 0 1.875rem !important;
  border: 0 !important;
}

blockquote p {
  margin: 0 !important;
  padding: 0 !important;
}

/*///////// End Column + Figur /////////////////////*/


/*///////// RESPONSIVE ////////////////////////////*/
@media (max-width: 992px) {

  main>.size-full,
  main>*[class*="wp-block-"],
  main>p {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  .single-post main>*[class*="wp-block-"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .wp-block-columns figure img {
    height: auto;
    aspect-ratio: 16 / 11;
  }

  .single-post .wp-block-image.alignwide.size-large::after {
    content: "";
    display: block;
    width: calc(100% - 24px);
    height: 1px;
    border-bottom: 1px solid var(--input-border-color);
    margin-top: var(--section-padding);
  }

}

/* END 992PX */

@media (max-width: 768px) {

  main>.size-full,
  main>*[class*="wp-block-"],
  main>p {
    max-width: 100%;
  }

  .wp-block-image.alignwide.size-large+.wp-block-group,
  .wp-block-image.alignwide.size-large+p {
    padding-top: var(--section-padding);
  }

  .single-post .wp-block-image.alignwide.size-large {
    margin-top: var(--section-padding);
  }



  .single-post .wp-block-columns figure {
    float: none;
    width: 100%;
    text-align: center;
  }

  .single-post .wp-block-columns figure img,
  .single-post .wp-block-columns figure video {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .single-post .page-title-sec:has(+p),
  .single-post .page-title-sec:has(+.wp-block-heading) {
    margin-bottom: var(--section-padding);
  }

}

/* END 768PX */


/* Max - Min */
@media (max-width: 768px) and (min-width: 420px) {

  main>.size-full,
  main>*[class*="wp-block-"],
  main>p {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .single-post main>*[class*="wp-block-"] {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

/*///////// END-RESPONSIVE ////////////////////////*/