/* * { outline: 1px dotted #f00;}   */
:root {
    --bg-color: #f5f6fa;
    --link-color: #19233b;
    --link-bg: #fe5461;
    --link-bg-hover: #4c84ff;
  }  
html {
    padding: 0;
    margin: 0;
    text-align: center;
}
body {
    background-color: var(--bg-color);
    margin: 0;
    padding: 0;
    color: #888;
    text-align: center;
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
}
p {
    padding: 0;
    margin: 0;
}
a, a:link, a:active, a:visited {
    color: var(--link-color);
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.wrap {
    max-width: 1900px;
    margin-inline: auto;
    padding-left: .5rem;
    padding-right: .5rem;
}
.logo {
    /* clear: both; */
    text-align: left;
    padding-left: .25rem;
    font-size: clamp(2.0625rem, 1.8234rem + 1.1957vw, 2.75rem);
    font-weight: 800;
}
    .logo span {
        color: var(--link-bg);
    }
    .logo a, .logo a:hover {
        color: var(--link-bg-hover);
    }
.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    gap: .8rem;
    margin-bottom: .25rem;
}
    .menu a {       
        font-size: 1.1rem;
        font-weight: 500;
        border-left: .3rem solid var(--link-bg);
        color: var(--link-color);
        padding: .4rem 1rem;
        /* border-radius: .2rem;             */
    }
    .menu a:hover {
        border-left-color: var(--link-bg-hover);
    }    
.thumbs {
    clear: both;
    font-size: 0;
}
    .thumbs ul {
        display: grid;
        /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
        grid-template-columns: repeat(auto-fill, minmax(320px,1fr));
        gap: .5rem;
        margin-block: .4rem;
    }
    .thumbs a img {
        width: calc(100% - 4px);
        border: 2px solid var(--link-color);
        border-radius: 2px;
    }
    .thumbs a:hover img {
        border: 2px solid var(--link-bg-hover);
        /* border: 2px solid #6B748B; */
    }
            /* @media screen and (max-width: 700px) {
                .thumbs ul {
                    grid-template-columns: repeat(2,1fr);
                }
            } */
main {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 1rem;
}   
            @media screen and (max-width: 950px) {
                main {
                    grid-template-columns: 1fr;
                }
            }
h1,h2,h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: left;
}
h1 {
    color: var(--link-bg);
    font-size: 1.4rem;
    font-weight: 700;
    padding-bottom: 1rem;
}
h2 {
    color: var(--link-bg-hover);
    font-size: 1.4rem;
    font-weight: 600;
    padding-bottom: 2rem;
}
h3 {
    color: var(--link-bg-hover);
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 2rem;  
    margin-bottom: 1rem;  
}        
.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.tops {
    clear: both;
    /* padding-top: 1rem; */
}
    .tops ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 1rem;
    }
    .tops li a {
        display: block;
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--link-color);
		text-align: left;
        margin: .5% .25%;
        line-height: 1.6;
        border-left: .3rem solid var(--link-bg);
        padding-left: 1rem;
    }
    .tops li a:hover {
        border-left-color: var(--link-bg-hover);
    }
    .tops p {
        font-size: .9rem;
        font-weight: normal;
    }
    /* .tops span::before {
        content: "domain: ";
    } */
    .tops span {
        color: #888;
    }
    .tops a {
        display: block;
        text-decoration: none;
	    color: var(--link-color);
    }
    .tops a:hover {
        text-decoration: none;
    }
.button {
    clear: both;
    margin: 3rem 0 2rem 0;
    color: #faf7e6;
    font-size: 0;
}
    .button li {
        display: inline-block;
        margin: 0 10px;
    }
    .button a {
        background-color: var(--link-bg-hover);
        font-size: 2rem;
        font-weight: 800;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 2px;
    }
    .button a:hover {
        background: var(--link-bg) ;
        color: #fff;
        text-decoration: none;
    }
        @media screen and (max-width: 500px) {
            .button li {
                display: block;
                width: 100%;
                margin: 0;
            }
            .button a {
                display: block;
                margin: 5px 0;
            }
        }
.footer {
    clear: both;
    margin-inline: auto;
    font-size: .8rem;
    width: 98%;
    /* max-width: 1000px; */
    padding-top: 1rem;
}
    .footer p::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 p {
        padding: 10px 0px 5px 0
    }
    .footer a {
        font-weight: bold;
    }
.header_addon {
    clear: both;
    margin-inline: auto;
    padding: 1rem 0; 
}                  
    .header_addon img {
        width: 300px;
        height: 120px;
    }