/*
Theme Name: Codeguild GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Codeguild
Author URI: https://codeguild.com/
Description: Child of GeneratePress
*/

/* Top menu: Tighten, add bottom border, transform to uppercase */
.main-navigation .main-nav ul li a {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  line-height: 40px;
}
.site-header {
  background-color: #FFFFFF !important;
  border-bottom: 1px #0c3182 solid;
  padding-bottom: 5px;
  margin-top: -10px;
}
.main-navigation li a {
  font-weight: 500;
  /* color: #5ba300; */
  color: #20083f; /* per request from team */
  text-transform: capitalize;
	
}

/* Tigthen up header height */
.inside-header {
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 5px !important;
  padding-left: 40px;
}

/* Tighten space between menu and content */
.one-container .site-content {
  padding-top: 40px; /* added space here between menu and content at Keun-woo's request */
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}
.entry-content {
  margin-top: 1em !important;
}

/* from IS.org, copied over for Pati to create a stacked grid layout */
.multi-column-grid {
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  grid-gap: 20px;
}

/* Make page title a little smaller */
h1 {
  font-size: 36px !important;
  font-weight: bold; /* bolded all titles on pages */
  margin-bottom: 10px !important;
  color: #20083f !important;
}
h2 {
  font-size: 30px;
  font-weight: normal; 
  color: #20083f !important;
}
h3 {
  font-size: 20px;
  color: #20083f !important;
}
h4 { /* for titles on figures and tables */
  font-size: 15px;
  font-weight: bold;
  color: #20083f !important;
}
.entry-title {
	margin-top: 10px;
}

/* add a line above footer */
.site-footer {
  border-top: 1px #0c3182 solid;
  background-color: #ffffff !important;
}
.inside-site-info {
  background-color: #ffffff !important;
}

/* big button */
.bigbutton {
  background-color: #20083f;
  border-radius: 50px;
  width: 90%;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}

/* align featured image in the center if displayed at top */
.featured-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* make blockquotes a little smaller */
.entry-content .blockquote {
	font-size: 1em !important;
}

/*--------------------------------------------------------------
 Team page styling 
--------------------------------------------------------------*/
.staff-two-column {
	column-count: 2;
	column-width: 370px;
	min-width: 620px; 
	column-gap: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	vertical-align: top;
}
.staff-two-column  .staff {
	display: block;
	break-inside: avoid; /* KEY to 2nd column formatting right in firefox */
	width: 360px;
	height: 140px;
	min-width: 350px;
	min-height: 120px;
	font-size: 14px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: top;
	vertical-align: top;
}

.staff-two-column .staff img {
	display: block;
	width: 100px;
    max-height: 140px;
	height: auto;
	min-height: 100px;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*--------------------------------------------------------------
 Home page styling 
--------------------------------------------------------------*/
.home-two-column {
	column-count: 2;
	column-width: 370px;
	min-width: 620px; 
	column-gap: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	vertical-align: top;
}
.home-two-column  .staff {
	display: block;
	break-inside: avoid; /* KEY to 2nd column formatting right in firefox */
	width: 360px;
	height: 140px;
	min-width: 350px;
	min-height: 120px;
	font-size: 14px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: top;
	vertical-align: top;
}

.home-two-column .staff img {
	display: block;
	width: 100px;
    max-height: 140px;
	height: auto;
	min-height: 100px;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
/*------------------------------------------------------------
Vertical menu
---------------------------------------------------------- */

.entry-content .breadcrumbs {
  font-weight: 400;
  font-size: 14px;
  /* color: #5ba300; */
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: -15px;
  margin-left: 3px;
}
.entry-content .breadcrumbs a {
  font-weight: 500;
}

.entry-content .vtabs {
  width: 200px;
  float: right;
  font-weight: 500;
  color: #154578; 
  margin-left: 5px;
  margin-right: 35px;
  margin-top: 0px;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 8px;
  padding-left: 0px;
  border-right: 1px solid #dcdcdc; 
  border-left: 1px solid #dcdcdc; 
  border-bottom: 1px solid #dcdcdc; 
  border-top: 1px solid #dcdcdc; 
}
.entry-content .vtabs:before {
  align-content: right;
  font-weight: 500;
  font-size: 15px;
  padding-top: 0px;
  margin-left: 0px;
} 
.entry-content .vtabs ul {
  display: block;
  margin-top: 10px;
  list-style: none;
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 5px;
}
.entry-content .vtabs ul li {
  clear: right;
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 8px;
  list-style: none;
  text-decoration: none;
}
.entry-content .vtabs ul li a {
  display: block;
  font-weight: 500;
  line-height: 1.5;
  /* color: #0c3182; */
  /* color: #5ba300; green */
  color: #1e73be; 
  width: 100%; 
  text-decoration: none;
}
.entry-content .vtabs ul li a:hover {
  display: block;
  /* color: #0c3182; */
  color: #1e73be;
  width: 100%; 
  margin-left:-5px;
  text-decoration: none;
}

.entry-content .vtabs ul li.active {
  padding-left: 6px;
  font-weight: 600;
  /* color: #5ba300; */
  color: #154578;
  border-left: 5px solid #154578; 
  margin-left: 0px;
}

.entry-content .vtabs ul li.divider {
  border-bottom: 1px solid #dcdcdc;
  line-height: 5px;
  content: "     ";
}

.vtabs-text {
  display: table;
  margin-top: 0px;
}
/*------------------------------------------------------------
Text boxes for RFP #1
---------------------------------------------------------- */

.textBox {
    border: 2px dotted #000; /* Width, style, color */
    padding: 10px;          /* Adds space between the text and the border */
    margin: 10px;           /* Adds space outside the border */
    width: 95%;           /* Sets the width of the box */
	background-color: #F9F8F5;
	border-radius: 15px;
}
/*------------------------------------------------------------
Table 1 formatting
---------------------------------------------------------- */
.table-1 {
	table-layout: auto;
 	width: 95%;
  	background-color: #F9F8F5;
	
}

th,
td {
  padding: 0.6em;
}

/*------------------------------------------------------------
Table 2 (FAQ) formatting
---------------------------------------------------------- */
.table-2 {
	table-layout: auto;
 	width: 100%;
  	background-color: #F9F8F5;
	
}

th,
td {
  padding: 0.6em;
}




/*--------------------------------------------------------------
Removing Authors from blogs
--------------------------------------------------------------*/
.entry-meta .byline, .author-info, .posted-on {
    display: none;
}
/*--------------------------------------------------------------
Removing footer from blogs
--------------------------------------------------------------*/
footer.entry-meta .tags-links, .cat-links, .post.navigation, .nav-previous,
footer.entry-meta .sep {
    display: none;
}
.post-navigation .nav-links {
    display: none;
}

/*--------------------------------------------------------------
Change Read more button color
--------------------------------------------------------------*/
.pt-cv-readmore {
    color: #20083f; !important;
    background-color: #20083f; !important;
    border: none !important;
}