/*
 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
*/

/* HEADER */
/* Change header menu button background */
.main-navigation .main-nav {
    background-color: #780d3A;
}

/* Change header menu button text color */
.main-navigation .main-nav ul li a {
	color: var(--accent);
}

/* Change the button color when someone hovers over it */
.main-navigation .main-nav ul li a:hover {
    background-color: #600a2e;
    color: #ffffff;
}

/* BODY */
/* Hide default page titles */
.entry-title {	
	display: none !important;
}

.main-page-title {
	position: relative;
	padding-bottom: 16px;
}

.main-page-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 4px;
    background-color: #83D6C7;
}

/* Style my display grid */
.capsica-grid img {
	object-fit: cover;
}

.capsica-grid h3 {
	color: #1E503B;
	margin-bottom: 0.5em;
}

.capsica-grid hr {
	margin: 10px 0px 10px 0px;
}

.capsica-grid p, li {
	font-size: 15px;
	color: var(--contrast-2);
}

.capsica-grid ul {
	margin-left: 1em;
}

.capsica-grid ul li::marker {
	color: #83D6C7;
}

/* Block Quote styling */ 
.wp-block-quote {
    position: relative;
    border-left: none; /* remove the default left border */
    padding: 32px 40px;
}

.wp-block-quote::before {
    content: '\201C';
    position: absolute;
    top: -10px;
    left: 16px;
    font-size: 120px;
    line-height: 1;
    color: #83D6C7;
    font-family: Georgia, serif;
    opacity: 0.4;
}

.wp-block-quote p {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-style: italic;
}

.wp-block-quote .attribution {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #83D6C7;
    font-style: normal;
    font-family: 'Inter', sans-serif;
}


/* FORMS */
/* Form formatting */
.fluentform {
    font-family: 'Big Shoulders Display', sans-serif;
}

.ff-default .ff-el-form-control:focus {
	border-color: var(--accent);
}

.ff-btn-submit {
    background-color: #328562 !important;
    border-color: #328562 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    padding: 12px 28px;
}

.ff-btn-submit:hover {
    background-color: #1E503B !important;
    border-color: #1E503B !important;
    color: #ffffff !important;
}