/* Page and Post template */
body:not(#media) { padding-top: 60px; background-color: #f8f8f8; }

.content-text { font-family: verdana; font-size: 20px; color: #333333; text-align: justify; }

.content-wrap { margin: 0 auto; max-width: 900px; padding: 0 10px 0 10px; }

.content-wrap p { margin-bottom: 2.8rem; line-height: 30px; }

.content-wrap li { margin-bottom: 1.6rem; line-height: 24px; }

.author-desc p { font-size: 18px; line-height: 26px; }

.content-wrap a { color: blue; text-decoration: underline; }

/* Home page */
.home-image { margin: 10px; text-align: center; }

.home-image img { margin: 10px auto; }

/* Attribution page */
body.attribution { line-height: 32px; text-align: left; padding: 20px; font-size: 18px; font-family: arial; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 600; }

/* Donation page */
.donation h2 { font-size: 24px; }

.donation h3 { font-size: 20px; }

/* Meet our Team page */
.meet-our-team h4 { font-family: roboto, sans-serif; color: #c03433; font-size: 24px; font-weight: 700px; }

.meet-our-team p { margin-bottom: 25px; }

/* Footer */
.my-copyright { background-color: #444444; color: white; font-family: roboto, sans-serif; font-size: 16px; font-weight: 400px; padding-top: 10px; }

.my-footer-container { background-color: #d71513; }

.my-footer { color: white; text-shadow: 1px 1px black; max-width: 1000px; margin: 0 auto; font-family: roboto, sans-serif; }

.my-footer h4 { font-weight: 600; font-size: 24px; }

.my-footer p, .my-footer li { font-size: 20px !important; font-family: verdana, sans-serif; line-height: 30px; }

.my-footer a { color: white; font-weight: 600; }

.my-footer .sm-icons-footer img { background-color: white; }

.my-footer .youtube-footer { max-width: 240px; margin: 10px 0; }

.my-footer .youtube-footer img { max-width: 100%; }

.my-footer li { margin-bottom: 5px; }

/* nav bar */
.my-bs-nav { background-color: #d71513 !important; color: white; }

.my-bs-nav a { color: white !important; font-weight: 700; text-shadow: 1px 1px black; font-size: 18px; }

.my-bs-nav a:hover:not(.nav-logo-wrap a:hover):not(.my-bs-dropdown-menu a:hover) { background-color: #2a2689 !important; }

.nav-bs-wrap { max-width: 800px; }

.my-bs-nav .dropdown.open a { background-color: #2a2689 !important; }

.my-bs-dropdown-menu { background-color: #2a2689; }

.my-bs-dropdown-menu a { font-weight: 700 !important; }

.dropdown.open .my-bs-dropdown-menu a:hover { background-color: #d71513 !important; }

.my-bs-nav .active a { background-color: #2a2689 !important; }

.header-logo { text-align: center; }

.header-logo img { width: 250px; }

.my-nav-logo { height: 60px; margin-right: 10px; margin-left: 10px; }

.nav-logo-wrap { background-color: #f8f8f8; }

/* Detail and summary */
summary { cursor: pointer; }

/* Images */
.my-align-right img, .my-align-left img { width: 100%; max-width: 400px; }

.my-align-right-250 img, .my-align-left-250 img { width: 100%; max-width: 250px; }

.my-align-center { margin: 5px auto; padding: 0 10px 0 10px; text-align: center; }

.my-align-center img { width: 100%; }

.my-caption { font-size: 15px; text-align: center; }

.post-main-img { max-width: 750px; margin: 10px auto 0 auto; padding: 0 10px 0 10px; }

.post-main-img img, .video-post-main-img img { width: 100%; margin: 0 auto; display: block; object-fit: contain; }

.video-post-main-img { max-width: 600px; margin: 10px auto 0 auto; }

/* Video iframe */
.wrap-outer-video-iframe { max-width: 650px; margin: 10px auto 0 auto; }

.wrap-video-iframe { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */ }

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

/* Footnotes */
.bookmark { position: relative; }

.bookmark span { position: absolute; top: -75px; }

.bookmark-back { position: relative; }

.bookmark-back span { position: absolute; top: -100px; }

/* Responsive */
@media screen and (min-width: 768px) { /* Home Page responsive */ .home-image img { max-width: 80%; } /* navbar responsive */ .navbar-nav li a { padding: 20px 15px !important; } .navbar-nav .dropdown-menu li a { padding: 5px 15px !important; } .navbar-nav::before li a { padding: 5px 15px !important; } /* Image responsive */ .my-align-right, .my-align-right-250 { float: right; margin: 5px 10px 5px 15px; } .my-align-left, .my-align-left-250 { float: left; margin: 5px 15px 5px 10px; } .my-align-left, .my-align-right { width: 45%; } .my-align-left-250, .my-align-right-250 { width: 25%; } /* Blog list responsive */ /*.blog-row .ma-thumb {max-width: 245px;}*/ .blog-row .ma-thumb { max-width: 275px; } }

@media screen and (max-width: 991px) { /* Blog list responsive */ .ma-row .blog-date { text-align: center; } .ma-row .blog-title { text-align: center; } .ma-row .blog-author { text-align: center; } .ma-row .blog-videolink { text-align: center; } }

@media screen and (min-width: 811px) { .video-row .col-sm-4 { text-align: center; padding: 0px 5px 0px 5px !important; } .video-row .col-sm-8 { text-align: left; padding: 0px 5px 0px 5px !important; } }

@media screen and (max-width: 810px) { /* Blog list responsive */ .video-row .col-sm-4 { text-align: center; padding: 0px 5px 0px 5px !important; } .bloglist-row .col-sm-4 { text-align: center; padding: 0px 5px 0px 5px !important; } .video-row .col-sm-8 { text-align: left; padding: 0px 10px 0px 20px !important; } }

@media screen and (max-width: 767px) { /* Home page responsive */ .home-image img { max-width: 95%; } .home-banner { display: none; } /* Posts responsive */ .author-name { text-align: center; } /* Images responsive */ .my-align-center { max-width: 600px; width: 100% !important; } .my-align-right, .my-align-left { float: none; width: 100% !important; max-width: 500px; margin: 5px auto; padding: 0 10px 0 10px; } .my-align-right-250, .my-align-left-250 { float: none; max-width: 300px; margin: 5px auto; text-align: center; padding: 0 10px 0 10px; } .post-main-img { width: 100%; margin: 10px auto 0 auto; padding: 0 10px 0 10px; } /* Blog list responsive */ .blog-row .blog-date { text-align: center; } .blog-row .blog-title { text-align: center; } .blog-row .blog-author { text-align: center; } .blog-row .blog-videolink { text-align: center; } }

@media screen and (min-width: 364) and (max-width: 767px) { /* Media Advisory listing */ .blog-row .ma-thumb { max-width: 310px; } }

@media screen and (max-width: 363px) { /* Media Advisory listing */ .blog-row .ma-thumb { max-width: 95%; } }

/* Blog, Video, News and MA lists */
hr { border: 1px solid black; }

.blog-list-container hr { margin: 10px 0 10px 0; }

.blog-row .blog-img img, .blog-row .video-img img { object-fit: cover; }

.preview-img .preview-thumb { object-fit: cover; max-width: 255px; }

.bloglist-row img.blog-thumb { object-fit: cover; width: 270px; height: 150px; display: block; }

.blog-row .video-thumb { object-fit: cover; max-width: 260px; }

.blog-row .ma-thumb { object-fit: cover; }

.blog-row .video-img { text-align: center; }

.blog-row .col-sm-3 { text-align: center; }

.ma-row .col-sm-4 { text-align: center; padding: 0px 5px 0px 5px !important; }

.ma-row .col-sm-8 { text-align: left; padding: 0px 10px 0px 10px !important; }

.blog-row .blog-videolink { font-family: verdana, san-serif; font-size: 15px; color: blue; font-weight: 700; text-decoration: underline; }

.blog-row .blog-date { font-family: verdana, san-serif; font-size: 14px; }

.blog-row .blog-title a { font-family: verdana, san-serif; font-size: 20px; font-weight: 600; color: #c03433; }

.blog-row .blog-author { font-family: verdana, san-serif; font-size: 18px; font-weight: 500; color: black; }

.blog-row .blog-excerpt { font-family: verdana, san-serif; line-height: 21px; font-size: 16px; font-weight: 500; color: black; }

/* Blog Video News and MA list pagination nav */
.contain-video-list-nav { text-align: center; position: relative; height: 32px; }

/*ul.video-list-nav {list-style-type: none;}
.video-list-nav li {margin: 0 10px 0 10px;display: inline;}*/
/*.video-list-nav li a {color: white;font-size: 16px;background-color: #d71513;text-align: center;padding: 4px; text-decoration: none;}*/
.contain-video-list-nav .prev, .contain-video-list-nav .next { color: #d71513; border: 1px solid #d71513; font-size: 16px; text-align: center; padding: 4px; font-weight: 700; text-decoration: none; }

/*.video-list-nav .prev {position: absolute; left: 0; top: 0;}
.video-list-nav .next {position: absolute; right: 0; top: 0;}*/
.contain-video-list-nav .prev { position: absolute; left: 0; top: 0; }

.contain-video-list-nav .next { position: absolute; right: 0; top: 0; }

.contain-video-list-nav-num a { color: #d71513; font-size: 16px; text-align: center; padding: 4px; text-decoration: none; font-weight: 700; }

.contain-video-list-nav-num .current { background-color: #d71513; color: white; font-weight: 700; }

.contain-video-list-nav a:hover { color: white; background-color: #2a2689; border: 1px solid #2a2689; text-decoration: none; }

/* Contact form Old using google forms */
.contact-form-container { margin: 0 auto; text-align: center; }

.contact-form-container .contact-form { position: relative; padding-bottom: 115%; height: 0; }

.contact-form-container .google-form-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Contact form New using html and php */
.contact-form { max-width: 30em; margin: 0 auto; }

.contact-form input { font-size: 20px; }

.contact-form textarea { width: 100%; }

.contact-form button { background-color: #d71513; color: white; border-color: black; font-weight: 700; }

/* Terms and Conditions page */
h3#terms-and-conditions { font-weight: 700 !important; }

/* tables */
@media screen and (min-width: 600px) { table:not(#media-table) { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } th { background: #333; color: white; font-weight: bold; } td, th { padding: 6px; border: 1px solid #ccc; text-align: left; } }

@media screen and (max-width: 599px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; border: 1px solid black; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #000; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #888; position: relative; padding-left: 50%; text-align: center; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 0; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ td:nth-of-type(1):before { content: "Glb Avg T Rise:"; } td:nth-of-type(2):before { content: "Prob Below target:"; } td:nth-of-type(3):before { content: "Gt of CO2:"; } td:nth-of-type(4):before { content: "Date Range:"; } td:nth-of-type(5):before { content: "Source:"; } }

/* Accordion FAQ */
/* h2 { font-family: Arial, Verdana; font-weight: 800; font-size: 2.5rem; color: #091f2f; text-transform: uppercase; } */
.accordion-section .panel-default > .panel-heading { border: 0; background: #f4f4f4; padding: 0; }

/*.accordion-section .panel-default .panel-heading a .q-hang { text-indent: -20px; padding-left: 20px; }*/
.accordion-section .panel-default .panel-heading { text-indent: -6.5rem; padding-left: 6.5rem; padding-right: 1rem; }

.accordion-section .panel-default .panel-title a { display: block; /*font-style: italic;*/ /* font-size: 2rem; */ text-decoration: none; font-size: 20px; line-height: 26px; }

.accordion-section .panel-default .panel-title a:after { font-family: 'FontAwesome'; font-style: normal; font-size: 3rem; content: "\f106"; color: #1f7de2; /* float: right; */ margin-top: -12px; }

.accordion-section .panel-default .panel-title a.collapsed:after { content: "\f107"; }

.accordion-section .panel-default .panel-body { font-size: 20px; }

.accordion-section .panel-group .panel { margin-bottom: 2rem; }

/* Team Page */
.profile-row { padding: 0 15px; }

.team-container { padding: 10px auto; margin: 0 auto; }

.cef-team-column { float: left; margin: 10px; }

.mycard h3, .mycard p { text-align: center; }

.mycard .team-role { line-height: 22px !important; font-size: 18px !important; margin-bottom: 5px !important; }

.team-container { background-color: #f0f0f0; margin-top: 10px; border: 1px black; }

.team-detail { max-width: 1120px; margin: 30px auto; background-color: #f0f0f0; }

@media (min-width: 1150px) { .team-container { /* max-width: 1122px; */ max-width: 1150px; } }

@media (max-width: 1149px) and (min-width: 880px) { .team-container { max-width: 844px; } }

@media (max-width: 879px) and (min-width: 600px) { .team-container { max-width: 564px; } }

@media (max-width: 599px) { .team-container { max-width: 284px; } .team-container img { width: 95%; } }

@media (max-width: 329px) { .team-container { max-width: 284px; } .team-container img { width: 95%; } }

@media (min-width: 330px) { .cef-team-column { width: 260px; } }

@media (min-width: 599px) { .team-container img { height: 300px; width: 300px; object-fit: cover; } .mycard .team-role { height: 45px; } }

/* Donate Buttons */
.zeffy-donate-btn { display: inline-block; padding: 0.5em 1.2em; background: linear-gradient(180deg, #ffd600 0%, #ffb300 100%); color: #111; font-size: 1.0em; font-weight: bold; border: none; border-radius: 30px; text-decoration: none; box-shadow: 0 4px 14px rgba(255, 179, 0, 0.15); transition: background 0.3s, box-shadow 0.3s, transform 0.2s; letter-spacing: 0.5px; cursor: pointer; text-align: center; margin: 0 auto; }

.zeffy-donate-btn:hover, .zeffy-donate-btn:focus { background: linear-gradient(180deg, #ffb300 0%, #ffd600 100%); box-shadow: 0 6px 20px rgba(255, 179, 0, 0.25); transform: translateY(-2px) scale(1.03); color: #000; text-decoration: none; }

.center-link-div { text-align: center; }

.donate-btn-nav { display: inline-block; padding: 0.35em 1em; font-size: 1em; font-weight: bold; color: #fff; background: linear-gradient(90deg, #FFC107 0%, #FF9800 100%); border: none; border-radius: 20px; text-decoration: none; box-shadow: 0 2px 6px rgba(255, 152, 0, 0.15); transition: background 0.2s, box-shadow 0.2s; margin-left: 0.25em; text-shadow: 0.5px 0.5px black; }

/*.donate-btn-menu {max-height: 40px;display: inline-flex; align-items: center; }*/
@media screen and (min-width: 768px) { .donate-btn-nav.donate-nav-menu { display: inline-block; padding: 10px 1em; /* 10px top/bottom matches menu's vertical center */ line-height: 20px; /* 20px + 10px + 10px = 40px, close to menu item height */ font-size: 1em; vertical-align: middle; /* keep your existing background, border-radius, box-shadow, etc. */ margin: 0 0.25em; /* Remove margin-top or negative margins if present */ } }

.donate-btn-nav:hover, .donate-btn-nav:focus { background: linear-gradient(90deg, #FFB300 0%, #FF6F00 100%); box-shadow: 0 4px 12px rgba(255, 152, 0, 0.25); }

.donate-nav-div { text-align: center; z-index: 1050; /* higher than navbar if needed */ position: relative; /* The magic: */ /*margin-top: -45px;  Adjust this to push up into the navbar */ max-width: 120px; width: 100%; margin: -45px auto 0 auto; transform: translateX(30px); /* Positive value moves right, negative moves left */ display: block; position: sticky; top: 15px; }

@media (min-width: 769px) { .donate-nav-div, .donate-btn-nav { display: none; /* Hide on desktop */ } }

/* .nav-bs-wrap { display: flex; align-items: center; position: relative; max-width: 800px; width: 100%; } .donate-nav-div { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 2; } .navbar-header, .collapse.navbar-collapse { flex: 1 1 0; min-width: 0; } */
/*@import "nav3";*/

/*# sourceMappingURL=styles.css.map */