/* * {outline: 1px solid #999;} */
:root {
    --bg-color: #483b92;
    --bg-color-hover: #ca2b6f;
    --default-radius: .2rem;
    --default-link-color: #f2f2f2;
}
html {
    padding: 0;
    margin: 0;
    text-align: center;
}
body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
}
img {
    max-width: 100%;
    height: auto;
    border: none;
}
p {
    padding: 0;
    margin: 0;
}
a, a:link, a:active, a:visited {
    color: #111;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: underline;
}
h1, h2 {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
    font-weight: normal;
    text-align: left;
    font-size: 1rem;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#wrap {
    max-width: 1500px;
    margin-inline: auto;
    padding-left: calc(.3rem + .3vw);
    padding-right: calc(.3rem + .3vw);
}
header {
    clear: both;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: .5rem;
}
.headerimage {
    background: url(images/logo.png) no-repeat;
    max-width: 320px;
    height: auto;
    aspect-ratio: 4 / 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.headertext {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    gap: .6rem;
    /* margin-block: .5rem; */
}
    .headertext a {       
        font-size: 1.1rem;
        font-weight: 400;
        color: #333;
        background-color: #c9c9c9;
        padding: .3rem 1rem;
        border-radius: 3px; 
        text-decoration: none;           
    }
    .headertext a:hover {
        color: #fff;
        background-color: var(--bg-color);   
    }
            @media screen and (max-width: 800px) {
                header {
                    height: auto;
                    grid-template-columns: 1fr;
                    gap: 0;
                }
                .headerimage {
                    margin-inline: auto;
                }
            }  
            @media screen and (max-width: 420px) {

            }              
.general {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: .5rem;
    align-items: start;
}
    .general.index {
        grid-template-columns: 1fr;
    }
        @media screen and (max-width: 1250px) {
            .general {
                grid-template-columns: 1fr;
            }
        }
.thumbs {
    clear: both;
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: .6rem;    
    align-items: start;
}   
    .thumbs a img {
        outline: 2px solid #ccc;
    }
    .thumbs a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		background: rgba(0,0,0,0);
		pointer-events: none;
	} 	
	.thumbs img {
		-webkit-user-drag: none;
		user-select: none;
		pointer-events: none;
		display: block;
	}
.hover-video {
  position: relative;
  width: 100%;
  cursor: pointer;
}
    .hover-video img, .hover-video video {
        width: 100%;
        display: block;
        outline: 2px solid #2f4fbe;
    }
    .hover-video video {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }     
.sidebar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: calc(.4rem + .4vh);
    text-align: left;
}
    .sidebar a {
	    font-size: 1.7rem;
        letter-spacing: 1.5%;
        padding: 1rem 0 1rem 1rem;
        text-decoration: none;
        background-color: var(--bg-color);
        color: var(--default-link-color);
        border-radius: var(--default-radius);
    }
    .sidebar a:hover {
        background-color: var(--bg-color-hover);
    }
    .sidebar span {
        display: block;
        font-size: .9rem;
        font-weight: normal;
        padding-top: .5rem;
    }
    .sidebar h1 {
        font-size: calc(1.2rem + .8vh);
        padding-top: 1rem;
        font-weight: 600;
    }
    .sidebar p {
        padding: .5rem 0;
        line-height: 1.4;
    }
.icons {
    position: relative;
    clear: both;
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(100%/6 - .5rem), 1fr));
    gap: .5rem;
    padding-block: .5rem;
}
    .icons div {        
        background-image: url('/images/folder.png');
        background-repeat: no-repeat;
        background-size: contain;
        /* background-position-y: .5rem; */
        overflow: hidden;
        border-radius: .25rem;
        border: 1px solid transparent;
        
    }
    .icons div:hover {
        border-color: var(--bg-color);;
    }
    .icons a {
        text-decoration: none;
        color: #333;        
    }    
    .icons a:hover {
        color: var(--bg-color);
        
    }
    .icons p {
        padding-top: 100%;
        padding-bottom: .8rem;
        text-align: center;
        /* bottom: 0; */
        font: normal 1.1rem Arial, Helvetica, sans-serif;
    }      
            @media screen and (max-width: 1000px) {
                .icons {
                    grid-template-columns: repeat(4,1fr);
                }
            }
            @media screen and (max-width: 500px) {
                .icons {
                    grid-template-columns: repeat(3,1fr);
                }
            }
.video-container {
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;    
    font-size: 0;
}
    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }       
.warning {
    font-size: 2.2rem;
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}        
    .warning span {
        display: block;
        text-decoration: underline;
    }
#footer {
    clear: both;
    color: #111;
    margin-inline: auto;
    padding-top: 3rem;
    font-size: .9rem;
    width: 90%;
    text-align: center;
}
#footer::before {
    content: "All models were at least 18 years old when they were photographed. The site is in full compliance with 18 USC Section 2257. We have no control over the content of these pages. We take no responsibility for the content on any website which we link to, please use your own discretion while surfing the links.";
}
    #footer a {
        text-decoration: underline;
        color: #484848;
    }
    #footer a:hover {
        text-decoration: none
    }
/* .footer_index {
    clear: both;
    text-align: justify;
    padding-top: 1rem;
}  
    .footer_index h1 {
        text-align: right;
        font-size: 1.4rem;
    } */
.pagination {
    clear: both;
    font-size: 1.5rem;
    color: #474747;
    
    margin: 2rem auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}
    .pagination a {
        padding: 8px 18px;
        margin: 3px 1px;
        background-color: var(--bg-color);
        text-decoration: none;
        color: var(--default-link-color);
        border-radius: var(--default-radius);
    }
    .pagination a:hover {
        background-color: var(--bg-color-hover);
        text-decoration: none;
    }
       
    

/* .enter {
    clear: both;
    padding-block: 2.5rem;
}   
    .enter a {
        font-size: 4rem;
        font-weight: bold;
        text-transform: uppercase;
        background-color: var(--bg-color);
        padding: 1rem 4rem;
        border-radius: .25rem;
        color: var(--default-link-color);
    }     
    .enter a:hover {
        border-color: transparent;
        text-decoration: none;
        background-color: var(--bg-color-hover);
    }     */

/* .sitedescription {
    float: left;
    text-align: left;
    color: #c0c4c9;
}
	.sitedescription h1 {
		font-size: calc(.7rem + .7vw);
		padding-top: .6rem;
		color: #555;
	}
    .sitedescription p {
        padding: .2rem 0;
        line-height: 1.1;
        font-size: calc(.5rem + .5vw);
    }
            @media screen and (max-width: 1100px) {
                .sitedescription {
                    display: none;
                }
            } */        
/* .modellink {
    font-size: calc(1.5rem + 2vw);
    text-transform: uppercase;
}
    .modellink a {
        display: block;
        padding-block: 1rem;
        margin-block: .5rem;
        color: #f2f2f2;
        border-radius: var(--default-radius);
        background-color: var(--bg-color);
    }
    .modellink a:hover {
        background-color: var(--bg-color-hover);
    }
.overlay {
    position: relative;
    display: inline-block;
}
    .overlay img {
        display: block;
    }
    .overlay a, a:hover {
        text-decoration: none
    }
    .overlay .description {
        position: absolute;
        left: 5%;
        width: 90%;
        background: #fff;
        border: 2px solid #2f4fbe;
        filter: alpha(opacity=100);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
.description p {
    font-size: calc(.8rem + .2vw);
    padding: 2.5% 2%;
    color: #2f4fbe;
    text-align: center;
}
.overlay:hover .description {
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.bottom {
    bottom: 12px
}              */