/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */


/**/
/* GP: Set color for display of Events Calendar page, background for days of the week header bar. */
/**/
.tribe-events-calendar thead th {
	background-color: #a39f9f;
}

/**/
/* GP: Set color for display of Events Calendar page, background color of previous month link. */
/**/
.tribe-events-sub-nav li a {
    background: #f0f1fe;
}

/**/
/* GP: Set color for display of Events Calendar page "Find Events" button. */
/*		Note: color for Calendar page "+ Export Events" button is set by dashboard>Appearance>Customize>The Events Calendar>Global Elements>Button Color. */
/**/
#tribe-bar-form .tribe-bar-submit input[type=submit] {
	background-color: #0366d6;
}

/**/
/* GP: Set color for display of Events Calendar page "SHOW EVENTS SEARCH" and "HIDE EVENTS SEARCH" toggle buttons. */
/**/
#tribe-bar-collapse-toggle {
	background: #0366d6;
	color: white;
}
#tribe-bar-collapse-toggle.tribe-bar-filters-open {
	background: #0366d6;
	color: white;
}
#tribe-bar-collapse-toggle:focus, #tribe-bar-collapse-toggle:hover {
	background: #0366d6;
	color: white;
}

/**/
/* GP: Set size for display of Events Calendar page "Events" title, to match the responsive behavior of the other pages under the Neve theme. */
/*		Note: the Calendar page "Events" title is set by custom HTML in Events>Settings>Display. */
/**/
#tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 {
    font-size: 1.5em;
}
@media (min-width: 769px) {
    #tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 {
        font-size: 2.0em;
    }
}

/**/
/* GP: Set color for display of Events Calendar page "SEARCH". */
/**/
.label-tribe-bar-search {
	color: #0366d6;
/*  change the mouse pointer to indicate that "SEARCH" box can be clicked:  */
  cursor              : pointer;
     -moz-user-select : none;
      -ms-user-select : none;
  -webkit-user-select : none;
}

/**/
/* GP: Set color for display of Events Calendar page "EVENTS IN". */
/**/
.label-tribe-bar-date {
	color: #0366d6;
/*  change the mouse pointer to indicate that "EVENTS IN" box can be clicked:  */
  cursor              : pointer;
     -moz-user-select : none;
      -ms-user-select : none;
  -webkit-user-select : none;
}

/**/
/* GP: Set color for display of Events Calendar page, mobile view, event(s) in past day(s) dot indicator(s). */
/**/
.tribe-events-calendar .tribe-events-past.tribe-events-has-events:after
{
	background-color: #0366d6;
}

/**/
/* GP: Set color for display of Events Calendar page, mobile view, event(s) in current day, dot indicator. */
/**/
@media (max-width: 768px) {
	.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.tribe-events-present.mobile-active::after {
		background-color: #0366d6;
	}
}

/**/
/* GP: Set color for display of Events Calendar page, mobile view, event(s) in current day, background color of day square. */
/**/
@media (max-width: 768px) {
	.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.tribe-events-present.mobile-active {
		background-color: #f0f1fe;
	}
}

/**/
/* GP: Set color for display of Events Calendar page, mobile view, event(s) in future day(s) dot indicator(s).  */
/**/
.tribe-events-calendar .tribe-events-has-events::after {
    background-color: #0366d6;
}

/**/
/* GP: Set vertical spacing for display of Events Calendar page, padding between breadcrumbs and page title "Events".*/
/**/
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
	padding-top: 0px !important;
	padding-left: 0px !important;
}

/**/
/* GP: Set color for display of Contact page "Submit" button. */
/**/
#nf-label-field-4 {
	background-color: #0366d6;
	color: white;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background-color: #0366d6;
	color: white;
}
#nf-field-4.ninja-forms-field.nf-element {
	background-color: #0366d6;
	color: white;
}

/**/
/* GP: Set color for display of Contact page labels for required fields: "Name* ", "Email*", "Message*", "I consent to you saving my entered data, to respond to my inquiry.*". */
/**/
#nf-label-field-1, #nf-label-field-2, #nf-label-field-3, #nf-label-field-6 {
	color: red;
	font-weight: normal;
}


/**/
/* GP: turn off display of Yoast breadcrumbs in page body.  Instead they are displayed in page headers using the Yoast shortcode.*/
/*		The shortcode is needed because the Events Calendar page "The Events Calendar" plug-in does not show the Yoast breadcrumbs in page body.*/
/*		Note: the Yoast breadcrumb setting must be "Enable" for the shortcode to work. */
/**/
small {
        display: none;
}

/**/
/* GP: Set color for display of Contact page inquiry type radio buttons. */
/**/
#nf-label-class-field-5-0, #nf-label-class-field-5-1, #nf-label-class-field-5-2 {
	color: #0366d6;
/*  change the mouse pointer to indicate that check boxes can be clicked:  */
  cursor              : pointer;
     -moz-user-select : none;
      -ms-user-select : none;
  -webkit-user-select : none;
}

/**/
/* GP: Set color for display of Contact page "First" and "Last" name descriptions. */
/**/
label.wpforms-field-sublabel.after {
	color: var(--nv-text-color);
}

/**/
/* GP: Set color for display of Contact page "GDPR Agreement" label. */
/**/
#wpforms-257-field_4-container > label:nth-child(1){
	color: red;
	font-weight: normal;
}

/**/
/* GP: Set color for display of sidebar "News and Events" newsletter: "Select list(s)*" check boxes for newsletter lists. */
/**/
.pl-1.pr-6.text-gray-500.text-sm.font-normal {
	color: #0366d6;
/*  change the mouse pointer to indicate that check boxes can be clicked:  */
  cursor              : pointer;
     -moz-user-select : none;
      -ms-user-select : none;
  -webkit-user-select : none;
}

/**/
/* GP: Set color for display of sidebar "News and Events" newsletter: "Name*" and "Email*" labels for required fields. */
/**/
div.es-field-wrap {
/*	font-weight: bold; */
	color: red;
}
/**/
/* GP: Set color for display of sidebar "News and Events" newsletter: "Select list(s)*" label for required field. */
/**/
.font-medium{
	color: red;
	font-weight: normal;
}



.gptestimonial {color: LightSlateGray; text-align: center; font-style: italic;}

/**/
/* GP: Implement tabbed panels for the Ninja files page. */
/* Ref: http://code.iamkate.com/html-and-css/tabbed-panels */
/**/

/*<!--  hide the content of all panels: -->*/

.gpContentTabNotSelected {display : none;}
.gpContentTabSelected {display : block; position : relative; z-index  : 1 !important;}


/*      show the content of the panel whose radio button is checked:  */
/*
.gptabbed input[type="radio"]:checked ~ * {display: block; z-index  : 2; !important;}
*/
.gph2 {display: block; z-index  : 2 !important;}


/*  display the tab labels in a row by floating them: */
.gph1, .gph2, .gph3, .gph4{
  float : left;
  color: blue;
}


.gpContentTabNotSelected, .gpContentTabSelected {
  float  : right;
  width  : 96%;
  margin : 2.0em .5em 0 -100%;
}

/*  style the container so that content following the tabbed panels appears below them: */
.gptabbed{
  float : none;
  width : 96%;
}

/*  change the mouse pointer to indicate that tabs can be clicked:  */
.gpclasstablabels{
  cursor              : pointer;
     -moz-user-select : none;
      -ms-user-select : none;
  -webkit-user-select : none;
}

/* display the not selected and selected panel content in a box with rounded corners:  */
.gpContentTabNotSelected, .gpContentTabSelected {
  box-sizing    : border-box;
  padding       : 1px 0em;
  border        : 1px solid #ddd;
  border-radius : 4px;
  box-shadow    : 0 0 0.5em rgba(0,0,0,0.0625);
  background    : #fff;
  max-width: 960px;
}

/*  display the labels as tabs with rounded corners:  */
.gph1, .gph2, .gph3, .gph4{
  box-sizing  : border-box;
  margin      : 0;
  padding     : 0.1em 0.1em 0;
  overflow    : hidden;
  font-size   : 1em;
  font-weight : normal;
  width: 25%;
}

/*	Customize each tab width to avoid labels text wrapping on small mobile displays.	*/
.gph1{
  width: 140px;
}
.gph2{
  width: 75px;
}
.gph3{
  width: 50px;
}
.gph4{
  width: 110px;
}

.gpclasstablabels{
  display                 : block;
  padding                 : 0.2em 0.3em;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #fff;
}
.gpClassTabLabelSelected{
  display                 : block;
  padding                 : 0.2em 0.3em;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #fff;
  position : relative; z-index  : 2 !important;
  color: black;
}

/*  indent the first tab so that it is not too close to the edge:  */
.gph1{
  /*padding-left : 2em; z-index  : 2;*/
  padding-left : 6%; z-index  : 2;
}

/**/
/* GP: for NinjaFile tables use h4 settings plus gray Nero color for font and gray Gainsboro color for background.  */
/* Ref: https://www.w3schools.com/tags/tag_hn.asp  */
/**/

.gpBold {
	display: block;
	font-size: 1em;
  	margin-left: 0;
  	margin-right: 0;
  	font-weight: bold;
	color: rgb(32, 32, 32);
}

/**/
/* GP: "Services" and "About" pages, style settings for sub-paragraph headings "GxP", "Ninja", etc.  */
/**/
.open-paragraph {
	max-width: 850px;
    font-size: 50px;
    letter-spacing: -2px;
    line-height: 1;
    text-align: left;
    font-weight: normal!important; /*GP*/
    font-family: raleway,sans-serif;
    color: #333;
    	display: block;
}