/* 
Theme Name: River Fox Train
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor, created by Elementor team
Author: JMB Web Consulting
Author URI: https://jmberry.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* @font-face {
    font-family: Montserrat;
    src: url('./fonts/Montserrat-VariableFont_wght.woff2') format('woff2') tech('variations'),
         url('./fonts/Montserrat-VariableFont_wght.woff2') format('woff2-variations');
	font-style: normal;
    font-weight: 100 900;
}

body {
	font-family: Montserrat, serif;
	font-variation-settings: 'wght' 400;
} */

a {
	color: var(--e-global-color-primary);
	text-decoration: underline;
}

.rf_testimonial .elementor-blockquote--skin-quotation .elementor-blockquote:before {
	content: "";
	height: 60px;
	width: 60px;
	background: url('./images/quote.png') center no-repeat;
}

/* Hero video play/pause button */
#video-control {
  background: rgba(255, 255, 255, 0.7);
  color: #444;
  border: none;
  border-radius: 0;
  padding: 0;
}
#video-control:hover,
#video-control:focus {
	outline: 5px auto -webkit-focus-ring-color;
}
#video-control svg {
	fill: currentcolor;
	stroke: currentcolor;
}
#video-control .pause {
	display: block;
	width: 32px;
	height: 32px;
	background: url('/wp-content/themes/sacriver-hello-child/images/icon-pause.svg') center no-repeat;
}
#video-control .play {
	display: block;
	width: 32px;
	height: 32px;
	background: url('/wp-content/themes/sacriver-hello-child/images/icon-play.svg') center no-repeat;
}

/* Experience archive */
.e-loop-item .elementor-widget-image::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(41,60,90,0.5); /* brand navy blue */
}

/* Experience pages */
.info-block--text h3 {
	margin-top: 2rem;
}

.faq-block-row:nth-child(odd) .faq-block:nth-child(odd){
    background: #d48b43;
	color: #293c5a;
}

.faq-block-row:nth-child(odd) .faq-block:nth-child(even){
    background: #293c5a;
	color: #fff;
}
.faq-block-row:nth-child(odd) .faq-block:nth-child(even) h2 {
	color: #fff;
}

.faq-block-row:nth-child(even) .faq-block:nth-child(odd){
    background: #293c5a;
	color: #fff;
}
.faq-block-row:nth-child(even) .faq-block:nth-child(odd) h2 {
	color: #fff;
}

.faq-block-row:nth-child(even) .faq-block:nth-child(even){
    background: #d48b43;
	color: #293c5a;
}

.experience-facts div {
	display: grid;
	grid-template-columns: 5fr 7fr;
	margin-bottom: 1rem;
}
@media screen and (min-width: 500px) {
	.experience-facts div {
		grid-template-columns: 3fr 9fr;
	}
}
@media screen and (min-width: 768px) {
	.experience-facts div {
		grid-template-columns: 5fr 7fr;
	}
}
.experience-facts dt {
	font-family: Blakstone, serif;
	color: var(--e-global-color-primary);
}
.experience-facts dd {
	margin: 0;
	font-size: 16px;
}

/* forms */
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	font-size: 1.5rem;
	line-height: 1.25;
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
	font-size: 1rem;
}
.gform_wrapper.gravity-theme .field_description_above .gfield_description .validation_message {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

/* Style the buttons that are used to open and close the accordion panel */
.detail-title {
	font-size: 1.25rem;
	font-weight: 600;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
}

.single-rf_experience footer,
.post-type-archive-rf_experience footer {
	background-color: #f5f5f5;
}

/** custom grid for our shortcode layouts **/
.row {
	display: flex;
	flex-wrap: wrap;
}
.col-6,
.faq-block-row{
	padding-right: 1rem;
	padding-left: 1rem;
}
.faq-block,
.col-6 {
	flex-basis: 100%;
}
.faq-block {
	padding: 3rem;
}
@media only screen and (min-width: 48rem) {
	.faq-block,
	.col-6 {
		flex-basis: 50%;
	}
}