:root {
  --size-300: 0.75rem;
  --size-400: 1rem;
  --size-500: 1.33rem;
  --size-600: 1.77rem;
  --size-700: 2.36rem;
  --size-800: 3.15rem;
  --size-900: 4.2rem;
   --swiper-theme-color: #f8f8f8;
}

html{scroll-behavior: smooth;}

body.page-template-page-info,
body.post-template-info-room-solo,
body.info_room-template-info-room-solo {
  background-color:#0f0f0f;
  /* color:#6d6d6d; */
  color:#9C9C9C;
  color: #D4D4D4;
  
  margin:initial;
}
body.page-template-page-info{  
  font-family: aReg, serif;
  font-style: normal;
  font-weight: 400;
/* 		  font-family: hn65, serif; */
}
em{
  color:#C7C7C7;
  line-height:1.8em;
}

body{
	overflow-x:hidden;
}
h1, h2, h3, h4{
	font-weight: normal;
}

a:link,a:hover, a:visited, a:active{
	color:#f8f8f9;	
	text-decoration:none;
}

.contents .ac-label

.menu-open{
	z-index:200;
}

.afd-header.active{
	background-color:transparent;
}
.afd-header.active{
	background-color:#0f0f0f;
}
.afd-header{
  background-color:#0f0f0f;	
}
.afd-header li a{
	opacity:0.3;
}
.afd-header li.active a{
	opacity:1;
}

.inline-content .topic{
	text-transform: uppercase;
	font-weight: bold;
	font-size: small;
	display:inline-block;
/* 			margin-top:100px; */
	margin-left: initial;
}
.inline-content header h2{
	max-width: 20ch;
	font-size:3.8rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.inline-content header p{
	font-size:1.33rem;
	line-height:1.7em;
}
.inline-content header > *{
	margin-left: initial;
	margin-right: initial;
}

@media only screen and (min-width:768px){
	.inline-content .topic,
	.inline-content header > *{
	  margin-left: 18.0895%;
	}

	.inline-content header > *{
	  margin-right: 18.0895%;
	}

}
.contents .ac-label,
.contents .inline-content .ac-label{
	/* padding-left:30px; */
	/* padding-right:30px; */
	/* padding-top:28px; */
	/* padding-bottom:28px; */
}

body.page-template-info-room-solo .ac-label::after, 
body.page-template-info-room-solo .ac-input:checked + .ac-label::after,
body.post-template-info-room-solo .ac-label::after, 
body.info_room-template-info-room-solo .ac-label::after,
body.post-template-info-room-solo .ac-input:checked + .ac-label::after,
body.info_room-template-info-room-solo .ac-input:checked + .ac-label::after,
body.page-template-page-info .ac-label::after, 
body.page-template-page-info .ac-input:checked + .ac-label::after {
	/* line-height:2.285em; */
}
.contents .ac:before,
.inline-content .ac:before {
	top:0;
}

.contents .ac-label,
.inline-content .ac-label{
	margin-bottom:initial;
}

.inline-content .ac-label hr {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    transform: translateY(2px);
    display: inline-block;
    width: 27px;
    border-color: #6d6d6d;
}
.contents .details .ac-text, 
.contents .details .ac-sub-text{
	margin-bottom:initial;
}

.contents .details .ac-text{
  width:100%;
}



.contents .details > .ac > .ac-text .ac > .ac-text {
	padding: 0 30px;
}

.contents .details > .ac > .ac-input:checked ~ .ac-text img{
	margin:2em auto;
}
  			  	      		
.inline-content .ac-input:checked ~ .ac-text,
.ac-text .ac-input:checked ~ .ac-text  {
	padding-bottom: 1.5em;
}

.ac-text footer{
	width:95%;
	margin:auto;
	margin-bottom:55px;
/* 	margin-top:100px; */
}

@media screen and (min-width: 576px){
	.ac > footer > .ac{
		width:55%;
		max-width:360px;
		margin:55px auto;
	}	
}
@media screen and (min-width: 1112px){
	.ac-text footer{
		width:55%;
/* 		max-width:360px; */	  
	}
	
	.ac > footer > figure{
		width:100%;
	}
	.ac > footer > .ac{
		margin:100px auto;
	}
}

.ac-text footer .ac::after {
	display:none;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-top: solid 1px #a2a2a2;
}	  		
section.contents .ac-text footer.hide{
	display:none;
	visibility:hidden;		  	
}	  		
section.contents .ac-text footer ul{
	display:block;
	width:100%;
	margin:initial;
	padding-left: 30px;
	justify-content: flex-start;
	font-size: inherit;
}

section.contents .ac-text footer ul a{
	color:#6d6d6d;
	text-decoration:none;
}
section.contents .ac-text footer ul a:hover{
	color:#fff;
	text-decoration:underline;
}


.hero{
	position:relative;
    background-image:url(//alliedfeather.com/wp-content/uploads/2021/06/AFD_InfoRoom_Hero.min_.jpg);
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    min-height:90vh;
    display:flex;
    flex-direction:column;
    align-content: center;
    justify-content: center;
	/*margin-bottom:120px; */
}

@media screen and (max-width: 720px){
  .hero.tease,
  body.post-template-info-room-solo .hero,
  body.info_room-template-info-room-solo .hero{
	min-height:25vh;
  }
}


.hero.featured, 
.hero.tease{
  background-image:none;
  margin:initial;   
}

.hero.featured h4{
    position:relative;
    font-family:hn65;
    font-size: 12vw;    
	line-height: 0.9em;
    max-width:100%;
    margin:auto;
}



@media screen and (min-width: 720px){
	.hero.featured h4{
	  font-size: 3.5em;
	  max-width:60%;	
	}
	
}
@media screen and (min-width: 720px) and (min-height: 480px){
	.hero.featured h4{	 
	  max-width:40%;	
	}
}
@media screen and (min-width: 1440px){
	.hero.featured h4{
	  max-width:30%;	
	}
}

.hero.featured h4:after{
  content:'COMING SOON';
  display:block;
  font-size:10px;
  color:#fff;
  letter-spacing:1em;   
}      	    

.hero.tease{
  margin-top:150px;
  background-image:url(//alliedfeather.com/wp-content/uploads/2023/03/AFD_InfoRoom_HeroTeaser.min_.jpg);
}

.hero h1,
.hero h4{
    font-size: 3em;
	text-transform: uppercase;
color: #fff;
    width:95%;
    max-width:60ch;
    text-align:center;
    font-style: normal;
    line-height:1.2em;
    margin:auto;
}

body.page-template-page-info h1,
.hero h1{
	font-size:3em;
	text-transform: uppercase;
	color:#fff;
	margin:initial;
	margin:auto;
}

.hero h4{
/*
    color:#474747;
    font-size:small;
    margin-top:80px;
    margin-bottom:20px;
*/
}

.hero div{
/*     width:100%; */
/*     margin:auto; */
/*     margin-top:initial; */
}

.scroll-prompt{
	transform:translateX(-50%);
}

.hero div header,
.hero div h2,
.hero div p{
/*     width:80%; */
}

.hero .snippet > *:not(figure){
    padding:0 0 0 10%;
}

/*       	    .twoup .snippet p, */
.singles p,
.tiles > div video{
    display:none;
    visibility: hidden;
}

.hero figure{
    margin:initial;
    width:25%;
    margin:auto;
    background-image: url(//alliedfeather.com/wp-content/uploads/2021/06/AFD_InfoRoom_Hero.min_.jpg);
}      	    

.hero figure div.logo{
    margin:auto;
/* 		    mix-blend-mode: difference; */
}

.hero figure div img{
    width:100%;
}

.hero .figure .figcaption{
    display:none;
}
.intro{
    display:flex;
    flex-direction:row;
}
.intro > *{
    width:50%;
    padding:10%;
    font-size:1.4em;
}
.intro h2{
    text-align: center;
}

.twoup{
/* 		  padding:0 5% 80px 5%; */
/*	  padding-bottom:80px; */
/*   padding:25vh 0; */
  min-height:auto;
  display:flex;
  flex-direction:column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.twoup > div{
	/*width:24.75%; */
	width:100%;
	padding:45px 5%;
    margin:auto;
    margin-top:30px;
}


body.page-template-page-info .site-main article.twoup{
	min-height:70vh;
	overflow:hidden;
}

.twoup .snippet{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	margin:auto;
}

@media only screen and (min-width:1112px){
    body.page-template-page-info .site-main article.twoup{	  
	  /*padding:0 10% 80px 10%; */
	  display: flex;
	  height: 70vh;
	  max-height: 1080px;
	  flex-direction: row;
    }
    .twoup .snippet{
	  
/* 	  min-height: 65vh; */
      padding:0 12%;	
/* 	  padding-top:130px; */
/* 	  background-color:rgba(170, 170, 170, 0.15); */
	}
	.twoup .snippet:nth-child(1){
/* 		background-color:rgba(0,255,0,0.05); */
	}
	.twoup .snippet:nth-child(2){
/* 		background-color:rgba(255,0,0,0.05); */
	}
	.twoup > div{
	/*width:24.75%; */
	width:50%;
	padding:initial;
    margin:auto;
    margin-top:initial;
	}
    .twoup .snippet p,
    .singles p,
    .tiles > div video{
	    display:block;
	    visibility: visible;
    }
}

body.page-template-page-info .site-main article.hero,
body.page-template-page-info .site-main article.twoup{	
	/*q2 2023*/
	display:none;
	visibility: hidden;
}

body.page-template-page-info .site-main article.hero.tease{
	display:block;
	visibility: visible;
}

.hero div header,
.twoup > div header{
    font-size: 10px;
    width:60%;
}

.twoup > div *:not(figure){
	position:relative;
	z-index:10;
}

@media only screen and (min-width:768px){
    .hero div header,
    .twoup > div header{
      font-size: 14px;
    }
}

.twoup > div:first-child{
/* 		    margin-left:initial; */
}
.twoup > div:last-child{
/* 		    margin-left:initial; */
}

.hero figure,
.twoup figure{
    width:100%;
/*     height:500px; */
    margin:initial;
/*     margin-bottom:1.4949em; */
/* 		    background-color:#FF4136; */
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
}

.twoup figure{
	position:absolute;
	z-index: 0;
	left:0;
	height: 100%;
	opacity:0.15;
/*   height: initial; */
/*   padding-top:66%; */
}
@media only screen and (min-width:1112px){
    .twoup figure{
/*       height: initial; */
/*       padding-top:100%; */
    }
}

.twoup .snippet:nth-child(1) figure{
    background-image: url(//alliedfeather.com/wp-content/uploads/2021/04/GoldOnDown.jpeg);
}
.twoup .snippet:nth-child(2) figure{
    background-image: url(//alliedfeather.com/wp-content/uploads/2020/06/AFD_00_Home_innovation-alt-scaled.jpg);
}

.hero .snippet h2,
.twoup .snippet h2{
    margin:initial;
    font-family: hn65,serif;
    text-transform: uppercase;
    font-size: 23px;
	line-height: 0.95em;
	width:60%;
}

.hero .snippet p,
.twoup .snippet p{
/*     font-size: 1.35rem; */
  font-size:15px;
  line-height:1.33em;
    line-height:1.7em;
    max-width: 90ch;
    margin-top:1.7em;
}


.tiles{
    padding:1% 5%;
    min-height:55vh;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tiles > div,
.threeup div.singles div{
    position:relative;
    background-color:rgba(170, 170, 170, 0.1);
    width:27.6%;
    padding:2.5% 1%;
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;

    text-align:center;
    transition:background 500ms ease;

	width:47.5%;
    min-height:150px;
    margin-bottom:5%;
}
.threeup div.singles div{
    min-height:auto;
}
@media only screen and (min-width:768px){
    .tiles{
      padding:1% 10%;
    }
    .tiles > div{
      min-height:150px;
      margin-bottom:8.60625%;
	}

	.tiles > div{
	  margin-right:auto;
	}
	.tiles > div{
      width:32.2%;
    }
}

.tiles > div > p{
    display:none;
}

.tiles > div:nth-child(1n),
.threeup div.singles div:nth-child(1n){
    margin-left:initial;
}
.tiles > div:nth-child(1n){
    overflow:hidden;
}
.tiles > div:nth-child(1n) strong,
.tiles > div:nth-child(1n) p{
    position:relative;
    z-index:10;
}

.tiles > div:nth-child(2n){
	margin-right:initial;
}

@media only screen and (min-width:768px){
    .tiles > div:nth-child(1) video,
    .tiles > div:nth-child(5) video,
    .tiles > div:nth-child(9) video{
	    position:absolute;
	    opacity:0.2;
	    z-index:0;
		width:100%;
		filter:greyscale(1);
		transition:opacity 250ms ease;
	}
	.tiles > div:nth-child(1),
	.tiles > div:nth-child(5),
	.tiles > div:nth-child(9){
	  background-color:transparent;
	}
	.tiles > div{
    	margin-bottom:initial;
	}
	.tiles > div:nth-child(3n){
    	margin-right:auto;
	}
	.tiles > div:nth-child(2n){
		margin-right:auto;
	}
}

.tiles > div:hover video{
    opacity:0.05;
}
.tiles > div:hover{
    background-color:rgba(170, 170, 170, 0);
}

.threeup{
/* 		  padding:6% 80px; */
  padding:6% 5%;
}

@media only screen and (min-width:768px){
    .threeup{
	/*padding:6% 80px; */
	  padding:6% 10%;
    }
}

.threeup > div:first-child{
    position:relative;
    width:fit-content;
    display:block;
}

.threeup select{
    position:relative;
/*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
*/
    border:none;
    background:none;
    color:#AAAAAA;
    padding:1.5% 2.5% 1.5% 0;
    transform: translateX(-0.5em);
}


.threeup div.singles{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
	justify-content: flex-start;
    transition:opacity 500ms ease, max-height 0ms ease;
    transition-delay: 0ms, 500ms;

    margin-bottom:8.60625%;
}

@media only screen and (min-width:768px){
    .threeup div.singles{
	    margin-bottom:initial;
    }
}

.threeup div.singles div{
    background-color: transparent;
    text-align:left;
    display:inline-block;
	margin-top:initial;
	padding-right: 5%;
	cursor: pointer;
}

@media only screen and (min-width:768px){
	.threeup div.singles div{
      width:27.6%;
      padding-right: 5%;
      margin-right:8.5%;
      margin-bottom:initial;
    }

    .threeup div.singles div:nth-child(3n) {
		margin-right: initial;
	}

}

.singles a strong{
    text-transform: uppercase;
    font-size: 10px;
}

.singles a h3{
/* 		    max-width:14ch; */
    font-size:1em;
    line-height:1.2em;
    margin:initial;
    position:relative;
}

.singles a{
    color:inherit;
    text-decoration:none;
    display:block;
}
.singles p{
    font-size:smaller;
}
#single-topic,
.inline-content,
.contents .details > .ac{
  scroll-margin:6rem;
}

.contents .details > .ac{
  display:block;  
}

.inline-content{
  padding:0 5% 80px 5%;
}
@media only screen and (min-width:768px){
    #single-topic,
    .inline-content{
	  scroll-margin:12rem;
	}
    .singles a strong{
	    font-size:14px;
    }
    .singles a h3{
	    font-size:26px;
		line-height:1.49em;
    }
    .inline-content{
	    padding:0 10% 80px 10%;
    }
}
.inline-content.hide,
.index.hide{
    display:none;
}

.index{
    margin-bottom:80px;
}

.index header{
	max-width:35%;
	margin:auto;
	margin-bottom:80px;
	font-size: 26px;
	line-height: 1.49em;
}
.index ul{
	max-width:35%;
	margin:auto;
	padding:initial;
	list-style-type: none;
}
.index a{
	text-decoration:underline;
	color:inherit;
}
.index h4{
	text-decoration:underline;
	display:inline-block;
}

.inline-content .inline-hero figure,
.inline-content > figure{
    margin:initial;
    width:100%;
/* 		    height:300px; */
/* 		    background-color:#FF4136; */
}
.inline-content > figure{
    background-color:transparent;
}
.inline-content > figure img{
    max-width:100%;
    height:auto;
    margin:auto;
    display:block;
}
.inline-content figcaption{
    text-align:center;
    margin-top:0.745em;
}

.inline-content > h3,
.inline-content > p,
.inline-content .details,
.inline-content .wp-block-file{
  padding:0;
}

@media only screen and (min-width:768px){
	.inline-content > h3,
    .inline-content > p,
    .inline-content .details,
    .inline-content .wp-block-file{
	  padding:0 25%;
	}
}

.inline-content .wp-block-file a{
	margin-inline-end: 2em;
}

.inline-content .details{
	margin-top:3em;
}
.inline-content > h3{
	font-weight: normal;
	font-size: 26px;
	line-height: 1.16em;
}
.inline-content > p{
/* 		  font-size:1.33rem; */
/* 		  line-height:1.7em; */

  font-size: 16px;
  line-height: 1.4949em;
}

.inline-content > p:first-of-type{
	margin-top:80px;
}
.inline-content .wp-block-image{
	margin-top:80px;
	margin-bottom:80px;
}
.inline-content .elevator{
    text-align: right;
	display: block;
}
.banner{
    position: relative;
    display:grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 5% auto 5%;
}
.banner .titles{
    z-index:10;
	position:absolute;
    top:50%;
    left:0;
    right:0;
    margin:auto;
    transform: translateY(-50%);
    mix-blend-mode: difference;
}
.banner .frame{
   display:flex;
   align-items: center;
   grid-column-start:2;
   grid-column-end:3;
   grid-row-start: 1;
   grid-row-end: 2;
   height:750px;
}
.banner h2{
    margin:initial;
    margin:auto;
    text-align:center;
    font-size:100px;
    line-height:0.8em;
    text-transform:uppercase;
    color:#d4d4d4;
}
.banner p{
    color:#d4d4d4;
    font-size:1.2em;
    font-family:aReg, serif;
    text-align: center;
    margin:initial;
    margin-top:40px;
}
.banner .frame img{
   width:60%;
   margin:auto;
}
.four-up{
    display:grid;
    grid-template-columns: 20% 30% 30% 20%;
    grid-template-rows: auto;
    margin-top:90px;
}
.four-up > *{
    width:100%;
    will-change: transform;
}
.four-up .left{
    grid-column-start:1;
    grid-column-end:2;
    transform: translateY(var(--translateY));
}
.four-up .middle{
    grid-column-start:2;
    grid-column-end:3;
    transform: translateY(var(--translateYB));
}
.four-up .right{
    grid-column-start:4;
    grid-column-end:5;
    height:50%;
    margin:auto;
    transform: translateY(var(--translateYC));
}
.shop-title{
    width:45%;
    padding:250px 27.5%;
    display:flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    text-align: center;
    margin:initial;
    font-family: aReg, serif;
    font-size: 1.4em;
}
.cards{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
/* 		    height:60vh;		 */
    width:100vw;
}
.cards >*{
    height:100%;
    width:33.333%;
    margin:initial;
}
.cards figure{
    position:relative;
}
.cards figure img{
    display:block;
    width:100%;
    filter:grayscale(1);
    will-change:filter;
    transition: all 500ms ease;
}
.cards figure:hover img{
    width:100%;
    filter:grayscale(0);
}
.cards figure figcaption{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.cards figure figcaption p{
    margin:initial;
    text-align:center;
    display:inline-block;
}
.cards figure figcaption .title{
    position:absolute;
    top:40%;
    left:0;
    right:0;
/* 		    font-size:2em; */
    font-size:2.6em;
    line-height:0.8em;
    width:95%;
    margin:auto;
    color:#ffffff;
    transition:font-size 500ms ease;
}
.cards figure:hover .title{
    font-size:2.6em;
/* 		    will-change:font-size; */
}
.cards figure figcaption .price{
    position:absolute;
    bottom:55px;
    left:0;
    right:0;
    font-size:1.2em;
    width:fit-content;
    margin:auto;
    color:#ffffff;
}
.cards figure figcaption .price:before{
    position:absolute;
    top:-50px;
    left:0;
    right:0;
    margin:auto;
    content:"+";
    font-size:1.5em;
}
.cards .product-details{
    height: 0;
  	opacity: 0;
	overflow: hidden;
	transition: height 150ms ease-in-out, opacity 750ms ease-in-out;
    width:100%;
	max-height:960px;
}
.cards.active .product-details{
    display: block;
	height: 65vh;
  	opacity: 1;
	background-image: url(single-details.png);
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}
.subnav{
    padding:250px 0;
    font-family:aReg, serif;
}

header.subnav{
    position:fixed;
    width:100%;
    top:0;
    padding:initial;
    color:#fff;
    font-size:16px;
    line-height:1.49em;
    background-color:#111;
}
header.subnav li:nth-child(2){
/* 			transform: translateY(-5px); */
}
header.subnav a{
    color:inherit;
    text-decoration: none;
}
.subnav h2{
    text-align:center;
    margin:intial;
    margin-bottom:2em;
}
header.subnav h2{
    position: absolute;
    color:transparent;
    margin-bottom:initial;
    background-image: url(//alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020-wordmark.min.svg);
    background-position: top left;
    background-size: cover;
    top: 15px;
    left: 25px;
    width: 97px;
    height: 57px;
}
.subnav ul{
    list-style-type: none;
    padding:initial;
    margin:initial;
    text-align:center;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width:50%;
    margin:auto;
}
header.subnav ul{
    padding:15px;
    margin-top:15px;
}
.subnav ul li{
    display:inline-block;
    font-size:1em;
}
.explore{
    position:relative;
    display:grid;
    grid-template-columns: 35% 15% 10% 40%;
    grid-template-rows: 160px auto auto auto auto auto auto;
}
.explore figure{
    margin:initial;
}

.explore figure img{
    width:100%;
    display:block;
}
.explore .sidekick{
	grid-column-start:2;
    grid-column-end:3;
    grid-row-start:2;
    grid-row-end:3;
    width:100%;
    max-width:303px;
    margin-left:-25%;
    will-change: transform;
    transform: translateY(var(--translateYE));
}
.explore  .itc{
	grid-column-start:1;
    grid-column-end:2;
    grid-row-start:3;
    grid-row-end:4;

    will-change: transform;
    transform: translateY(var(--translateYD));
}
.itc figcaption p,
.smallB figcaption p{
	color:#d4d4d4;
	position:relative;
	margin:initial;
	padding:4% 10% 2.5% 5%;
	text-transform: uppercase;
	font-size:19px;
	line-height:1em;
}
.itc figcaption p:after,
.smallB p:after,
.largeB:after,
.largeA > div:after{
	color:#fff;
	position:absolute;
	content:'+';
	font-size:1.4em;
	line-height:1em;
}
.itc figcaption p:after,
.smallB p:after{
	top:0.8em;
	right:3%;
}
.smallB p:after{
	top:0.6em;
}
.largeB:after,
.largeA > div:after{
	top:0.8em;
	left:3%;
}
.explore  .largeA{
	grid-column-start:5;
    grid-column-end:4;
    grid-row-start:1;
    grid-row-end:4;
    position:relative;
    width:100%;
    max-width:756px;
    margin:auto;
    margin-top:0;
    margin-right:0;
}
.largeA > *{
	top:0;
	left:0;
	position:absolute;
}
.largeA > div{
	position:relative;
}
.explore  .smallA{
	grid-column-start:5;
    grid-column-end:4;
    grid-row-start:4;
    grid-row-end:5;
    will-change: transform;
    transform: translateY(var(--translateYF));
}
.smallA > *{
	width:30%;
	margin:auto;
}
.explore  .largeB{
	grid-column-start:1;
    grid-column-end:6;
    grid-row-start:5;
    grid-row-end:6;
    position:relative;
    width:30%;
    margin:auto;
}

.explore figure.largeB img,
.explore figure.largeB figcaption{
}
.explore figure.largeA figcaption,
.explore figure.largeB figcaption{
	color:#d4d4d4;
	width:75%;
	margin:auto;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform: translateY(-50%);
	font-size:36px;
	line-height:0.9em;
	text-transform: uppercase;
	mix-blend-mode:screen;
	opacity:0.75;
}
.explore figure.largeA figcaption{
	top:42.5%;
}
.explore figure.largeA figcaption sup,
.explore figure.largeB figcaption sup{
	font-size:20px;
}
.explore figure.smallB figcaption sup{
	font-size:12px;
	margin:auto 0.5em;
}
.explore figure.largeA figcaption a,
.explore figure.itc figcaption a,
.explore figure.largeB figcaption a{
	text-decoration: none;
	color: inherit;
}
.explore figure.largeA figcaption p,
.explore figure.largeB figcaption p{
	margin:initial;
}
.explore .smallB{
	grid-column-start:1;
    grid-column-end:2;
    grid-row-start:6;
    grid-row-end:7;
    width:73.2%;
    margin:auto;
    margin-right:0;
}
.explore .largeC{
	grid-column-start:5;
    grid-column-end:4;
    grid-row-start:7;
    grid-row-end:8;
    width:87%;
    max-width:702px;
    margin:auto;
    margin-left:0;

    will-change: transform;
    transform: translateY(var(--translateYG));
}
.explore .smallC{
    grid-column-start:1;
    grid-column-end:5;
    grid-row-start:8;
    grid-row-end:8;
    width:15%;
    max-width:273px;
    margin:auto;
    margin-top:250px;
}

@media only screen and (min-width:768px){
	  margin-left:16%;
	  margin-right:16%;
    }
    .site-foot section{
	  margin-right:auto;
	  margin-bottom:auto;
      min-width:15%;
	}
	.site-foot li ul li,
	.site-foot section ul li{
      margin-bottom:1em;
	}
}
.element {
	/*
	 * Use the same CSS variable as specified in our instance.
	 */
/* 			opacity: var(--opacity); */
	/*
	 * The will-change CSS property provides a way for authors to hint browsers about the kind of changes
	 * to be expected on an element, so that the browser can setup appropriate optimizations ahead of time
	 * before the element is actually changed.
	 */
	will-change: opacity;
}

/******
todo: review redundancy
*******/
.contents .single-post-interior > .details{ 
	margin-top:2em;
}

.contents .single-post-interior > .details:first-of-type{
  margin-top:initial;
  margin-top:30px;
}

.contents .ac-label{grid-column-start:1;grid-column-end:3; }

.contents .ac-label,
.contents .inline-content .ac-label,
.ac > footer .ac .ac-text{
	/* padding-left:30px; */
	/* padding-right:30px; */
}

.ac > footer .ac .ac-text ul{justify-content:left;}

.contents .ac:before,
.inline-content .ac:before {
	top:0;
}

.contents .ac-label,
.inline-content .ac-label{
	margin-bottom:initial;
}

.inline-content .ac-label hr {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    transform: translateY(2px);
    display: inline-block;
    width: 27px;
    border-color: #6d6d6d;
}
.contents .details .ac-text, 
.contents .details .ac-sub-text{
	margin-bottom:initial;
	position: relative;
}	  	      		

.inline-content .ac-input:checked ~ .ac-text,
.ac-text .ac-input:checked ~ .ac-text  {
	padding-bottom: 1.5em;
}	  		
.ac-text footer .ac::after {
	display:none;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-top: solid 1px #a2a2a2;
}	  		
section.contents .ac-text footer.hide{
	display:none;
	visibility:hidden;		  	
}	  		

section.contents .ac-text footer ul{
	display:block;
	width:100%;
	margin:initial;
	padding-left: 30px;
	justify-content: flex-start;
}

@media screen and (min-width: 769px){
section.contents .ac-text footer ul{
  padding-left: initial;	
}
}


section.contents .ac-text footer ul a{
	color:#6d6d6d;
	text-decoration:none;
}

section.contents .ac-text footer ul a:hover{
	color:#fff;
	text-decoration:underline;
}

/*
section.contents figure,
section.contents figure img{
  position:relative;
  min-height:auto;
  min-width:auto;
  width:100%;
  margin:initial;
  opacity: 1;
  visibility: visible;
  
/*   margin-top:135px; */
/*}*/
    		
section.contents figure{
	margin-top:135px
}

section.contents .ac > footer figure{
	margin-top:initial;
}

section.contents .single-post-interior figure,
section.contents .single-post-interior figure img{
	height:auto;
	margin-top:initial;
}

section.contents .single-post-interior figure, 
section.contents .single-post-interior figure img,
section.contents .single-post-interior figure video{
	display:block;
	visibility: visible;
}


@media screen and (min-width: 960px){
section.contents .single-post-interior figure, 
section.contents .single-post-interior figure img,
section.contents .single-post-interior figure video{
	display:none;
	visibility: hidden;
}
}


section.contents .single-post-interior figure img{
	margin-top:1em;
}

section.contents{
/*   padding-top:85px; */
  /* padding-bottom:170px; */
  position:relative;
}

section.contents{
/* 	padding-top:170px; */
}

section.contents > .details{
	/* padding:0 2.5%; */
	margin:auto;
}

section.contents .single-post-interior{
	width:100%;
	margin:auto;
}

section.contents .ac-text h3 strong,
section.contents .wp-block-image figcaption{
	text-transform: uppercase;
}

.wp-block-image figcaption{
	margin:initial;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.ac-sticky aside img{
  max-width:180px;
}

.ac-sticky figcaption{
	border-bottom:solid 1px #0f0f0f;
}
.ac-sticky .swiper-wrapper{
  background-color:#0f0f0f;
}

section.contents .single-post-interior > p:first-of-type {
	margin-top:initial;
}

section.contents .single-post-interior > p:last-of-type,
section.contents .single-post-interior .ac .ac-text p:last-of-type,
section.contents .single-post-interior .ac .ac-text ul:last-of-type {
/*   margin-bottom:55px; */
}

section.contents .single-post-interior{position:relative;}
section.contents .single-post-interior a{
 color:#ededed;
 padding-bottom:2px;
 /* border-bottom:solid 1px #ededed; */
}

.ac-input ~ .ac__upper,
.ac-input ~ footer,
.ac-input ~ .ac-text,
.contents .details .ac-text .ac,
.contents .details .ac-text .ac-input ~ .ac-text,
.contents .details footer .ac-input ~ .ac-text{
  display:none;
}

.contents .details .ac-text .ac-input ~ .ac-text,
.contents .details .ac-text .ac-input ~ .ac-text,
.contents .details footer .ac-input ~ .ac-text{
  padding:0 30px;
  padding-bottom:30px;
}

.ac-input:checked ~ .ac__upper,
.ac-input:checked ~ footer,
.contents .details footer .ac-input:checked ~ .ac-text,
.contents .details .ac-text .pr-table .ac{
  display:block;
}

section.contents > .details{
margin-top:45px;	
}

@media screen and (min-width: 960px){
	
	section.contents > .details{
	  /* padding:0 14.24%; */
      padding:0 9.375%;
	  margin:auto;	  
	  margin-top:45px;
	}	
	
	.contents .details > .ac,
	.contents .ac__upper{
	  grid-column-start: 1;
      grid-column-end: 3;	
      grid-template-columns: 52.75% 47.25%;
      grid-template-columns: 40% 60%;
      grid-template-rows:auto auto auto;
	}
		
	.ac-input:checked ~ .ac__upper{
	  display:grid;
	}
	
	.ac-input:checked ~ .ac-sticky,
	.ac-sticky .swiper,
	.contents .details .ac-sticky{
	  display:block;
	  visibility:visible;
	}
	
	.ac-input:checked ~ footer,
	.ac-input:checked ~ .ac-text,
	.contents .details .ac-text .ac,
	.contents .details > .ac .ac,
	.contents .details .ac-text .ac-input:checked ~ .ac-text,
	.contents .details footer .ac-input:checked ~ .ac-text{
		display:block;
	}

	
    section.contents .ac-sticky{
/*
		grid-column-start:1; 
		grid-column-end:2;     
*/
    }
    .contents .details .ac-text{
	  grid-column-start:2; 
	  grid-column-end:3; 	
    }        
    
    .ac footer{
	  grid-column-start:1; 
	  grid-column-end:3; 	  
	  grid-row-start:3;
	  grid-row-end:4;
	}
	.ac-input:checked ~ .ac__upper{
	  margin-bottom:55px;
    }
	section.contents .single-post-interior{
/* 		width:45%; */
		margin:auto;
		margin-right:initial;
	}
	section.contents .ac-sticky ~ .ac-text > .single-post-interior{
/* 	    width:66.4% */
		width:100%;
		padding-left:30px;		
		border-left:solid 1px #a2a2a2;
		padding-right:30px;		
	}

}

section.contents .single-post-interior ul{
  display:block;
  /* width:100%; */
  width:fit-content;
}

section.contents .single-post-interior ul li{
  /* margin:1.2em 0; */
}

section.contents .single-post-interior .ac-text ul li{
	margin:initial;
	/* font-size:14px; */
	/* font-family: aReg, serif; */
}

section.contents ul li{
	/* font-size:14px;	 */
}

section.contents .single-post-interior ul li strong,
section.contents .single-post-interior p strong{
	/* font-size:1em; */
	/* font-weight: normal; */
	/* font-family: hn65,serif; */
	/* display:block; */
	/* position:relative; */
}

@media screen and (min-width:480px){
section.contents .single-post-interior ul li strong,
section.contents .single-post-interior p strong{
	/* font-size:1.8em; */
}
}

section.contents .single-post-interior ul li strong:after{
/* 	content:""; */
	position:absolute;
	left:0;
	bottom:0.4em;
	height:3px;
	background-color:rgba(106,106,106, 0.6);
	width:4ch;
}

section.contents .single-post-interior .ac-label hr {
position: relative;
margin-left: 10px;
margin-right: 10px;
transform: translateY(2px);
display: inline-block;
width: 27px;
}

section.contents ul {
  font-family: hn65, serif;
  position: relative;
  z-index: 10;
  width: 100%;
  margin: auto;
  padding: initial;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-content: center;
  font-size: 1.15rem;
}

section.contents ul li{
  color:#fff;
}
section.contents .single-post-interior ul li{
	color:inherit;
}

.twoup > div header,
section.contents .content__nav li,
section.contents .contents__nav li{
  text-align:justify;
}

.twoup > div header{
/*   margin-bottom:18px;	 */
}

section.contents .content__nav li,
section.contents .contents__nav li{
  height:1em;
  line-height:1em;
  font-size:11px;
  letter-spacing: 0.15em;
}

section.contents .content__nav li.active.solo,
section.contents .contents__nav li.active.solo{
text-align:center;
}
section.contents .content__nav li.active.wide,
section.contents .contents__nav li.active.wide{
width:300px;
}

.twoup > div header:after,
section.contents .content__nav li:after,
section.contents .contents__nav li:after{
content: "";
display: inline-block;
width: 100%;
height: 0;
}

/***
solo
****/
#solo{scroll-margin:25vh;}

body.post-template-info-room-single .flow > * + * {
  margin-top: var(--flow-space, 1em);
}

body.post-template-info-room-single h1 {				
  max-width: 15ch;
  line-height:1.08349;
}				

body.post-template-info-room-single h2,
body.post-template-info-room-single h3 {
  max-width: 45ch;
}

/*** 
pace
****/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #f8f8f8;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

[data-trigger].visible, [data-trigger].invisible {
  opacity: 0.0;
  transition: opacity 0.5s ease;
}
[data-trigger].visible {
  opacity: 1.0;
}

section.browse ul li{
	margin:1% 4%;
	margin:initial;
	margin-bottom:1.2em;
	line-height: initial;	
	display: flex;
	text-align: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

section.browse ul li{
/* 	margin:1% 4%; */
	line-height: initial;	
	display: flex;
	text-align: center;
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: center; */
}

section.browse ul li:nth-child(1),
section.browse ul li:nth-child(2),
section.browse ul li:nth-child(3),
section.browse ul li:nth-child(4),
section.browse ul li:nth-child(5){
  /* justify-content: flex-end; */
}

section.browse ul li:nth-child(6),
section.browse ul li:nth-child(7),
section.browse ul li:nth-child(8),
section.browse ul li:nth-child(9),
section.browse ul li:nth-child(10),
section.browse ul li:nth-child(11){
  /* justify-content: flex-start;	 */
}


@media screen and (min-width: 800px){
	section.browse ul li{
/* 	  margin:1% 4%; */
	}
}
@media screen and (min-width: 960px){
	section.browse nav{
/* 	  width:85%; */
	}	
}

.content__nav,
.contents__nav{
  content:'';
  /* background-color:#0f0f0f; */
  /* width:100%; */
  /* position:sticky; */
  /* z-index:30; */
  /* left:0; */
  /* top:55px;	 */
  /* padding-top: 3px;   */
/*   margin-top:-62px; */
}

@media screen and (min-width: 768px){
.content__nav,
.contents__nav{
  top:45px;
}  
}

.contents__output{
 position:sticky;
 top:350px;
 box-sizing: border-box;
/*  left:14.24%; */
/*  width:38%; */
 background-color: aqua;
 height:20px;
}

.contents__output div.active{
display:block;	
}

.contents__nav{
  padding-bottom:10px;
  text-transform: uppercase
}

.content__nav li,.contents__nav li{display:none;}
.content__nav li.active,
.contents__nav li.active{
	display:block;
}
.swiper{
  height:auto;
}
.swiper-pagination{
  position:relative;
  top:0 !important;
  background-color:#0f0f0f;
}
.swiper-pagination-bullet{
  filter:invert(1);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
  filter:invert(0);	
}