/*
 Theme Name:   Twenty Twenty-One Child
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Teton Dev 
 Author URI:   https://tetondev.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
  background: #1A1A1A;
  background: linear-gradient(
    135deg,
    #1A1A1A 0%,
    #141414 50%,
    #1A1A1A 100%
  );
  color: white;
}

:root {
  --rubik: "Rubik", sans-serif;
  --oswald: "Oswald", sans-serif;
  --lato: "Lato", sans-serif;
}

header#masthead { display: flex; justify-content: center; margin-top: 30px; align-items:center; justify-content:space-between;max-width: 90%;width: 1800px;margin: auto; }
.logo{display: flex;align-items: center; font-family: var(--rubik);font-size: clamp(45px, 5vw, 95px);text-transform: uppercase;}
.logo svg{height: auto; width: 17%;}
.gradient { font-weight: 700; background: linear-gradient( to left, #49EACB,   #c9f8ef  ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.site-main{font-family: var(--oswald);max-width: 90%; width: 1800px; margin: auto;}

.logo-link{text-decoration:none;}
.menu-button-container{display: none;}
/* Navigation */
ul#primary-menu-list {
    padding: 0;
    display: flex;
    list-style: none;
    gap: 10px;
}
button#primary-mobile-menu{display:none;}
ul#primary-menu-list li{
	color: white; font-size;18px;
}
ul#primary-menu-list li a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 12px 20px;
    font-weight: 500;
}


h1 {
  font-family: var(--oswald);
}

h1.entry-title {
    text-align: center;
    font-weight: 100;
    font-size: 2.5em;
	letter-spacing: 5px;
}

h2 {
  font-family: var(--oswald);
	font-weight: 700;
	font-size: 3.5em;
	line-height: 1.1;margin-bottom:15px;
}
h2 strong{color: #49EACB;font-weight:700;}

h3{font-size: 1.7em;text-transform:uppercase;margin-bottom:15px;font-weight:300;margin-top:45px;}

ul,
p {
  font-family: var(--lato);
	font-size: clamp(17px, 1.1vw, 19px);
	line-height: 1.6;
	letter-spacing: 1px;font-weight:300;
}
ul li{margin-bottom:10px;}

ul li::marker {
  color: #49EACB; /* your custom color */
  font-size: 1.2em; /* optional, make bullets bigger */
}
ul#primary-menu-list .current_page_item a {
    color: #48eacb;
}
p a{color: #49EACB;}

.entry-content {
    padding: 25px 0 60px;
}
/* pages */
.page-id-14 .chart-wrapper {
    display: none;
}

blockquote.wp-block-quote  {
    border: none;
    padding: 5px 25px;
    background: white;
    color: black;
	margin-top:25px;
}
blockquote.wp-block-quote  p {
    font-weight: 600;
}
/* footer */
footer#footer {
    background: rgba(255, 255, 255, .05);
    padding: 20px 0px;
    margin-top: 65px;
    font-size: 14px;
}
footer .footer-inner{max-width: 90%; width: 1800px; margin: auto;font-family: "Rubik", sans-serif;opacity: .8;text-align: center;}
footer .footer-inner a{color: white;text-decoration: none;}
footer .footer-inner a{text-decoration: underline;}
footer .footer-inner .copyright-bar a{text-decoration: none;}
footer .footer-inner .copyright-bar a:hover{font-weight: bold;}

footer#footer p {
    font-size: 16px;
    letter-spacing: 0;
}
.disclaimer-after{margin-top: -.8em;}


@media screen and (max-width: 750px) {
	.primary-menu-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    color: black;
}
		ul#primary-menu-list{display: flex; flex-direction: column;gap: 0;}
	ul#primary-menu-list li a{color: black;display: flex; flex-direction: column;margin: 0;}
	.primary-menu-container{display:none;}
		.primary-navigation-open .primary-menu-container{display:block;margin-top: 40px;}
	button#primary-mobile-menu{display:block;background: transparent;
        border: none;
        color: white; font-size: 0;}
	button#primary-mobile-menu svg {
    transform: scale(2.4, 1.3);
}
	button#primary-mobile-menu span.dropdown-icon.close {
    display: none;
}
	.menu-button-container{display: block;}
	h1.entry-title {font-size:2em;}
	h2 {font-size:2.6em;}
	.logo {
    font-size: clamp(30px, 7vw, 80px);
}
  footer .footer-inner,
  .site-main{max-width: 95%;}
  .disclaimer-after{margin-top: 15px;}
}