@charset "UTF-8";

/*///////////////////////////////////////////////////////////////
////////emily grenader dot com 2025 /////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

body {
    margin: 0;
    background: #ffffff;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 12px;
	font-weight:100;
    display: flex;
    height: 100vh;
}




h1 {display: none;}

h2 {
	font-size: 14px;
	letter-spacing: 4px;
	font-weight:100;
	}
a:link{ 
	text-decoration: none; 
	color:#666666
	}

a:visited {text-decoration: none; 
	color:#999999;
	} 

a:hover, a:active { 
	text-decoration: none; 
	color:#333333;
	}

/* EMAIL ICON */
.email-icon {
    position: fixed;
    bottom: 20px;
    right: 50px;  /* shift left from corner to make room for Instagram */
    z-index: 9999;
}

/* INSTAGRAM ICON */
.insta-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;  /* closer to the corner */
    z-index: 9999;
}

/* IMAGE STYLING */
.email-icon img,
.insta-icon img {
    width: 15px;
    height: 15px;
    display: block;
    transition: filter 0.3s ease;
}

.email-icon img:hover,
.insta-icon img:hover {
    filter: brightness(1.25);
}

.contact a img:hover {
    filter: brightness(1.25);
}


/* Sidebar */
.sidebar {
    width: 260px;
    background-color: #ffffff;
    padding: 20px;
    border-right: 1px solid #ffffff;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	letter-spacing: 4px;
	font-size: 12px;
	font-weight:100;
}

.dropdown {
    margin-bottom: 20px;
}

.dropdown button {
    width: 100%;
    padding-top: 10px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	letter-spacing: 4px;
	font-weight:100;
}

.dropdown-content {
    display: none;
    flex-direction: column;
    margin-top: 10px;
}

/* Left-aligned submenus */
.sub-dropdown {
    margin-bottom: 10px;
}

.submenu-title {
    display: block;
    padding: 6px 4px;
    background-color: #ffffff;
    cursor: pointer;
    text-align: left;
}

/* Nested items appear directly below, aligned left */
.sub-dropdown-content {
    display: none;
    flex-direction: column;
    margin-top: 4px;
    margin-left: 0; /* no indentation */
}

.dropdown-content a,
.sub-dropdown-content a {
    padding: 6px 4px;
    background: #ffffff;
    margin-bottom: 4px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    text-align: left;
	letter-spacing: 0px;
}

.dropdown-content a:hover,
.sub-dropdown-content a:hover {
    background: #fff;
	color: #B8B8B8;
}

/* Main display area */
.content {
    flex: 1;
    padding: 20px;
}

.content img {
    max-width: 100%;
	height:auto;
    border-radius: 8px;
    margin-bottom: 10px;
}

.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 900px; /* Keeps it the same width as your images */
    padding-bottom: 56.25%; /* Maintains 16:9 aspect ratio */
    height: 0;
    margin-bottom: 20px; /* spacing under video */
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-wrapper4-3 {
    position: relative;
    width: 100%;
    max-width: 900px; /* Keeps it the same width as your images */
 	padding-bottom: 75%; /* 4:3 ratio */    
	height: 0;
    margin-bottom: 20px; /* spacing under video */
}
 

.video-wrapper4-3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}