/* Rebuilt from the original Divi-child style.css (troylyndon.biz), scoped to .troy_lyndon_site */

/* Base */
.troy_lyndon_site { --tl_gold: #F8F096; --tl_white: #ffffff; --tl_black: #000000; min-height: 100vh; background: var(--tl_black); color: var(--tl_white); font-family: 'Open Sans', Arial, sans-serif; font-size: 18px; line-height: 1.7; }
.troy_lyndon_site *, .troy_lyndon_site *::before, .troy_lyndon_site *::after { box-sizing: border-box; }
.troy_lyndon_site a { color: var(--tl_white); text-decoration: none; }
.troy_lyndon_site ul { list-style: none; margin: 0; padding: 0; }
.troy_lyndon_site img { max-width: 100%; height: auto; display: block; }
.troy_lyndon_site .tl_container { width: 80%; max-width: 1080px; margin: 0 auto; }
.troy_lyndon_site .tl_screen_reader { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Header: black bar, gold bottom border, logo left, menu right */
.troy_lyndon_site .tl_header { position: fixed; top: 0; left: 0; right: 0; z-index: 200; background-color: var(--tl_black); border-bottom: 1px solid var(--tl_gold); }
.troy_lyndon_site .tl_header_inner { position: relative; display: flex; align-items: center; justify-content: space-between; height: 66px; }
.troy_lyndon_site .tl_logo_link { display: flex; align-items: center; height: 100%; max-width: 450px; }
.troy_lyndon_site .tl_logo { max-height: 64%; width: auto; }

/* Menu */
.troy_lyndon_site .tl_nav { display: flex; align-items: center; }
.troy_lyndon_site .tl_menu { display: flex; align-items: center; }
.troy_lyndon_site .tl_menu li { padding-right: 18px; }
.troy_lyndon_site .tl_menu a { display: block; color: var(--tl_white); font-weight: bold; font-size: 18px; line-height: 1; transition: opacity 0.3s ease; }
.troy_lyndon_site .tl_menu a:hover { opacity: 0.7; }
.troy_lyndon_site .tl_menu a.tl_current { color: var(--tl_gold); }
.troy_lyndon_site .tl_menu .tl_icon_item { margin-top: -5px; padding-right: 5px; }
.troy_lyndon_site .tl_icon_item a { display: block; line-height: 0; }

/* Image icons (original replaced the Font Awesome glyphs with these images) */
.troy_lyndon_site .tl_icon { display: inline-block; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.troy_lyndon_site .tl_icon_linkedin { background-image: url('assets/linkedicon.jpg'); }
.troy_lyndon_site .tl_icon_email { background-image: url('assets/emailicon.jpg'); }
.troy_lyndon_site .tl_icon_skype { background-image: url('assets/skype.jpg'); }
.troy_lyndon_site .tl_icon_phone { background-image: url('assets/phone.png'); }

/* Mobile menu toggle (hidden on desktop) */
.troy_lyndon_site .tl_nav_toggle { position: absolute; opacity: 0; pointer-events: none; }
.troy_lyndon_site .tl_nav_burger { display: none; align-items: center; gap: 10px; color: var(--tl_white); font-size: 14px; font-weight: 600; cursor: pointer; user-select: none; }
.troy_lyndon_site .tl_burger_lines { display: flex; flex-direction: column; gap: 5px; width: 26px; }
.troy_lyndon_site .tl_burger_lines span { display: block; height: 3px; background: var(--tl_gold); }

/* Main area: dark overlay, content box at 55% black */
.troy_lyndon_site .tl_main_area { padding-top: 67px; min-height: 100vh; background: rgba(0, 0, 0, 0.75); }
.troy_lyndon_site .tl_main_content { min-height: 400px; color: var(--tl_white); }
.troy_lyndon_site .tl_main_content .tl_container { padding-top: 18px; padding-bottom: 40px; background: rgba(0, 0, 0, 0.55); }
.troy_lyndon_site .tl_content_area { padding: 0 15px; }

/* Content: every paragraph is gold + bold (original wrapped it all in .portfolio-title) */
.troy_lyndon_site .tl_portfolio_title { color: var(--tl_gold); font-size: 25px; font-weight: bold; line-height: 30px; }
.troy_lyndon_site .tl_portfolio_title p { margin: 0 0 1em; padding-bottom: 0; font-size: 18px; line-height: 1.7; }
.troy_lyndon_site .tl_portfolio_title p:last-child { margin-bottom: 0; }
.troy_lyndon_site .tl_summary_label { font-size: 22px; }

/* Tablet: collapse menu into a dropdown (Divi switches at 980px) */
@media only screen and (max-width: 980px) {
.troy_lyndon_site .tl_nav_burger { display: flex; }
.troy_lyndon_site .tl_nav { display: none; position: absolute; top: 66px; left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 5%; background: var(--tl_black); border-top: 3px solid var(--tl_gold); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
.troy_lyndon_site .tl_nav_toggle:checked ~ .tl_nav { display: flex; }
.troy_lyndon_site .tl_menu { flex-direction: column; align-items: stretch; }
.troy_lyndon_site .tl_menu li { padding-right: 0; }
.troy_lyndon_site .tl_menu a { padding: 10px 5%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.troy_lyndon_site .tl_menu .tl_icon_item { display: inline-block; margin-top: 0; padding-right: 0; }
.troy_lyndon_site .tl_menu .tl_icon_item a { display: inline-block; padding: 14px 10px; border-bottom: 0; }
.troy_lyndon_site .tl_icon_row { display: flex; justify-content: center; gap: 10px; }
}

/* Phone */
@media only screen and (max-width: 600px) {
.troy_lyndon_site .tl_container { width: 90%; }
.troy_lyndon_site .tl_main_content .tl_container { background: url('assets/beach.jpg'); background-size: contain; }
.troy_lyndon_site .tl_content_area { padding: 10px; background: rgba(0, 0, 0, 0.65); }
.troy_lyndon_site .tl_portfolio_title { font-size: 18px; line-height: 20px; }
.troy_lyndon_site .tl_portfolio_title p { font-size: 16px; line-height: 1.6; }
.troy_lyndon_site .tl_summary_label { font-size: 20px; }
}