/* All CSS written by Jeffrey B. Madden 2023. */

.cabinet.pop {
   display:flex;
   flex-direction:column;
   padding-bottom:28px;
}

.cabinet.pop .pop_wrap {
   flex-grow:1;
   margin:0px;
   border:0px;
   padding:0px;
   overflow:hidden;
}

#first_cabinet .pop_wrap .nodata {
   border:1px solid Orange;
   padding:16px;
   text-align:center;
   font-family:Arial;
   font-style:italic;
}

.cabinet.pop h1::after { margin-top:0px; }

.pop h2 {
   margin-top:60px;
}

.pop .date {
   display:block;
   margin-bottom:40px;
   font-size:16px;
   font-family:Arial;
   font-style:italic;
}

.cabinet.pop .overflow_button_wrap {
   display:flex;
   position:absolute;
   left:29px;
   bottom:28px;
   width:848px;
   height:150px;
   margin:0px;
   border:0px;
   padding:0px;
   background-image:url('images/overflow_bg_02.png');
   background-repeat:repeat;
   background-size:1px 100%;
   justify-content:center;
   align-items:center;
   cursor:pointer;
   z-index:1;
}

.cabinet.pop .overflow_button {
   display:block;
   margin:0px;
   border:1px solid transparent;
   padding:6px 10px 6px 10px;
   color:SlateGrey;
   font-size:24px;
   font-family:Arial;
}

.cabinet.pop .overflow_button_wrap:hover .overflow_button {
   border-color:SlateGrey;
}

#pop_wrap {
   display:block;
   position:fixed;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   margin:0px;
   border:0px;
   padding:0px;
   overflow-y:scroll;
   z-index:12;
}

#pop_wrap .bg, #pop_wrap .clicker {
   display:block;
   position:fixed;
   left:0px;
   top:0px;
   height:100%;
   margin:0px;
   border:0px;
   padding:0px;
   opacity:0.7;
   z-index:0;
}

#pop_wrap .bg { width:100%; background-color:Black; pointer-events:none; }
#pop_wrap .clicker { width:95%; background-color:transparent; }

#pop_wrap .content_wrap {
   display:block;
   position:relative;
   width:55%;
   height:auto;
   margin:75px auto 75px auto;
   border:30px solid transparent;
   border-radius:30px;
   border-image:url('images/border_14.png') 30 30 stretch;
   -webkit-border-image:url('images/border_14.png') 30 30 stretch;
   -moz-border-image:url('images/border_14.png') 30 30 stretch;
   padding:50px 70px 50px 70px;
   background-image:url('images/rnav_bg_pattern_09.png');
   background-repeat:repeat;
   box-sizing:border-box;
   box-shadow:0px 0px 30px 15px Black;
   z-index:1;
}

#pop_wrap .closer {
   display:block;
   position:fixed;
   right:50px;
   top:50px;
   width:60px;
   height:60px;
   margin:0px;
   border:0px;
   padding:0px;
   background-image:url('images/closer_02.png');
   background-repeat:no-repeat;
   background-size:contain;
   cursor:pointer;
   z-index:3;
}

#pop_wrap .content_wrap h1:after { display:none; }

#pop_wrap .content_wrap h1 {
   display:block;
   margin:0px;
   text-align:center;
}

#pop_wrap .content_wrap .date {
   margin:1em 0px 2em 0px;
   text-align:center;
   font-size:16px;
}

#pop_wrap .content_wrap p:first-of-type {
   padding-top:40px;
}