@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Special+Elite&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
 --acv-bg-dark: #282828;
 --acv-blue: #4CAEE1;
 --acv-blue-hover: #61bfef;
 --acv-border-grey: #b4b3b3;
 --acv-font-0: brandon-grotesque, "Montserrat", sans-serif;
 --acv-font-1: "Montserrat", sans-serif;
 --acv-font-2: 'Courier Prime', monospace; /*"Special Elite", Georgia, serif;*/
 --acv-turqoise: #67c7c1;
}
.acv-hr{border-bottom: 2px solid var(--acv-border-grey); margin-bottom: 30px; margin-top: 30px;}


/*GENERAL: RICH TEXT*/
.acv-RichTextComponent{font-size: 18px;}
.acv-AnchorComponent{position: relative; top: -80px;}

/* COMPONENT: SCROLLABLE */
.acv-scrollable {
  overflow: auto; padding-right: 20px;
  scrollbar-width: thin;          /* "auto" or "thin" */
  scrollbar-color: #b3b3b3 #ebebeb;   /* scroll thumb and track */
}

.acv-scrollable::-webkit-scrollbar {
  width: 8px;               /* width of the entire scrollbar */
}

.acv-scrollable::-webkit-scrollbar-track {
  background: #ebebeb;        /* color of the tracking area */
}

.acv-scrollable::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;    /* color of the scroll thumb */
  border-radius: 4px;       /* roundness of the scroll thumb */
  border: 1px solid #ebebeb;  /* creates padding around scroll thumb */
}

/* COMPONENT */
.acv-FancyTitle{font-family: var(--acv-font-2) !important; font-weight: 400 !important; line-height: 1.1 !important; margin-bottom: 0.5em; font-size: 36px; color: inherit !important;}
.acv-FancyTitle > span{font-family: var(--acv-font-1); font-size: 16px; line-height: 16px; font-weight: bold;  text-transform: uppercase; display: inline-block; }

/* COMPONENT: BUTTON */
.acv-Button{border: 0 none; appearance: none; font-size: 17px; text-transform: uppercase; background: var(--acv-turqoise); cursor: pointer; display: inline-block;  font-weight: bold; color: white!important; line-height: 1; padding: 17px 20px; text-align: center;}

/*COMPONENT: SIDE LETTER GRID*/
.acv-SideLetterGrid{}
.acv-SideLetterGrid-items{margin-left: -7px; margin-right: -7px;}
.acv-SideLetterGrid-ul{display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.acv-SideLetterGrid-ul{display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.acv-SideLetterGrid-li{width: 50%; padding-left: 7px; padding-right: 7px; margin-bottom: 14px;}

/*COMPONENT: LETTER GRID*/
.acv-LetterGrid{}
.acv-LetterGrid-title{text-transform: uppercase; line-height: 1.2em; font-weight: bold; color: var(--acv-blue); margin-top: 0; margin-bottom: 20px; font-size: 20px;}
.acv-LetterGrid-items{margin-left: -7px; margin-right: -7px;}
.acv-LetterGrid-ul{display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.acv-LetterGrid-li{width: 25%; padding-left: 7px; padding-right: 7px; margin-bottom: 14px;}
@media (max-width: 480px){
  .acv-LetterGrid-li{width: 50%;}
}

/*COMPONENT: ALPHA GRID*/
.acv-AlphaGrid{padding-top: 80px; padding-bottom: 100px;}
.acv-AlphaGrid-items{margin-left: -10px; margin-right: -10px;}
.acv-AlphaGrid-ul{list-style: none; margin: 0; padding: 0; display: flex;}
.acv-AlphaGrid-li{padding-left: 10px; padding-right: 10px; width: 25%;}
.acv-AlphaGrid-item{display: block;height: 0;position: relative;padding-bottom: 100%; background: #b0b0b0;}
.acv-AlphaGrid-item:before{content: '';display: block; background: rgba(70,70,70,0.6);position: absolute; top: 0;left: 0;bottom: 0;right: 0;z-index: 1;}
a.acv-AlphaGrid-item:before{background-color: rgba(76,174,225,0.5);transition: background-color .2s;}
a.acv-AlphaGrid-item:hover:before{background-color: rgba(76,174,225,0.8);}
.acv-AlphaGrid-item i{display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;}
.acv-AlphaGrid-item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.acv-AlphaGrid-item b{position: absolute;top: 50%;left: 0; transform: translateY(-50%); z-index: 2;text-align: center; line-height: 1.2; font-weight: 900; font-size: 17px; color: white; z-index: 3;text-transform: uppercase;width: 100%;padding: 10px;}


/*COMPONENT: TITLES*/
.acv-Title1Component{font-size: 50px; font-weight: 900; text-transform: uppercase; color: var(--acv-blue); margin-top: 0; margin-bottom: 0.5em; line-height: 1.2;}
.acv-Title2Component{font-size: 30px; font-weight: 900; text-transform: uppercase; color: var(--acv-blue); margin-top: 0; margin-bottom: 0.5em; line-height: 1.2;}
.acv-Title3Component{font-size: 19px; font-weight: 900; text-transform: uppercase; color: var(--acv-blue); margin-top: 0; margin-bottom: 0.5em; line-height: 1.2;}
.acv-Subtitle1Component{font-size: 19px; font-style: italic;font-weight: 500; margin-bottom: 1em; margin-top: 1em; line-height: 1.2;}
.acv-Subtitle1Component:first-child{margin-top: 0;}

/*COMPONENT: SECONDARY BAR*/
.acv-SecondaryBar{padding-top: 20px; padding-bottom: 20px; line-height: 1; background: #f6f6f6;}
.acv-SecondaryBar .acv-ContainerLayout{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
@media (max-width: 767px){
  .acv-SecondaryBar .acv-ContainerLayout{display: block;}
  .acv-SecondaryBar .acv-ContainerLayout > div:first-child{margin-bottom: 20px;}
}

/*COMPONENT: BREADCRUMBS*/
.acv-Breadcrumbs{}
.acv-Breadcrumbs ul{list-style: none; margin: 0; padding: 0; display: flex;}
.acv-Breadcrumbs li{display: block;}
.acv-Breadcrumbs li :is(a,a:visited){display: inline-block; color: var(--acv-blue); text-decoration: none; margin-right: 10px;}
.acv-Breadcrumbs li:after{content: '>'; margin-right:  10px;}
.acv-Breadcrumbs li:last-child:after{content: ''; margin-right:  0;}
@media (max-width: 767px){
  .acv-Breadcrumbs ul{display: block;}
  .acv-Breadcrumbs li{display: inline-block;margin-bottom: 10px;}
}

/*COMPONENT: LETTER NAVIGATION*/
.acv-LetterNav{padding-top: 0; padding-bottom: 0; line-height: 1; background: #f6f6f6; display: flex;}
.acv-LetterNav a{display: block; color: var(--acv-blue); text-decoration: none; font-size: 16px;}
.acv-LetterNav-prev{display: block; margin-right: 20px;}
@media (max-width: 480px){
  .acv-LetterNav b{display: none;}
}

/*COMPONENT: PDF VIEWER*/
.acv-PdfViewer{background: #d1d1d1; height: 0; padding-bottom: 127%; position: relative;}
.acv-PdfViewer iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.acv-PdfViewer.no-image{padding-bottom: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.acv-PdfViewer.no-image span{font-size: 40px;font-weight: 900;color: white;text-transform: uppercase;text-align: center; position: absolute; top: 50%; left: 50%;display: block; transform: translate(-50%,-50%); line-height: 1; text-shadow: 2px 2px rgba(0,0,0,0.5);}

/*COMPONENT: CHAPTER LIST*/
.acv-ChapterListComponent{position: relative; margin-top: 30px; margin-bottom: 30px;}
.acv-ChapterListComponent-ul{list-style: none; margin: 0; padding: 0;}
.acv-ChapterListComponent-li{margin-bottom: 20px;}
.acv-ChapterListComponent-li:last-child{margin-bottom: 0;}
.acv-ChapterListComponent-link{background: var(--acv-blue); text-align: center; display: block; color: white; text-transform: uppercase; line-height: 1.1; font-size: 16px; padding: 12px 10px; border-radius: 3px; font-weight: bold; transition: background-color .2s;}
.acv-ChapterListComponent-link:hover{background-color: var(--acv-blue-hover);}
.acv-ChapterListComponent-span{background: #8f8f8f; text-align: center; display: block; color: white; text-transform: uppercase; line-height: 1.1; font-size: 16px; padding: 12px 10px; border-radius: 3px; font-weight: bold; }

/*COMPONENT: TABS*/
.acv-TabsComponent{margin-top: 20px; margin-bottom: 30px; background: white; z-index: 2; position: relative;}
.acv-TabsComponent-ul{margin-left: -7px; margin-right: -7px; display: flex; flex-wrap: wrap; padding: 14px 0 0; list-style: none;}
.acv-TabsComponent-li{margin-bottom: 14px;padding-left: 7px; padding-right: 7px;}
.acv-TabsComponent-li a{display: block;line-height: 1; font-weight: 700;font-size: 16px; color: #666; background: #dfdfdf; padding: 8px 20px; border-radius: 4px; display: block;}
.acv-TabsComponent-li.is-active a{background-color:var(--acv-blue);color: white;}

/**/
.acv-SmallSearchComponent > form{display: flex; justify-content: flex-end; align-items: center;}
.acv-SmallSearchComponent > form > div{position: relative; width: 190px;}
.acv-SmallSearchComponent :is(input[type=text],select){display: block; border: 0 none; background: white; border-radius: 4px; margin: 0; padding: 0 8px; font-size: 16px; height: 34px;}
.acv-SmallSearchComponent button{position: absolute; top: 6px; right: 15px; width: 18px; height: 18px; background: transparent; border: 0 none; cursor: pointer;}
.acv-SmallSearchComponent button svg{width: 18px; height: 18px; display: block; }


/* COMPONENT: SEARCHBOX  */
.acv-Searchbox{position: relative; margin-top: 30px; margin-bottom: 30px;}
.acv-Searchbox h6{font-size: 16px; text-transform: uppercase; font-weight: bold; line-height: 1.1; margin-top: 0; margin-bottom: 4px;}
.acv-Searchbox form{position: relative; padding-right: 120px; }
.acv-Searchbox button{position: absolute; border: 0 none; appearance: none; top: 0; right: 0; font-size: 17px; text-transform: uppercase; background: var(--acv-turqoise); cursor: pointer; display: block; height: 56px; width: 110px; font-weight: bold;}
.acv-Searchbox input[type=text] {display: block; color: black; padding: 10px 20px; border: 0 none;background: white; margin: 0; border-radius: 0; height: 56px;}


/* COMPONENT: FEATURED ITEM */
.acv-FeaturedItem{background: black; position: relative; padding-bottom: 56.25%; margin-bottom: -120px; margin-top: 50px; overflow: hidden;}
.acv-FeaturedItem img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transform: scale(1.2);}
.acv-FeaturedItem .text{background: rgba(0,0,0,0.8); color: white; position: absolute; bottom: 0; left: 0;right 0; z-index: 2; padding: 20px 40px; line-height: 1.1;}
.acv-FeaturedItem h3{font-size: 19px; font-weight: bold; text-transform: uppercase; color: var(--acv-turqoise); margin-top: 0; margin-bottom: 6px;}




/*COMPONENT: SECONDARY-MENU*/
.acv-SecondaryMenuComponent{list-style: none; margin: 0; padding: 0; display: flex; font-weight: bold;}
.acv-SecondaryMenuComponent li{display: block; margin-right: 20px;}
.acv-SecondaryMenuComponent li :is(a,a:visited){display: inline-block; color: #000000; text-decoration: none;}
.acv-SecondaryMenuComponent li:last-child:after{content: ''; margin-right: 0;}


/*COMPONENT: SQUARE TEXT THUMBNAIL*/
.acv-SquareLetterThumb{position: relative;height: 0; padding-bottom: 100%; display: block;}
.acv-SquareLetterThumb-pic{position: absolute; top: 0; left: 0; background: #333; width: 100%; height: 100%;}
.acv-SquareLetterThumb img{display: block; opacity: 0.6; width: 100%; height: 100%; object-fit: cover; transition: opacity .2s;}
.acv-SquareLetterThumb:hover img{opacity: 0.8;}
.acv-SquareLetterThumb-title{position: absolute; color: white;margin: 0; z-index: 2; display: flex; align-items: center; text-align: center; justify-content: center; width: 100%; height: 100%; top: 0; left: 0; }




/*LAYOUTS*/

.acv-MainLayout{position: relative; font-family: var(--acv-font-1); font-size: 14px;}
.acv-ContainerLayout{max-width: 1000px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }




/* BIG BANNER */
.acv-BigBanner{background: #333; padding-top: 70px; padding-bottom: 60px; position: relative; margin-bottom: 60px;}
.acv-BigBanner .bgimg{position: absolute; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.2; top: 0; left: 0;}
.acv-BigBannerCaption {position: absolute; left: 10px; bottom: 10px; color: #fff; opacity: 0.8; font-size: 10px; line-height: 1.2;}
.acv-BigBanner .acv-ContainerLayout{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 2;}
.acv-BigBanner-logo{width: 50%;}
.acv-BigBanner-logo img{width: 100px; height: auto;}
.acv-BigBanner-content{width: 50%; max-width: 520px;color: white; }
.acv-BigBanner .acv-FancyTitle{margin-top: 0;}
@media(max-width: 960px){
  .acv-BigBanner-logo{width: 25%}
  .acv-BigBanner-content{width: 75%;}
}
@media(max-width: 640px){
  .acv-BigBanner-logo{width: 100%}
  .acv-BigBanner-content{width: 100%; margin-top: 40px;}
  .acv-BigBanner .acv-FeaturedItem{padding-bottom: 80%;}
  .acv-BigBanner .acv-FeaturedItem .text{padding: 20px 20px;}
}


/* LAYOUT: BECOME MEMBER BOX */
.acv-BecomeMemberBox{position: relative; color: black; margin-top: -160px; margin-bottom: 140px;}
.acv-BecomeMemberBox .box{background: #f7f7f7; padding: 40px; box-shadow: 0 1px 15px rgba(0,0,0,0.2); display: flex; align-items: center; margin-left: -60px; margin-right: -60px;}
.acv-BecomeMemberBox .left{width: 66%; text-align: right;}
.acv-BecomeMemberBox .right{width: 34%; padding-left: 40px;}
.acv-BecomeMemberBox .acv-FancyTitle{margin-top: 0; color: var(--acv-turqoise) !important;}
@media (max-width: 1110px){
  .acv-BecomeMemberBox .box{margin-left: 0; margin-right: 0;}
}
@media (max-width: 767px){
  .acv-BecomeMemberBox .box{flex-wrap: wrap;}
  .acv-BecomeMemberBox .left{width: 100%; text-align: left;}
  .acv-BecomeMemberBox .right{width: 100%; padding-left: 0; text-align: left; margin-top: 40px;}
}

/*LAYOUT: TOP BAR*/
.acv-TopBarLayout{background: #dfdfdf; padding-top: 8px; padding-bottom: 8px; font-family: var(--acv-font-0); font-size: 17px;}
.acv-TopBarLayout .acv-ContainerLayout{display: flex; justify-content: space-between; align-items: center;}
@media (max-width: 768px){
  .acv-TopBarLayout{background: #e8e8e8;}
  .acv-TopBarLayout .acv-ContainerLayout{flex-wrap: wrap}
  .acv-TopBarLayout-left{width: 100%; display: flex; justify-content: center; margin-bottom: 10px;}
  .acv-TopBarLayout-right{width: 100%; display: flex; justify-content: center;}
  .acv-TopBarLayout .acv-smallsearch > form{justify-content: center;}
}
@media (max-width: 640px){
  .acv-TopBarLayout .acv-SecondaryMenuComponent{display: block;text-align: center;}
  .acv-TopBarLayout .acv-SecondaryMenuComponent li{display: inline-block;margin-left: 10px;margin-right: 10px;}
}

/*LAYOUT: HOME*/
.acv-HomeLayout{margin-top: 0;}


/* LAYOUT: LETTERS GRID */
.acv-MainGrid{ position: relative; padding-top: 10px; padding-bottom: 140px; }
.acv-MainGrid .acv-ContainerLayout{max-width: 1180px;}
.acv-MainGrid-head{padding: 0 20px; text-align: center; max-width: 720px; margin: 0 auto 60px;}
.acv-MainGrid-title{ font-family: var(--acv-font-2); font-weight: 400; line-height: 1.1; margin-bottom: 5px; font-size: 36px; margin-top: 0; color: var(--acv-turqoise) !important; }
.acv-MainGrid-subtitle{ font-family: var(--acv-font-1); font-weight: bold; font-size: 22px; color: black; text-transform: uppercase; line-height: 1.2;}
.acv-MainGrid-year{ font-family: var(--acv-font-0); margin-bottom: 40px; font-size: 18px;}

.acv-MainGrid-ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; position: relative;}
.acv-MainGrid-li{width: 16.66%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.acv-MainGrid-li.is-popped{padding-top: 30px;}

.acv-MainGrid-item{position: static;}
.acv-MainGrid-item > a{position: relative; padding-bottom: 100%; height: 0;display:block;  text-align: center; background: #d1d1d1; color: white; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 1; overflow: hidden;}
.acv-MainGrid-item > a > img{display: block; position: absolute; top: 0;left:0;width:100%; height: 100%; z-index: 0; object-fit: cover; opacity: 0.6; transition: opacity .5s; transform: scale(1.1);}
.acv-MainGrid-item > a > span{color: #222; position: absolute; top: 50%; left: 0; right: 0; display: block; transform: translateY(-50%); text-shadow: 1px 1px rgb(0 0 0 / 20%);}
.acv-MainGrid-item > a:hover > img{opacity: 1;}
.acv-MainGrid-li.is-popped .acv-MainGrid-item > a > img{opacity: 1;}

@media(max-width: 1100px){
  .acv-MainGrid-li{width: 20%;}
}
@media(max-width: 960px){
  .acv-MainGrid-li{width: 25%;}
}
@media(max-width: 720px){
  .acv-MainGrid-li{width: 33.33%; padding-left: 5px; padding-right: 5px;}
}
@media(max-width: 520px){
  .acv-MainGrid-li{width: 50%;}
}


/* LAYOUT: POPBLOCK */
.acv-Popblock{position: static; }
.acv-Popblock-inner{position: absolute; left: 0; right: 0;  display: flex; flex-wrap: wrap; padding-top: 0; padding-left: 4px; padding-right: 4px; border-top: 1px solid #888; border-bottom: 1px solid #888; flex-direction: column;}
.acv-Popblock, .acv-Popblock-inner{height: 1200px;}
.acv-Popblock-row{width: 100%; margin-bottom: 16px; padding-left:8px; padding-right: 8px; display: flex; justify-content: space-between; position: relative;}
.acv-Popblock-col{position: relative;}

.acv-Popblock-row-first{line-height: 1; position: sticky; top: 0; background: white; z-index: 2; padding-top: 30px; padding-bottom: 10px;}
.acv-Popblock-row-first h5{font-size: 20px; color: black; text-transform: uppercase; font-weight: bold; margin-bottom: 0; margin-top: 0;}
.acv-Popblock-row-first .close{font-size: 32px; font-weight: normal; color: #000; margin-top: -10px;}

.acv-Popblock-row-second{height: 680px;}
.acv-Popblock-row-second .acv-col-left{width: 40%; background: #f4f4f4; padding-right: 8px;}
.acv-Popblock-row-second .acv-col-right{width: 58.5%; padding-left: 8px; background: #111; text-align: center; padding-top: 30px; z-index: 0; overflow: hidden; position: relative;}
.acv-Popblock-row-second .acv-col-right .pic{position: absolute; top: 0;left: 0;right: 0;bottom: 0; overflow: auto;}
/* COMPONENT: SCROLLABLE */
.acv-Popblock-row-second .acv-col-right .pic { overflow: auto; padding-right: 20px; scrollbar-width: thin; scrollbar-color: #666 #444; }
.acv-Popblock-row-second .acv-col-right .pic::-webkit-scrollbar { width: 8px; }
.acv-Popblock-row-second .acv-col-right .pic::-webkit-scrollbar-track { background: #444; }
.acv-Popblock-row-second .acv-col-right .pic::-webkit-scrollbar-thumb { background-color: #666; border-radius: 4px; border: 1px solid #444; }

.acv-Popblock-row-second .acv-col-right img{max-width: 100%;}
.acv-Popblock-prevImage, .acv-Popblock-nextImage{position: absolute; top: 50%; z-index: 3; font-family: var(--acv-font-1); font-weight: bold; font-size: 50px; display: block; text-align: center; width: 80px; line-height: 50px; color: white; transform: translateY(-50%); display: none;}
.acv-Popblock-prevImage.is-visible, .acv-Popblock-nextImage.is-visible{display: block;}
.acv-Popblock-prevImage{left: 0;}
.acv-Popblock-nextImage{right: 0;}

.acv-Popblock-row-third{ background: #f4f4f4; height: 400px; }
.acv-Popblock-row-third .acv-col-left{width: 50%; padding-right: 15px;}
.acv-Popblock-row-third .acv-col-right{width: 50%; padding-left: 15px;}

.acv-Popblock .acv-scrollable{position: absolute; top: 30px; left:30px; right: 20px; bottom: 30px; }

@media (max-width: 960px){
  .acv-Popblock-row-second .acv-col-left{width: 50%}
  .acv-Popblock-row-second .acv-col-right{width: 48.5%}
}
@media (max-width: 767px){
  .acv-Popblock-row-first{top: 60px;}
  .acv-Popblock-row-second{flex-wrap: wrap;padding-left: 0; padding-right: 0;}
  .acv-Popblock-row-second .acv-col-left{width: 100%; order: 2;}
  .acv-Popblock-row-second .acv-col-right{width: 100%; order: 1;mask-border: 20px;}
  .acv-Popblock-row-third{flex-wrap: wrap;}
  .acv-Popblock-row-third .acv-col-left{width: 100%;}
  .acv-Popblock-row-third .acv-col-right{height: 100%;}
}


/*LAYOUT: STATIC PAGE*/
.acv-StaticPageLayout{margin-top: 60px; margin-bottom: 60px;}
.acv-StaticPageLayout-title{font-size: 50px; margin-bottom: 40px; margin-top: 0; color: var(--acv-blue); font-weight: 900; text-transform: uppercase; }
.acv-StaticPageLayout-content{}

/*LAYOUT: SEARCH RESULTS*/
.acv-SearchResultsLayout{padding-top: 60px; padding-bottom: 60px;}
.acv-SearchResultsLayout-searchbox{border-radius: 4px; padding: 40px; background: var(--acv-blue); overflow: hidden; margin-bottom: 30px;}
.acv-SearchResultsLayout-searchbox input[type=text]{border: 0 none; background: white; margin: 0;}
.acv-SearchResultsLayout-searchbox input[type=submit]{position: absolute; top: -999px; left: -999px;}


/* LAYOUT: FRIEND OF ARCHIVES */
.acv-ArchivesFriend{background: var(--acv-turqoise); color: white; padding-top: 80px; padding-bottom: 50px; overflow: hidden;}
.acv-ArchivesFriend .acv-ContainerLayout{display: flex; flex-wrap: wrap; justify-content: space-between;}
.acv-ArchivesFriend .left{max-width: 360px;}
.acv-ArchivesFriend .right{max-width: 560px; padding-left: 60px; flex-grow: 1;}
.acv-ArchivesFriend .acv-FancyTitle{margin-top: 0;}
.acv-ArchivesFriend .imagebox{position: relative; height: 250px; }
.acv-ArchivesFriend .imagebox img{display: block; z-index: 2; border: 8px solid white;object-fit: cover; position: relative; height: 100%; width: 100%;}
.acv-ArchivesFriend .imagebox:before{content:''; z-index: 0; background: #e5e5e5; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 8px solid white; box-shadow: 0 1px  10px rgba(0,0,0,0.1); transform: rotate(5deg) translate(20px, -10px);}
@media(max-width: 800px){
  .acv-ArchivesFriend .left{max-width: none;}
  .acv-ArchivesFriend .right{padding-left: 0; margin-top: 50px;}
}

/* LAYOUT: ListContent */
.acv-ListContent{margin-top: 0px; color: #444; margin-bottom: 100px;}
.acv-ListContent .acv-ContainerLayout{display: flex; }
.acv-ListContent .acv-FancyTitle{text-align: center; color: var(--acv-turqoise) !important;  width: 100%; margin-bottom: 40px; padding-left: 30px; padding-right: 30px;}
.acv-ListContent-sideblock{width: 240px; flex-grow: 0; flex-shrink: 0; border-right: 1px solid #808080; padding-right: 30px; font-family: var(--acv-font-2); color: var(--acv-turqoise) !important;font-size: 16px; text-align: right;}
.acv-ListContent-sideblock ul{list-style: none;margin: 0; padding: 0;}
.acv-ListContent-sideblock li{margin-bottom: 23px; line-height: 1;}
.acv-ListContent-sideblock li span{font-family: var(--acv-font-0);display: block; color: #444;}
.acv-ListContent-sideblock li span:after{content: " >";}
.acv-ListContent-sideblock li a{color: inherit}
.acv-ListContent-mainblock{padding-left: 60px;}
.acv-ListContent-mainblock .acv-title{margin-top: 0;font-size: 27px; text-transform: uppercase;}
.acv-ListContent-mainblock .acv-by{margin-top: 8px; margin-bottom: 30px; font-size: 16px;}
.acv-ListContent-mainblock .acv-title + .acv-by{margin-top: -20px;}
.acv-ListContent-jumper{display: none; position: relative; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px;}
.acv-ListContent-jumper select{padding: 10px; display: block;}
@media(max-width: 960px){
  .acv-ListContent-sideblock{width: 200px; text-align: left;}
  .acv-ListContent-mainblock{padding-left: 30px}
}
@media(max-width: 640px){
  .acv-ListContent-mainblock{padding-left: 0; }
  .acv-ListContent-sideblock{display: none;}
  .acv-ListContent-jumper{display: block;}
}


/*LAYOUT: SINGLE LETTER*/
.acv-SingleLetterLayout{margin-top: 60px; margin-bottom: 60px;}
.acv-SingleLetterLayout-container{display: flex; justify-content: flex-start;}
.acv-SingleLetterLayout-side{min-width: 360px; max-width: 360px; padding-right: 50px;}
.acv-SingleLetterLayout-main{}
.acv-SingleLetterLayout-content{margin-bottom: 40px;}
.acv-SingleLetterLayout-content:last-child{margin-bottom: 0;}
.acv-SingleLetterLayout-related{margin-top: 60px;}
.acv-SingleLetterLayout-title{margin-top: 0; font-size: 40px; margin-bottom: 0; font-size: 50px; font-weight: 900; color: var(--acv-blue); line-height: 1.2; text-transform: uppercase;}
.acv-SingleLetterLayout-itemCode{}
.acv-SingleLetterLayout-recipient{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.acv-SingleLetterLayout-head{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid var(--acv-border-grey);}
.acv-SingleLetterLayout .acv-TabsComponent{position: sticky; top: 30px;}
.acv-SingleLetterLayout-document{margin-bottom: 60px;}
.acv-SingleLetterLayout-groupTitle{font-weight: 900; font-size: 30px; color: var(--acv-blue); text-transform: uppercase; margin-bottom: 0; margin-bottom: 20px;}
.acv-SingleLetterLayout-documentImg .pic{position: relative;}
.acv-SingleLetterLayout-documentImg .no-pic span{font-size: 40px;font-weight: 900;color: white;text-transform: uppercase;text-align: center; position: absolute; top: 50%; left: 50%;display: block; transform: translate(-50%,-50%); line-height: 1; text-shadow: 2px 2px rgba(0,0,0,0.5);}


@media(max-width: 840px){
  .acv-SingleLetterLayout-container{display: flex;flex-wrap: wrap;}
  .acv-SingleLetterLayout-side{width: 100%; padding-right: 0; min-width: unset; margin-bottom: 40px; order: 2;}
  .acv-SingleLetterLayout-main{width: 100%; order: 1;}
}

/*LAYOUT: SINGLE CHAPTER*/
.acv-SingleChapterLayout{margin-top: 60px; margin-bottom: 60px;}
.acv-SingleChapterLayout-head{margin-bottom: 50px; text-align: center;}
.acv-SingleChapterLayout-title{margin-top: 20px; margin-bottom: 20px;font-size: 50px; color: var(--acv-blue); text-transform: uppercase; font-weight: 900;}
.acv-SingleChapterLayout-chapterSubtitle,
.acv-SingleChapterLayout-chapterYear{font-size: 19px; font-style: italic; font-weight: bold;}