/*
 Theme Name:   AI4 GP Child
 Theme URI:    https://generatepress.com
 Description:  Default Generate Press child
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Assign color variables */
:root {
	--navy: #22144f; 
	--navy-dark: #160d36; 
	--navy-mid: #2e1c6a; 
	--gold: #f3b71b; 
	--gold-dark: #d49a0e; 
	--gold-light: #fac93e; 
	--gray-dark: #333333; 
	--gray-mid: #666666; 
	--gray-light: #f5f5f7; 
	--white: #ffffff; 
	--border: #e0e0e0; 
}
// test border
// * {border: 2px solid red};
// Hide page title 
.entry-header {
	display: none;
}
p {
	margin-bottom: 0;
}
/* Style menu addon */
.menu-addon-office-hours {
	background-color: var(--gold,gold);
	border-radius: 6px;
}
.main-navigation .menu-addon-office-hours > a {
	font-weight: 500;
	font-size: .8rem;
	padding-left: 10px !important;
}
/* Make this menu item bold */
.menu-item a {
	font-weight: 600;
}
/* Page background colors */
.services, .blog, #services {
	background-color: white;
}
.policy-tool {
	background-color: var(--navy-dark,navy);
}
.office-hours, .contact, .why-ai, #why-ai {
	background-color: var(--gray-light,gray);
}
/* Contact form round corners */
.ai-request .wpforms-form textarea, .ai-request .wpforms-field-text input,
.ai-request .wpforms-field-name-first, .ai-request .wpforms-field-name-last,
.ai-request .wpforms-field-medium { 
	border-radius: 6px !important;
}
/* Contact form button color */
button.ai-request {
	background-color: var(--gold,gold) !important;
	border-radius: 6px !important;
}	
.icon-people svg {
	fill: var(--gold,gold);
	height: 50px;
	width: 50px;
}
.icon-training svg {
	fill: var(--navy-dark,navy);
	height:50px;
	width: 50px;
}
.icon-tablet svg {
	fill: var(--gold,gold);
	height: 30px;
	width: 30px;
}
/* Rotate the lock icon on the policy page */
.lock-icon .gb-shape svg {
	transform: rotate(270deg);
)
/* Reformat for mobile, from virada-japan.com/create-responsive-tables-wordpress */
table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  width: 100%;
}
table tr:nth-child(odd) {
    background-color: #f2f2f2;
}
/* Mobile CSS --------------------------------------------------------------------- */
@media (max-width: 768px) {
  table thead {
    display: none;
  }
  table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  table tbody td {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    padding: 0.6rem;
  }
  table tbody td::before {
    content: attr(data-th);
    font-weight: 300;
    font-size: small;
	border-width: 0;
    display: inline-block;
    width: 6rem;
  }
  table, th, td {
	  border: 0;
  }
}
*/