/* =====================================================================
   AMSNDC site styles (paste at the END of Website > CSS Editor)
   Part 1 of 2. Part 2 (amsndc-global-javascript.html) goes in
   Website > Settings > Global JavaScript.
   Colors follow the AMSNDC Brand Guidelines. This file replaces the old
   gadgetStyle003 / 004 / 005 rules; delete those before pasting.
   ===================================================================== */

/* ===== Main navigation bar (desktop) =====
   Keeps the theme's font, arrows, and dropdown colors.
   Adds: crisp text (no shadow) and a bright teal underline on hover and on the current section. */
@media (min-width:900px){
  .tlc-nav,.tlc-nav *{text-shadow:none !important}
  .tlc-nav > li > .tlc-nav-link,.tlc-nav > li > * > .tlc-nav-link{box-shadow:inset 0 -3px 0 transparent;transition:box-shadow .15s}
  .tlc-nav > li:hover > .tlc-nav-link,.tlc-nav > li:hover > * > .tlc-nav-link,
  .tlc-nav > li.tlc-nav-cur > .tlc-nav-link,.tlc-nav > li.tlc-nav-cur > * > .tlc-nav-link{box-shadow:inset 0 -3px 0 #00B8D4 !important}
}
/* Section overview link added at the top of each dropdown, with a thin divider under it */
.tlc-nav-overview{border-bottom:1px solid rgba(255,255,255,.3) !important}
.tlc-nav-overview a{font-weight:700 !important}

/* ===== News (Wild Apricot blog gadget) ===== */
.tlc-blog-post{background:#fff !important;border:1px solid #E3E3E3 !important;border-top:3px solid #961B1E !important;border-radius:6px !important;padding:1.3rem 1.5rem !important;margin:0 0 1.25rem !important;box-sizing:border-box;list-style:none !important}
.tlc-blog-post::before{content:none !important}
.tlc-blog-title,.tlc-blog-title a{font-size:1.25rem !important;font-weight:700 !important;line-height:1.3 !important;color:#1A1A1A !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important}
.tlc-blog-title{margin:0 0 .35rem !important;padding:0 !important;background:none !important;border:0 !important}
.tlc-blog-title a:hover{color:#007183 !important}
.tlc-blog-meta,.tlc-blog-meta *{font-size:.88rem !important;color:#6B6B6B !important;font-weight:400 !important;text-transform:none !important}
.tlc-blog-meta{margin:0 0 .9rem !important;padding:0 !important;background:none !important;border:0 !important}
.tlc-blog-meta a{color:#007183 !important}
.tlc-blog-post p,.tlc-blog-post li{font-size:1rem;line-height:1.7;color:#333333}
.tlc-blog-post img{border-radius:6px;max-width:100%;height:auto}
a.tlc-blog-more{display:inline-block !important;margin-top:.5rem;font-size:.9rem !important;font-weight:600 !important;text-decoration:none !important;padding:.5rem .95rem !important;border-radius:5px !important;border:2px solid #007183 !important;background:#fff !important;color:#007183 !important}
a.tlc-blog-more:hover{background:#007183 !important;color:#fff !important}
.tlc-blog-list{list-style:none !important;margin:0 !important;padding:0 !important}
.tlc-blog-post table{max-width:100% !important;width:auto !important}
.tlc-blog-post img{max-height:420px;width:auto}
.tlc-blog-actions{display:flex !important;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1rem !important;padding-top:.9rem !important;border-top:1px solid #E3E3E3 !important}
.tlc-blog-actions a:not(.tlc-blog-more){font-size:.9rem !important;font-weight:600 !important;color:#007183 !important;text-decoration:none !important}
.tlc-blog-actions a:not(.tlc-blog-more):hover{text-decoration:underline !important}
a.tlc-blog-more{margin-top:0 !important}
/* page links (First / Prev / 1 2 / Next / Last) */
.tlc-blog-pager{display:flex !important;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.1rem !important;font-size:.9rem !important;color:#9A9A9A !important}
.tlc-blog-pager a{display:inline-block;padding:.35rem .75rem !important;border:2px solid #007183 !important;border-radius:999px !important;color:#007183 !important;font-weight:600 !important;text-decoration:none !important;line-height:1.2}
.tlc-blog-pager a:hover{background:#007183 !important;color:#fff !important}
/* comments */
.tlc-blog-comment{background:#F7F7F7 !important;border:1px solid #E3E3E3 !important;border-left:4px solid #961B1E !important;border-radius:0 6px 6px 0 !important;padding:.9rem 1.1rem !important;margin:0 0 .75rem !important}
.tlc-blog [class*="omment"] h1,.tlc-blog [class*="omment"] h2,.tlc-blog [class*="omment"] h3,.tlc-blog [class*="omment"] h4{font-size:1.05rem !important;color:#961B1E !important;text-transform:none !important;letter-spacing:0 !important}
/* forms and buttons inside News (comment box, Add post, etc.) */
.tlc-blog textarea,.tlc-blog input[type="text"]{border:1px solid #CFCFCF !important;border-radius:6px !important;padding:.6rem .7rem !important;font:inherit !important;box-sizing:border-box;max-width:100%}
.tlc-blog textarea:focus,.tlc-blog input[type="text"]:focus{outline:2px solid #961B1E !important;outline-offset:1px}
.tlc-blog input[type="submit"],.tlc-blog input[type="button"],.tlc-blog .tlc-blog-btn{background:#007183 !important;border:2px solid #007183 !important;color:#fff !important;border-radius:5px !important;padding:.55rem 1.1rem !important;font-weight:600 !important;font-size:.92rem !important;text-shadow:none !important;box-shadow:none !important;background-image:none !important;cursor:pointer;text-decoration:none !important}
.tlc-blog input[type="submit"]:hover,.tlc-blog input[type="button"]:hover,.tlc-blog .tlc-blog-btn:hover{background:#004F5B !important;border-color:#004F5B !important}

/* Card for standard content gadgets */
.tlc-g-card{background:#fff !important;border:1px solid #E3E3E3 !important;border-top:3px solid #961B1E !important;border-radius:6px !important;padding:1.4rem 1.6rem !important;margin:0 0 1.25rem !important;box-sizing:border-box}
.tlc-g-card,.tlc-g-card p,.tlc-g-card li{line-height:1.65}

/* Headings inside content cards: spacing only */
.tlc-g-card h1,.tlc-g-card h2,.tlc-g-card h3,.tlc-g-card h4,.tlc-g-card h5,.tlc-g-card h6{margin-top:0 !important}   /* heading colors, sizes, and styles come from the theme */
.tlc-g-card > *:first-child,.tlc-g-card .gadgetStyleBody > *:first-child{margin-top:0 !important}

/* Featured Member gadgets: gadget title styled like the other card titles */
.tlc-g-card .tlc-g-title,.tlc-g-card .tlc-g-title *{color:#961B1E !important;font-size:1.05rem !important;font-weight:700 !important;text-transform:none !important;letter-spacing:0 !important;line-height:1.3 !important;background:none !important;border:0 !important}
.tlc-g-card .tlc-g-title{margin:0 0 .9rem !important;padding:0 !important}
/* ===== Colored boxes (gadget styles 003, 004, 005) =====
   Each keeps its own color; the boxes just get cleaner: thin border, rounded corners,
   soft shadow, and tidy title bars. Colors match the AMSNDC Brand Guidelines. */
.gadgetStyle003,.gadgetStyle004,.gadgetStyle005{background:#fff !important;border-width:1px !important;border-style:solid !important;border-radius:8px !important;box-shadow:0 2px 10px rgba(0,0,0,.06) !important}
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleTitle,.tlc-gray-box .gadgetStyleTitle,.gadgetStyle003 .gadgetStyleTitle,.gadgetStyle004 .gadgetStyleTitle,.gadgetStyle005 .gadgetStyleTitle{border-radius:7px 7px 0 0 !important}
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleBody,.tlc-gray-box .gadgetStyleBody,.gadgetStyle003 .gadgetStyleBody,.gadgetStyle004 .gadgetStyleBody,.gadgetStyle005 .gadgetStyleBody{border-radius:0 0 7px 7px !important}
.gadgetStyle003{border-color:#961B1E !important}
.gadgetStyle004{border-color:#00B8D4 !important}
.gadgetStyle005{border-color:#007183 !important}
.gadgetStyle003 .gadgetStyleTitle,.gadgetStyle004 .gadgetStyleTitle,.gadgetStyle005 .gadgetStyleTitle{padding:12px 20px !important;margin:0 !important;border:0 !important;background-image:none !important}
.gadgetStyle003 .gadgetStyleTitle{background:#961B1E !important}
.gadgetStyle004 .gadgetStyleTitle{background:#00B8D4 !important}
.gadgetStyle005 .gadgetStyleTitle{background:#007183 !important}
.gadgetStyle003 .gadgetStyleTitle *,.gadgetStyle005 .gadgetStyleTitle *{color:#FFFFFF !important}
.gadgetStyle004 .gadgetStyleTitle *{color:#1A1A1A !important}   /* dark text: white is hard to read on Bright Teal */
.gadgetStyle003 .gadgetStyleTitle *,.gadgetStyle004 .gadgetStyleTitle *,.gadgetStyle005 .gadgetStyleTitle *{font-size:1.2rem !important;font-weight:600 !important;line-height:1.3 !important;text-transform:none !important;letter-spacing:0 !important;margin:0 !important;text-shadow:none !important}
.gadgetStyle003 .gadgetStyleBody,.gadgetStyle004 .gadgetStyleBody,.gadgetStyle005 .gadgetStyleBody{padding:18px 20px !important;border:0 !important;background:#fff !important}
/* Featured Member boxes inside them: square photos with rounded corners */
[class*="WaGadgetFeaturedMember"] img{object-fit:cover !important;object-position:center 25% !important;aspect-ratio:1 / 1;border-radius:6px !important}

/* Links and lists */
.tlc-g-card a{color:#007183}
.tlc-g-card ul,.tlc-g-card ol{margin:.4rem 0 .8rem;padding-left:1.4rem}
.tlc-g-card li{margin:0 0 .3rem}

/* Photos: rounded corners on every image in the page content, including slideshows and galleries */
img,.tlc-g-rounded{border-radius:6px !important}
[class*="Slideshow"] .gadgetStyleBody,[class*="Gallery"] .gadgetStyleBody,[class*="Carousel"] .gadgetStyleBody,[class*="camera_wrap"],[class*="camera_target"],[class*="slides"],[class*="swiper"]{border-radius:6px !important;overflow:hidden !important}
/* ...but not the header logo, menu icons, or footer */
/* photos the theme shows as background images (officer photos, banners, feature blocks) */
[style*="background-image"]:not(html):not(body){border-radius:6px !important}
/* only the main menu keeps square images */
.tlc-nav img,[class*="WaGadgetMenu"] img,.tlc-nav [style*="background-image"],[class*="WaGadgetMenu"] [style*="background-image"]{border-radius:0 !important}

/* Tables inside cards: light, clean lines */
.tlc-g-card table.tlc-g-table{border-collapse:collapse}
.tlc-g-card table.tlc-g-table td,.tlc-g-card table.tlc-g-table th{border-bottom:1px solid #E3E3E3;padding:.5rem .6rem;vertical-align:top}

/* Sub-page navigation links -> pill buttons (same as the Membership page) */
.tlc-g-pills{list-style:none !important;display:flex !important;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem !important;padding:.75rem 0 .75rem 1rem !important}
.tlc-g-pills li{list-style:none !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;float:none !important;width:auto !important}
.tlc-g-pills li::before,.tlc-g-pills li::marker{content:none !important}
.tlc-g-pills a{display:inline-block !important;font-size:.9rem !important;font-weight:600 !important;line-height:1.2 !important;text-decoration:none !important;text-transform:none !important;padding:.5rem .95rem !important;border-radius:999px !important;border:2px solid #007183 !important;background:#fff !important;color:#007183 !important}
.tlc-g-pills a:hover{background:#007183 !important;color:#fff !important}

@media (max-width:700px){.tlc-g-card{padding:1.1rem 1rem !important}}

/* ===== Buttons: rounded corners on every button in page content =====
   Covers Wild Apricot's theme buttons (Join us, Register, Apply, Donate, Log in),
   form buttons, and buttons inside content boxes. The main menu is not affected. */
[class*="stylizedButton"],
[class*="buttonStyle"],
a[class*="Button"],a[class*="button"],
.WaGadgetContent a[class*="btn"],
input[type="submit"],input[type="button"],input[type="reset"],
button{border-radius:6px !important}
.tlc-nav a,.tlc-nav button,[class*="WaGadgetMenu"] a,[class*="WaGadgetMenu"] button{border-radius:0 !important}

/* ===== Gray boxes (gadget style 1) =====
   Same clean shape as the colored boxes: thin border, rounded corners, soft shadow,
   and a light gray title bar with dark text and a burgundy accent. */
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]),.tlc-gray-box{background:#fff !important;border:1px solid #E3E3E3 !important;border-radius:8px !important;box-shadow:0 2px 10px rgba(0,0,0,.06) !important}
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleTitle,.tlc-gray-box .gadgetStyleTitle{background:#F7F7F7 !important;background-image:none !important;padding:12px 20px !important;margin:0 !important;border:0 !important;border-bottom:1px solid #E3E3E3 !important;border-left:4px solid #961B1E !important}
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleTitle *,.tlc-gray-box .gadgetStyleTitle *{color:#1A1A1A !important;font-size:1.2rem !important;font-weight:600 !important;line-height:1.3 !important;text-transform:none !important;letter-spacing:0 !important;margin:0 !important;text-shadow:none !important}
.gadgetStyle001:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleBody,.tlc-gray-box .gadgetStyleBody{padding:18px 20px !important;border:0 !important;background:#fff !important}

/* ===== Featured Member text (officer boxes) =====
   Name slightly larger; institution and department smaller than the name. */
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody div,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody span,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody p{font-size:.95rem !important;line-height:1.4 !important}
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody strong,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody b{font-size:.95rem !important;font-weight:600 !important;color:#1A1A1A !important}
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody a,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody a *{font-size:1.2rem !important;font-weight:700 !important;line-height:1.3 !important;color:#007183 !important;text-decoration:none !important}
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody a:hover,
[class*="WaGadgetFeaturedMember"] .gadgetStyleBody a:hover *{color:#004F5B !important;text-decoration:underline !important}


/* ===== Style 2: the theme's own colors, with the same clean shape as the other boxes =====
   Thin border (theme color), rounded corners, soft shadow, tidy title bar and padding.
   Unlike Style 1, the title bar keeps Style 2's own color and text. */
.gadgetStyle002:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]){border-width:1px !important;border-style:solid !important;border-radius:8px !important;box-shadow:0 2px 10px rgba(0,0,0,.06) !important}
.gadgetStyle002:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleTitle{padding:12px 20px !important;margin:0 !important;border-radius:7px 7px 0 0 !important}
.gadgetStyle002:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleTitle *{font-size:1.2rem !important;font-weight:600 !important;line-height:1.3 !important;text-transform:none !important;letter-spacing:0 !important;margin:0 !important;text-shadow:none !important}
.gadgetStyle002:not([class*="WaGadgetMenu"]):not([class*="WaGadgetSiteMenu"]):not([class*="NavigationLinks"]):not([class*="navigationLinks"]) .gadgetStyleBody{padding:18px 20px !important;border-radius:0 0 7px 7px !important}