/**
Theme Name:     GeneratePress Child Outpost
Author:         WashCo Webmaster
Author URI:     http://wordpress.org/themes/generatepress
Description:    GeneratePress Child Outpost
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    generatepress-outpost
Template:       generatepress
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('/wp-content/themes/generatepress/style.css');

/* page content template width fix, certain legacy code kept content width at 1100px wide */
.grid-container {
  max-width: 6000px;
  width: 100% !important;
}

/* sidebar content container */
#secondary {
    padding-top: 2em;
}
#primary-sidebar {
    background-color: var(--base);
    padding: 1em;
}

/* full width margins desktop */
.full-width-content .container.grid-container {
    padding-left: 20px;
    padding-right: 20px;
}
/* full width margins mobile */
@media(max-width: 768px) { 
    .full-width-content .container.grid-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* theme button bg customization */
:is(.stk-block-button, .stk-block-icon-button, .stk-block-pagination):not(.is-style-link) .stk-button {
	background: var(--accent);
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	background-color: var(--accent);
}

/* match wpforms buttons with theme */
.wpforms-form button[type=submit], button.wpforms-page-button {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: var(--base-3) !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover, button.wpforms-page-button:hover {
    background-color: var(--contrast-3) !important;
}

/* crop featured image and post listings cuz images are TOO tall */
.featured-image {
    overflow: hidden;
    height: 250pt !important;
}
.post-image {
    overflow: hidden;
    height: 250pt !important;
}

/* change theme header nav padding */
.inside-header {
    padding: 15px 40px;
}

/* override theme floating header background color => go to CatchSticky plugin settings */

  /**
   * 14.0 Custom
   * -----------------------------------------------------------------------------
   */
  
  /* tabular elements
  --------------------------------------------------------- */
  table
  {
  background-color: transparent;
  empty-cells: show;
  text-align: left;
  width: 100%;
  }
  
  table img
  {
  float: right;
  display:inline;
  }
  
  table thead th
  {
  border: 0;
  border-bottom: 1px solid #ddd;
  color: #777;
  font-size: 90%;
  text-align: left;
  }
  
  table tbody td 
  {
  color: #444;
  border-bottom: 1px solid #eee;
  vertical-align: top;
  }
  
  table tbody tr:hover 
  {
  background-color: #eee;
  }
  
  table tbody tr.noHover:hover 
  {
  background-color: transparent;
  }

  /*
  JC Remote Hearings
  */
  .jcRHearCol0 {
	border-right: solid 2px #000000;
  }

  .jcRHearTH {
	background-color: #dddddd; /* d3d3d3 light gray; */
	border-bottom: solid 2px #000000;
  }

  /*
  HR Compensation Calculator
  */
  .content-area-full {
	  margin-bottom:60px;
	  width:100%;
	  max-width:100%;
  }
  
  .rowComp {
	  width: 100%;
	  margin: 0 auto;
	  margin-bottom: -40px; /* 10px */
	  text-align: left;
	  vertical-align: top;
  }
  .rowComp .rowComp {
	  margin: 0 -10px;
	  width: auto;
  }
  .colComp {
	  vertical-align: top;
	  width: 42%;
	  margin: 10px;
	  padding: 10px;
	  display: inline-block;
	  flex-wrap: wrap;
  }
  .colTable {
	  margin: 0px;
	  padding-bottom: 10px;
  }
  .colChart {
	  margin: 0px;
	  padding: 0px;
  }
  .colCard {
	  background-color: #edf0a8;
	  border-radius: 0.5rem;
  }
  @media screen and (min-width: 150px) {
	  .colComp {
		  width: 90%;
	  }
  }
  @media screen and (min-width: 673px) {
	  .colComp {
		  width: 90%;
	  }
  }
  @media screen and (min-width: 783px) {
	  .colComp {
		  width: 90%;
	  }
  }
  @media screen and (min-width: 1008px) {
	  .colComp {
		  width: 42%;
	  }
  }
  
  table.compCalc
  {
  background-color: transparent;
  empty-cells: show;
  text-align: left;
  width: 100%;
  }
  
  table.compCalc img
  {
  float: right;
  display:inline;
  }
  
  table.compCalc thead th
  {
  border: 0;
  border-bottom: 1px solid #ddd;
  color: #777;
  font-size: 90%;
  text-align: left;
  }
  
  table.compCalc tbody td 
  {
  color: #444;
  border-bottom: 1px solid #eee;
  vertical-align: top;
  padding: 10px;
  line-height: 1.5;
  }
  
  table.compCalc tbody td.alignNumbers
  {
  text-align: right;
  white-space: nowrap;
  }
  
  table.compCalc tbody td.subtotalNumbers
  {
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-style: solid;
  }
  
  table.compCalc tbody td.totalNumbers
  {
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-style: double;
  }
  
  table.compCalc tbody tr:hover 
  {
  background-color: #eee;
  }
  
  table.compCalc tbody tr.noHover:hover 
  {
  background-color: transparent;
  }
  
  /* form stuffs elements
  --------------------------------------------------------- */
  /* form styles */
  form
  {
	opacity: 1.0;
  }
  
  form fieldset
  {
  clear: both;
  border: 1px solid #ccc;
  padding: 10px 10px 20px 10px;
  margin: 0 0 10px 0;
  }
  
  form fieldset legend {
  font-size: 15px;
  }
  
  form fieldset ol
  {
  padding: 1em 1em 0 1em;  
  list-style: none;  
  }
  
  form fieldset li
  {
  padding-bottom: 10px;
  float: left;    
  clear: left;    
  width: 100%;    
  }
  
  form fieldset label {    
  float: left;    
  width: 175px;    
  margin-right: 10px;  
  text-align:right;
  }
  
  form fieldset label.error
  {
  color: red;
  margin: 8px 10px 0 185px;
  text-align: left;
  }
  
  /* for assessors  */
  .bigDisclaimer
  {
  margin: 5px; padding:10px;
  background-color: #ffcccc;
  border: 1px solid #cc3300;
  font-weight: bold;
  }
  
  .bigDisclaimer2
  {
  margin: 10px 0; padding:10px;
  background-color: #6699cc;
  border: 1px solid #004a80;
  color: #fff;
  font-weight: bold;
  }
  
  /* general callouts */
  .Notifications
  {
  padding: 7px;
  border: 1px solid #a7a7a4;
  background-color: #edf0a8;
  }
  
  .NoticeRed
  {
  color: #ba5941;
  padding: 7px;
  border: 1px solid #ba5941;
  background-color: #edf0a8;
  }
  .NoticeGreen
  {
  color: #7cc24d;
  padding: 7px;
  border: 1px solid #7cc24d;
  background-color: #edf0a8;
  }
  .NoticeBlue
  {
  color: #004a80;
  padding: 7px;
  border: 1px solid #004a80;
  background-color: #edf0a8;
  }
  
  .callin
  {
  font-weight: bold;
  color: #066caa;
  }
  
  .callout
  {
  font-weight: bold;
  color: #ba5941;
  }
  
  a.callout
  {
  font-weight: bold;
  color: #ba5941;
  }
  
  a:visited.callout
  {
  font-weight: bold;
  color: #ba5941;
  }
  
  ul.noStyle {
  list-style-type: none;
  }
  
  .colHalf {
	width: 50%;
  }
  .colThird {
	width: 33%;
  }
  .colQuarter {
	width: 25%;
  }
  
  .NoticeTilePLCU {
	text-align: center;
	padding: 0px;
	border: 1px solid #ba5941;
	background-color: #edf0a8;
  }
  
  .NoticeImg {
	background-image:url("/wp-content/uploads/all/images/bnr/sand-hollow-03.jpg");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
  }
  .NoticeTile {
	opacity: 0.6;
	padding: 7px;
	border: 1px solid #ba5941;
	background-color: #edf0a8;
  }
  
  .inputTextUCase {
  text-transform: uppercase;
  }
  
  .alignCenterMiddle {
  text-align: center;
  vertical-align: middle;
  }
  table.alignTDCenterMiddle td
  {
  text-align: center;
  vertical-align: middle;
  }
  
  table.TableBlue
  {
  background-color: #dde;
  }
  table.TableBlue th, table.TableBlue td
  {
  border: 1px solid #005978;
  }
  table.TableGreen
  {
  background-color: #ded;
  }
  table.TableGreen th, table.TableGreen td
  {
  border: 1px solid #7cc24d;
  }
  table.TableRed
  {
  background-color: #edd;
  }
  table.TableRed th, table.TableRed td
  {
  border: 1px solid #ba5941;
  }
  table.TableYellow
  {
  background-color: #eed;
  }
  table.TableYellow th, table.TableYellow td
  {
  border: 1px solid #f7a81b;
  }
  
  fieldset.FieldBlue
  {
	border: 3px solid #005978;
	background-color: #dde;
  }
  fieldset.FieldGreen
  {
	border: 3px solid #7cc24d;
	background-color: #ded;
  }
  fieldset.FieldRed
  {
	border: 3px solid #ba5941;
	background-color: #edd;
  }
  fieldset.FieldYellow
  {
	border: 3px solid #f7a81b;
	background-color: #eed;
  }
  
  div.ubermenu-custom-item-desc {
  font-size:x-small;
  }
  
  .inputStyleClassA {
	font-weight: bold;
  }
  
  /**** Guidelines and Error Highlight ****/
  form .guidelines
  {
	  background:#f5f5f5;
	  border:1px solid #e6e6e6;
	  color:#444;
	  font-size:80%;
	  line-height:130%;
	  margin:0 0 0 8px;
	  padding:8px 10px 9px;
	  position:relative;
	  visibility:hidden;
	display:none;
	  top:0px;
	left:5px;
	width:auto;
	  z-index:1000;
  }
  
  form .guidelinesShow
  {
	  visibility:visible;
	display:inline;
  }
  
  form .guidelines small
  {
	  font-size:105%;
  }
  
  form li:hover .guidelines
  {
	  visibility:visible;
	display:inline;
  }
  
  .highlight, a.highlight
  {
  background-color: #ffcc00;
  }
  /**** END Guidelines and Error Highlight ****/
  
  .indentContent {
  position: relative;
  margin-left: 5%;
  }