/*
 Theme Name:   Performance Office Papers
 Theme URI:    https://generatepress.com
 Description:  Custom GeneratePress child theme
 Author:       mindSHIFT Technologies
 Author URI:   https://www.mindshift.com
 Template:     generatepress
 Version:      18-12-2019
*/

/*Auto adjust width to match the longest sub-menu item*/
.main-navigation ul ul {
  width: auto;
  white-space: nowrap;
}
.main-navigation ul ul .menu-item-has-children {
  margin-right: 50px;
}
.sub-menu li a {text-transform: none;}
.main-navigation ul ul li {
	border-bottom: 1px solid #69756c;
}


#masthead {
	margin-top: 30px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#page {
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


#upper-search-form {
	float:right;
	display: flex;
}
#upper-search-form div {display:inline-flex;}
#upper-search-form .search-form {
    margin: 17px 10px 0 0;
}


#hdrhero {margin-top: 30px;}
.hdrsplit {padding-left: 0;}
.hdrtop {
	background-color: #4D951D;
  color: #FFF;
	padding: 40px 20px 0px 20px;
	font-weight: bold;
	min-height: 120px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.hdrbot {
	background-color: #759F3D;
  color: #FFF;
	padding: 40px 20px 0px 20px;
	min-height: 94px;
}
.hdrbot a {
	color: #FFF;
}
.hdrbot a[href^="tel:"] {
	font-weight:bold;
}


::selection {
  background: #4D951D; /* WebKit/Blink Browsers */
	color:#fff;
}
::-moz-selection {
  background: #4D951D; /* Gecko Browsers */
	color:#fff;
}


body {
background: rgb(233,233,206);
background: linear-gradient(0deg, rgba(233,233,206,1) 80%, rgba(131,160,93,1) 80%);
}


.entry-content > h2 {color: #4d951d;}


#ind-selector {
	margin-top: 40px;
	border: 1px solid #4D951D;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(/wp-content/uploads/2019/03/ind-selector-bckgrnd.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}
#ind-selector ul {
	margin-left: 0;
	padding-left: 0;
	font-size: 15px;
}


#media_image-2 {margin:0; padding:0;}
#see-products {font-weight:bold;}
#see-products a {color: inherit;}
#see-products .normal {font-weight:300;}

#ColorLok div {
  background-color: #4D951D;
  color: #fff;
  padding: 10px;
  font-size: smaller;
	font-weight: 600;
}
#ColorLok div a {color:#fff;}
#sfi, #fsc {
	font-size: small;
}

/* Sidebar */
.featuring, .featuring h2 {
    margin-bottom: 0;
}
.featuring h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #00AA66;
}
.featuring h3 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    border-bottom: 2px dotted #69756C;
}


/* Online Catalog Grid */
#category-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#category-grid .flex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#category-grid .flex-item {
    background-color: #F8F8F0;
    padding: 0.5em;
    margin: 0.5em;
    width: 220px;
}
#category-grid h4 {font-weight: bold; line-height: 1em;}
#category-grid .flex-item div {color: #999; font-size: small;}
#category-grid .flex-item div div {font-size: smaller;}




#product-details .featured-post-img {
    padding: 20px 20px 0;
    background-color: #F7F7EF;
}
#product-details hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #83a05d;
    margin: 1em 0;
    padding: 0;
}
#product-details .specs {
    font-size: small;
    color: #666;
}
#product-details h2 {font-weight: 600;}
#product-details h3:first-of-type {margin:0;}
#product-details p {margin: 1.25em auto;}
/* #product-details .colorlok { */
.prominent {
    font-weight: bolder;
    color: #bf00a1;
}

.divTable{
	display: table;
	width: 100%;
    margin-bottom: 1.25em;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/* border: 1px solid #999999; */
	display: table-cell;
	padding: 0;
}
.divTableCell:first-of-type {
    width: 40%;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #upper-search-form {display: none;}
}
@media (max-width: 768px) {
    /* CSS in here for mobile only */
    #hdrhero {display: none;}
}