/*
Theme Name: IMNW
Theme URI: https://imnewswatch.com
Author: Levi Cullum
Author URI: https://imnewswatch.com
*/

:root {
  --gr: linear-gradient(141deg, #64001E 0,#CA003D 100.00%);
  --primary-400: #CE3B33;
  --primary-500: #AE0006;
  --primary-900: #530020;
  --gray-100: #FFFFFF;
  --gray-200: #F5F5F5;
  --gray-300: #E5E5E5;
  --gray-400: #D4D4D4;
  --gray-500: #A3A3A3;
  --gray-600: #737373;
  --gray-700: #525252;
  --gray-800: #404040;
  --gray-900: #262626;
  --gray-1000: #171717;
  --warning: #E6BA39;
  --success: #95C939;
  --info: #028DD3;
  --danger: #F24232;
  --h1-bold: 1.897vw;
  --h1-semibold: 1.897vw;
  --h1-medium: 1.66vw;
  --h2-bold: 1.66vw;
  --h2-semibold: 1.66vw;
  --h2-medium: 1.541vw;
  --h3-bold: 1.541vw;
  --h3-semibold: 1.541vw;
  --h3-medium: 1.422vw;
  --h4-bold: 1.422vw;
  --h4-semibold: 1.422vw;
  --h4-medium: 1.304vw;
  --h5-bold: 1.304vw;
  --h5-semibold: 1.304vw;
  --h5-medium: 1.186vw;
  --h6-bold: 1.186vw;
  --h6-semibold: 1.186vw;
  --h6-medium: 1.25rem;
  --p1-bold: 0.949vw;
  --p1-medium: 0.949vw;
  --p1-regular: 0.949vw;
  --p2-bold: 1.067vw;
  --p2-medium: 1.067vw;
  --p2-regular: 1.067vw;
  --p3-bold: 0.83vw;
  --p3-medium: 0.83vw;
  --p3-regular: 0.83vw;
  --p3-lable-regular: 0.83vw;
}
.gr { color: var(--gr); }
.primary-400 { color: var(--primary-400); }
.primary-500 { color: var(--primary-500); }
.primary-900 { color: var(--primary-900); }
.gray-100 { color: var(--gray-100); }
.gray-200 { color: var(--gray-200); }
.gray-300 { color: var(--gray-300); }
.gray-400 { color: var(--gray-400); }
.gray-500 { color: var(--gray-500); }
.gray-600 { color: var(--gray-600); }
.gray-700 { color: var(--gray-700); }
.gray-800 { color: var(--gray-800); }
.gray-900 { color: var(--gray-900); }
.gray-1000 { color: var(--gray-1000); }
.warning { color: var(--warning); }
.success { color: var(--success); }
.info { color: var(--info); }
.danger { color: var(--danger); }
.h1-bold { font-size: var(--h1-bold); line-height: 1.3125; font-weight: 700; }
.h1-semibold { font-size: var(--h1-semibold); line-height: 1.3125; font-weight: 600; }
.h1-medium { font-size: var(--h1-medium); line-height: 1.3125; font-weight: 500; }
.h2-bold { font-size: var(--h2-bold); line-height: 1.285714; font-weight: 700; }
.h2-semibold { font-size: var(--h2-semibold); line-height: 1.285714; font-weight: 600; }
.h2-medium { font-size: var(--h2-medium); line-height: 1.285714; font-weight: 500; }
.h3-bold { font-size: var(--h3-bold); line-height: 1.230769; font-weight: 700; }
.h3-semibold { font-size: var(--h3-semibold); line-height: 1.230769; font-weight: 600; }
.h3-medium { font-size: var(--h3-medium); line-height: 1.230769; font-weight: 500; }
.h4-bold { font-size: var(--h4-bold); line-height: 1.25; font-weight: 700; }
.h4-semibold { font-size: var(--h4-semibold); line-height: 1.25; font-weight: 600; }
.h4-medium { font-size: var(--h4-medium); line-height: 1.25; font-weight: 500; }
.h5-bold { font-size: var(--h5-bold); line-height: 1.272727; font-weight: 700; }
.h5-semibold { font-size: var(--h5-semibold); line-height: 1.272727; font-weight: 600; }
.h5-medium { font-size: var(--h5-medium); line-height: 1.272727; font-weight: 500; }
.h6-bold { font-size: var(--h6-bold); line-height: 1.3; font-weight: 700; }
.h6-semibold { font-size: var(--h6-semibold); line-height: 1.3; font-weight: 600; }
.h6-medium { font-size: var(--h6-medium); line-height: 1.3; font-weight: 500; }
.p1-bold { font-size: var(--p1-bold); line-height: 1.5; font-weight: 600; }
.p1-medium { font-size: var(--p1-medium); line-height: 1.5; font-weight: 500; }
.p1-regular { font-size: var(--p1-regular); line-height: 1.5; font-weight: 400; }
.p2-bold { font-size: var(--p2-bold); line-height: 1.444444; font-weight: 600; }
.p2-medium { font-size: var(--p2-medium); line-height: 1.444444; font-weight: 500; }
.p2-regular { font-size: var(--p2-regular); line-height: 1.444444; font-weight: 400; }
.p3-bold { font-size: var(--p3-bold); line-height: 1.428571; font-weight: 600; }
.p3-medium { font-size: var(--p3-medium); line-height: 1.428571; font-weight: 500; }
.p3-regular { font-size: var(--p3-regular); line-height: 1.428571; font-weight: 400; }
.p3-lable-regular { font-size: var(--p3-lable-regular); line-height: 1.428571; font-weight: 400; }

body { height: max-content; margin: 0; font-family: "Lexend Deca", sans-serif; }
button { font-family: "Lexend Deca", sans-serif; }
input { font-family: "Lexend Deca", sans-serif; }
footer { display: flex; flex-direction: column; justify-content: flex-end; }
a { color: var(--primary-500); }

.wrapper { padding-left: 16.5%; padding-right: 16.5%; }
.flexbox { display: flex; align-items: center; }
.centerbox { display: flex; align-items: center; justify-content: center;  text-align: center;}
.rightbox { float: right; margin-left: auto; display: flex; align-items: center; justify-content: right; }
.headerbox { overflow-x: auto; border-bottom: thin solid var(--gray-300); }
.burger { height: 12%; background-color: var(--gray-600); }
.trending-article-button { width: 3.69%; height: 1.7vw; border: thin solid var(--primary-500); border-radius: 2.5px; font-stretch: condensed; background-color: var(--primary-500); color: white; }
.menuitem { padding: 1% 1% 1% 1%; color: var(--gray-700); text-decoration: none; }
.sm-link { padding-right: 1%; }
.sm-img { width: 1.5rem; height: 1.5rem; filter: grayscale(100%); }
.footer-column-header { padding: 20% 0 3% 0; margin: 0 10% 3% 0; border-bottom: thin solid var(--gray-500); color: var(--primary-500); }
.footer-menuitem { padding: 0; }
.link-padding { padding: 2.5% 0 2.5% 0; }
.frontpage-header { width: 100%; }
.frontpage-heading { padding: 2vh 0 2vh 0; color: var(--primary-500); }
.frontpage-headline { width: 10rem; height: 0.25rem; background-color: var(--warning); }
.frontpage-headline-bottom { margin-bottom: 5px; border-bottom: thin solid var(--gray-500); } 
.goto { width: 3vw; height: 3vw; padding: 0; margin: 0 0 0 2%; border: none; background-color: white; color: var(--primary-500); }
.postcard-category { padding: 5px 0 5px 0; color: var(--primary-500); text-decoration: none; } 
.postcard-uncategorized { padding: 5px 0 5px 0; color: var(--primary-500); } 
.postcard-title { padding-right: 10px; color: var(--gray-800); text-decoration: none; }
.postcard-date { color: var(--gray-800) }
.postcard-text { padding-bottom: 10px; border-bottom: thin solid var(--gray-500); color: var(--gray-500)}
.post-header-link { vertical-align: center; text-decoration: none; }
.post-header-text { vertical-align: center; color: var(--gray-600); }
.post-subheading { color: var(--gray-600); }
.advertise-imnw-box { display: flex; flex-direction: column; align-items: center; width: 15vw; height: 7.5vw; padding: 5px; }

.trending-article-button:hover { background-color: white; color: var(--primary-500);}
.menuitem:hover {color: var(--primary-400);}
.goto:hover { border: thin solid var(--primary-500); }
.postcard-category:hover { color: var(--primary-900); text-decoration: underline;  }
.postcard-title:hover { color: var(--primary-500); text-decoration: underline;}
.post-header-link:hover { text-decoration: underline; }

#date { width: 25%; padding: 1vw 0 1vw 0; color: var(--gray-600); }
#burger-container { width: 1.8%; height: 1.13vw; padding: 1vw 2.65% 1vw 2.65%; vertical-align: middle; }
#trending { 
  width: 7.96%; height: 2vw; padding: 0 2.086% 0 2.086%; margin-right: 2.71%; overflow: clip; border-radius: 2.5px; background-color: var(--primary-500); color: var(--gray-100);
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
}
#trending-article { width: 67.83%; margin-right: 2.71%; color: var(--gray-700);}
#subscribe { width: 100%; height: 2.5vw; padding: 0 0.44vw 0 0.44vw; overflow: clip; border: 1.5px solid var(--primary-500); border-radius: 10px; background-color: white; color: var(--primary-500);}
#search { height: 2rem; margin-right: 5px; padding-left: 5px; border: none; background-color: var(--gray-200);}
#submit-search { width: 2rem; height: 2rem; border: none; background-color: var(--primary-500); color: white;}
#footer-flex { display: flex; align-items: top; padding-bottom: 2.5%; }
#copyright { padding: 2% 0 2% 0; background-color: color-mix(in oklab, var(--primary-500), var(--primary-900)); color: white; }
#post-subheading-container { width: 100%; padding: 1rem 0 1rem 0; border-top: thin solid var(--gray-400); border-bottom: thin solid var(--gray-400); }
#sm-button { border: none; background-color: white; cursor: pointer; }
#wa-popup { width: 100%; gap: 0.5rem; }
#wa-button { border: thin solid var(--gray-600); background-color: white; }
#advertise-imnw { align-items: flex-start; width: 16.5vw; height: 16.5vw; padding: 5px; color: white; }
#advertise-imnw-contact { width: 12vw; height: 30%; border-radius: 2px; color: var(--primary-500); background-color: white; }
#submit-news { flex-direction: column; width: 16.5vw; height: 16.5vw; padding: 5px; background-color: var(--gray-200); } 
#submit-news-title { width: 100%; padding-bottom: 20px; color: var(--gray-800); }
#submit-news-text { padding-bottom: 20px; color: var(--gray-600); }
#submit-news-button { width: 80%; height: 2vw; border: thin solid var(--primary-500); border-radius: 5px; color: var(--primary-500);}
#glossary-key { display: flex; align-items: center; gap: 10px; }

#wa-button:hover { border: thin solid var(--primary-500); }