/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Custom CSS */
.mobile-header-navigation { /* add padding around mobile navigation header */
  padding: 10px;
}

.sticky-enabled .main-navigation.is_stuck{ /* Add contrast background color to sticky navigation */
    background-color: var(--contrast);
}

.main-navigation a.mPS2id-clicked, /* Change the color of the clicked/scrolled into view menu item, but ignore buttons */
.main-navigation a.mPS2id-highlight{
	color: var(--base) !important;
}

.break-unbreakable-strings{ /* allow unbreakable strings to break */
	overflow-wrap: anywhere;
}

/* Video background hero styles */
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.home-background-video{
	position: absolute;
    opacity: 0.65;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.home-background-video-content{
    position: relative;
    z-index: 1;
}

/* 	WP YouTube Lyte styles */
.wp-block-embed-youtube .lyte-wrapper{
	width: 100% !important;
	margin: 0px !important;
}

.wp-block-embed-youtube > .lL,
.wp-block-embed-youtube > figcaption{
	display: none;
}

/* Better tables  */
table{
	border-collapse: collapse;
}

figure.better-tables table th, 
figure.better-tables table td{
	border: 1px solid #ccc !important;
}

figure.better-tables table thead{
	border-bottom: none !important;
	background-color: var(--base-5);
	color: #FFF;
}

figure.better-tables.is-style-stripes{
	border-bottom: none !important;
}

figure.better-tables.is-style-stripes table tbody tr:nth-child(odd){
	background-color: var(--base);
}

/* Contact Form 7 styles */
#wpcf7-f4580-p3554-o1 .wpcf7-form p{
	margin-bottom: 0;
}

#wpcf7-f4580-p3554-o1 .wpcf7-form p label{
	font-family: Oswald, sans-serif;
    font-weight: normal;
}

#wpcf7-f4580-p3554-o1 .wpcf7-form .wpcf7-text, #wpcf7-f4580-p3554-o1 .wpcf7-form .wpcf7-textarea{
	margin-top: 10px;
	background-color: #FFF;
	border-radius: 3px;
}

#wpcf7-f4580-p3554-o1 .wpcf7-form .wpcf7-submit{
	width: 100%;
	border-radius: 3px;
	background-color: var(--base-5);
	text-transform: uppercase;
}

#wpcf7-f4580-p3554-o1 .wpcf7-form .wpcf7-submit:hover{
	background-color: var(--base-6);
}

.wpcf7-container{
	margin-bottom: 20px;
}

.wpcf7-container-1{
	display: flex;
	gap: 20px;
}

.wpcf7-container-1 p{
	width: 50%;
}

.wpcf7-container-1 .wpcf7-text{
	width: 100%;
}

/* Popup Maker Styles */
.popmake .popmake-title{
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
}

.popmake .popmake-title:after{
	content: '';
	display: block;
	margin: 24px auto;
	width: 52px;
	height: 4px;
	background: var(--base-5);
}

.popmake a{
	color: var(--link-color);
}

.popmake a:hover{
	color: var(--link-color-hover);
}

/* The Events Calendar List Widget Styles */
.tribe-events-widget .tribe-events-widget-events-list{
	max-width: 1000px;
	margin: auto;
}

.tribe-events-widget .tribe-events-widget-events-list__event-row{
	margin-bottom: var(--tec-spacer-8) !important;
	padding-bottom: var(--tec-spacer-6);
	gap: 40px;
	border-bottom: 1px dotted var(--tec-color-link-accent);
}

.tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper{
	margin-bottom: var(--tec-spacer-2) !important;
}

.tribe-events-widget .tribe-events-widget-events-list__event-title{
	font-size: var(--tec-font-size-6) !important;
}

/* Tabs widget styles */
.wp-block-tabs .wp-block-tab-list{
	margin-bottom: 1.5em;
}

.wp-block-tabs .wp-block-tab-list button{
	text-transform: uppercase;
	background: none;
}

.wp-block-tabs .wp-block-tab-list button:before{
	color: var(--accent-2);
}

/* Media Queries */
@media (max-width: 768px) {
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){ /* Removes padding added to right side of site wrapper on mobile as it casuses weird white space. */
		padding-right: 0 !important;
	}
	
	.gb-container-45f3ab74:before{
		background-position: 33% center !important; /* Moves the background image of the Hiring Process section so the main subject is more visible. */
	}
	
	.additional-benefits-left-list ul{ /* Remove bottom margin on left list so there's no gap when lists are stacked. */
		margin-bottom: 0;
	}
	
	/* Make the Full Name and Email Fields stack on mobile. */
	.wpcf7-container-1{
		flex-direction: column;
	}
	
	.wpcf7-container-1 p{
		width: 100%;
	}
}
/* End Custom CSS */