/*
Theme Name: UPROAR
Author: Scott Gruber
Author URI: https://sgruber.info
Description: My first responsive HTML5 theme
Version: 1.05
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
  box-sizing: border-box;
}
body {
    background-color: #ffffff;
    font-family: Lato, Arial, Helvetica, sans-serif;
}


.headimg { float: left; padding-right: 20px;
  clear: both;
  display: table; }
  .headtext { margin-left: 20px; padding-left: 20px; }
  
   a.homelink { color: #000000; text-decoration: none; }
   a.homelink:hover { color: #a10303; }

.my-logo {
	width: 95%;
  margin-bottom: 8px; 
  padding: 1%; 
  margin: 2%;
background-color: transparent; border: double 3px black;  clear: both; min-height: 180px;
}

.uproar { font-family: Lato; 
font-size: 300%; 
font-weight: 800; padding-bottom: .1em; margin-bottom: .1em; text-decoration: none;
    }

body > header > h1 > a {
  color: #000000;
  font-weight: 600;
}

article > header {
    border-bottom: double 3px #f9f9f9;
}
.pagination { border-top: double 3px #a10303; 
background: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, .85)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg"); 
padding: 1em; text-align: center; font-weight: 600; }
.tagcat { border-top: double 3px #a10303; 
background: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, .85)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg");
height: fit-content;
  height: -moz-fit-content; }
.postcats {width:50%; display: block; padding-left: 1em; float: left; font-family: Lato; font-weight: 600;  }
.posttags {width:50%; display: block; padding-right: 1em; text-align: right; float: right; font-weight: 600;
font-family: Lato;   }

.entry-author { color: #333333; }
.entry-date { color: #333333; }

a { color: #a10303;
  text-decoration: underline;
}
a:hover { color: #333333; }

/* 'Margin: 0 auto' centers block content on the page */
.wrap {
  width: 95%;
  margin: 0 auto;
}

h1, h2, h3 { 
    font-family: Lato, sans-serif; 
font-weight: 600;
}

footer {
  width: 100%;
  padding-left: 1%;  margin-top: 4px;
padding-bottom: 2em;
  color: #f9f9f9;
  background-color: #333333;
  border-top: 3px double #000000;
}

.content-area {
  display: inline-block;
}
main.wrap { border-left: double 3px #dddddd; border-top: double 3px #dddddd;  }

.content-thin {
    width: 60%; 
}

.content-full-width {
    width: 100%; 
}
.content-area,
.primary-sidebar {
  display: inline-block;
}

.primary-sidebar {
  width: 30%;
  padding: 1%;
  vertical-align: top;
  background-color: #ffffff; 
}

.primary-sidebar figure { margin:0px; }
.tophead { background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, .75)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg"); 
padding: 5px; float:none; margin-bottom: 5px; }
.tophead .menu-tophead-container { font-family: Lato; font-weight: 600; font-size: 95%; 
}
.tophead .menus {  background-color: #f9f9f9; width: 95%;   margin: 0 auto; z-index:0; text-transform: uppercase; }
.tophead .menu-tophead-container ul.menu {   list-style-type: none;  background-color: #f9f9f9; display: flex; position: relative;
background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, .85)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg"); 
  margin: 0;
  padding: 0; z-index: 0;}
.tophead .menu-tophead-container ul.sub-menu {  display:none; list-style-type: none;  position: absolute; width: 100%; 
  margin: 0;
  padding: 0;     z-index: 5;  }
  
  .tophead .menu-tophead-container .menu-item-has-children:hover .sub-menu {
 display: flex;
 justify-content: space-between;   
 align-items: center; width: 15%;
 flex-direction:column;  z-index: 5;
}
 
 .tophead .menu-tophead-container ul.sub-menu li { background-color: #f9f9f9; position:relative;
  width: 100%;
display: flex;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
height: fit-content;
  height: -moz-fit-content;
 float: left;  z-index: 5; background-color: #dddddd;
}
 
 .tophead .menu-tophead-container ul.sub-menu a { 
    padding: 12px 16px;
  text-decoration: none;
  display: block;  width: 100%;
 }
  
.tophead .menu-tophead-container ul.menu li { float: left ; width: 100%;
}

.post-excerpt { font-size: 90%; }


.tophead .menu-tophead-container ul.menu li a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.tophead .menu-tophead-container ul.menu .current-menu-item {
   background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, .85)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg");
  float: left;  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
}

.tophead .menu-tophead-container ul.menu li a:hover {
background-color: #333333; color: #f9f9f9;    

}


body.page-id-40 .menus { display: none; }
body.page-id-40 .article-full header { display: none; }
body.page-id-40 { background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, .70)), url("/wp-content/themes/uproar/images/kiwihug-qv05FvdE26k-unsplash-lt.jpg"); }
body.page-id-40 .content-full-width { background: transparent!important; width: 90%; margin: 0 auto;}
body.page-id-40 .article-full { background: transparent!important; }
body.page-id-40 .splash-links a { color: #000000; text-transform: uppercase; font-weight: 800; text-decoration: none; }

.tax-title { padding-left: .5em;}
.taxonomy-description { padding-left: 1em; font-weight: 500; font-size: 110%;}

.sticky-post { background-color: #a10303 ; border: double 3px #f9f9f9; padding: 1em; color: #ffffff;}
.sticky-post a { color: #f9f9f9; }
.sticky-post a:hover { color:#ffffff;} 
.sticky-post .entry-author { color: #f9f9f9; }
.sticky-post .entry-date { color: #f9f9f9; }


footer { font-size: 80%; text-align: left; padding:2em; text-align: center; }
footer .menu-tophead-container { width: 80%; margin: 0 auto; }
footer .menu-tophead-container ul.menu { columns: 3; list-style: none; list-style-position: outside; text-indent: none; margin: 0; padding: 0; font-weight: 600;}
footer .menu-tophead-container ul.sub-menu { list-style: none; list-style-position: outside; text-indent: none; margin:0; padding: 0; font-weight: 300;}
footer .menu-tophead-container a { color:#f9f9f9;}
footer .menu-tophead-container a:hover { color:#ffffff;}

.article-loop {
    width: 100%;
    text-align: left;
    margin: 5px;
    padding: 10px;
}

.article-full {
  width: 99%;
  padding: 1%;
}

.article-loop,
.article-full {
  display: inline-block;
  vertical-align: top;
  background-color: #FFF;
  border-radius: 4px;
  margin-bottom: 4px;
}

blockquote.wp-block-quote { border-top: double 3px #f9f9f9;  border-left: double 3px #dddddd; border-bottom: double 3px #f9f9f9; border-right: double 3px #f9f9f9; padding: 1em; font-size: 110%;}

  .hamburger { display: none; }
  .hider { display: block; }

@media screen and (max-width: 600px) {
  .content-area { width: 100%; }
  .primary-sidebar {
   display: block;
  }  
  .hamburger { display: block; font-family: Lato; font-weight: 600; 
  width: 100%; text-align: center;  padding-top: 16px; padding-bottom: 16px;
  text-decoration: none;}
  .hider { display: none; }
  .hamburger a.icon {  text-decoration: none; }
  .tophead .menu-tophead-container ul.menu {  display: block;
  width: 100%; padding-bottom: 12px;}
  .tophead .menu-tophead-container ul.menu li {  display: block;
  width: 100%; }
    .tophead .menu-tophead-container .menu-item-has-children:hover .sub-menu { width: 100%; }
   .tophead .menu-tophead-container .sub-menu  { 
  width: 100%; }
   .tophead .menu-tophead-container .sub-menu li { background-color: #dddddd;
  width: 100%; }
     .tophead .menu-tophead-container .sub-menu li a { 
  width: 100%; }
.tophead .menu-tophead-container ul.menu li a {
  display: block; }
  footer .menu-tophead-container ul.menu { columns: 2 }


}

@media screen and (max-width: 900px) {
  .content-area,
  .primary-sidebar {
    width: 100%;
  }
  .wp-block-group-is-layout-grid {  display: block; text-align: center;}
     .is-layout-grid {  display: block!important; }
  .wp-container-core-group-is-layout-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}