/* Updated Updated 07/16/2024 5:45:00 PM */

@import "Snippets/Misc.css";
@import "Snippets/UI.css";
@import "Snippets/Icons.css";					
@import "Snippets/Buttons.css";
@import "Snippets/Forms.css";				
@import "Snippets/AlertBar.css";				
@import "Snippets/Masthead.css";
@import "Snippets/Footer.css";
@import "Snippets/Posts.css";
@import "Snippets/Widgets.css";
@import "Snippets/Home.css";
@import "Snippets/Newsletter.css";
@import "Snippets/Privacy.css";
@import "Snippets/BottomBar.css";
@import "Snippets/Popup.css";
@import "Snippets/Share.css";
@import "Snippets/Tabs.css";
@import "Snippets/Live.css";
@import "Snippets/Article.css";

:root { 

--FontHead: "Noto Serif", serif;
--FontText: "Poppins", arial, helvetica, sans-serif;

--FSTiny: 9px;
--FSSmall: 11px;
--FSMedium: 13px;
--FSLarge: 14px;
--FSXL: 16px;
--FSXXL: 24px;

--White: #FFFFFF; 
--Gray10: #ECECEC;
--Gray20: #B0B3B8;
--Gray30: #909090;
--Gray40: #353535;
--Gray50: #242529;
--Black: #0A0604;

--Red: #8D1434;
--DarkRed: #55051A;

--Green: #39B54A;
--Blue: #3366FF;
--Yellow: #FFCC66;
--Orange: #E76C29;
--Tan: #F7F5F0;
--TanDark: #F2EEE6;

--Brown: #351D0D;

--Tan1: #F7F5F0;
--Tan2: #F2EEE6;
--Tan3: #DBD6CB;
--Tan4: #B1A897;

--Alert: #FF0000;

--Trans1:  rgba(0,0,0,0);
--Trans2:  rgba(0,0,0,.8);
--Trans3:  rgba(255,255,255,.6);
--Trans4:  rgba(47,47,47,.95);
--Trans5:  rgba(0,0,0,.4);
--Trans6:  rgba(255,255,255,.2);

/* ////////////////////////////////////////////////////////////////// */

--Body: var(--Tan1);
--Input: var(--White);
--Text: var(--Gray40);
--LinkColor: var(--Red);
--Headline: var(--Black);

--MenuBackground: var(--White);
--MenuBorder: var(--Gray10);
--MenuSubhead: var(--Black);
--MenuText: var(--Gray40);
--MenuLink: var(--Gray40);
--MenuHover: var(--Gray10);

--DropdownBackground: var(--Black);
--DropdownBorder: var(--Gray40);
--DropdownText: var(--Gray40);
--DropdownLink: var(--White);

--NavColor: var(--Gray40);
--NavText: var(--Gray40);
--NavBorder: var(--Gray40);

--IconBackground: var(--Gray40);
--IconBorder: var(--Gray20);

--AlertBarBackground: var(--Red);
--AlertBarText: var(--White);
--AlertBarLink: var(--White);

--HomePromoBackground: var(--Gray80);
--HomePromoHeadline: var(--White);
--HomePromoText: var(--Gray20);

--PostTitle: var(--Black);
--PostText: var(--Gray40);
--PostBorder: var(--Red);

--MastheadBackground: var(--Tan3);
--MastheadBorder: var(--Tan3);
--MastheadText: var(--White);
--MastheadLink: var(--White);
--MastheadHover: var(--White);

--FooterBackground: var(--Tan1);
--FooterText: var(--Gray40);
--FooterLink: var(--Red);
--FooterSubhead: var(--Black);
--FooterInputBackground: var(--White);
--FooterInputText: var(--Gray40);

--DisclaimerBackground: var(--Tan2);
--DisclaimerText: var(--Gray40);
--DisclaimerLink: var(--Red);
--DisclaimerBorder: var(--Tan1);

--BottomBarBackground: var(--Red);
--BottomBarText: var(--White);

--InfoHeadline: var(--Black);
--InfoText: var(--Gray40);
--InfoLink: var(--Red);

}

/* ////////////////////////////////////////////////////////////////// */

@media (min-width: 640px) {

:root { 
--FSTiny: 10px;
--FSSmall: 12px;
--FSMedium: 14px;
--FSLarge: 16px;
--FSXL: 18px;
--FSXXL: 26px;
}

}

/* ////////////////////////////////////////////////////////////////// */