/*
 Theme Name:   Revolution - Komatsu
 Theme URI:    https://revolutionworld.com
 Description:  rEvolution Komatsu - GeneratePress Child Theme
 Author:       Kyle Murphy
 Author URI:   https://revolutionworld.com
 Template:     generatepress
 Version:      2.0
*/

/**
 * Table of Contents
 * 
 * # Reset
 * 
 * # Typography
 * 
 * # General
 * ## rev custom classess
 * ## Featured Item Block
 * ## Agenda
 *
 * # GP Elements Styling
 * ## Header
 *
 * # Gravity Forms
 * ## Buttons 
 * ## Survey
 *
 * # Masonry Grid Styling
 * 
 * # SwiperJS Styling
 *
 * # Media Breaks
 * ## Mobile
 * ### Hero - Tablet
 * ### Featured Item Block - Tablet
 * ### Agenda - Tablet
 * ## Tablet Only
 *
 **/


/**
 * Reset
 * */

/**
 * Typography
 * */

h1,
h2,
h3 {
	font-family: 'Noto Sans', sans-serif;
}

h1,
h2,
h3,
.rev-text-wrap-balance {
	text-wrap: balance;
}

p {
	font-family: 'Noto Sans', sans-serif;
}

/**
 * General
 * */

#site-wrapper {
	margin: auto;
}

 /* rEvolution custom classes */

.rev-hide {
	display: none;
}
.rev-text-shadow {
	text-shadow: 2px 2px 5px #000000;
}
.rev-text-shadow-white {
	text-shadow: 2px 2px 5px #ffffff;
}
.reverse-link-colors a {
	color: var(--dark-primary);
}
.reverse-link-colors a:hover {
	color: var(--accent);
}

/** Featured Item Blocks **/
.rev-featured-item-block {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	align-content: center;
	justify-content: center;
}

.rev-featured-item-block p:first-child {
	align-self: center;
}

.rev-featured-item-block i {
	font-size: var(--wp--preset--font-size--huge);
}


/** Navigation Center Flag **/
@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }
}

/** Agenda **/

.gb-container-5a4621ba > .gb-container,
.rev-itinerary-day-container {
	display: grid;
	grid-template-columns: 0.25fr 1fr;
	border: 3px solid var(--accent);
	border-left: 0px;
	border-radius: 0 5px 5px 0;
	margin: 2rem 0;
	padding: 2rem 0;
}

/*** Agenda - Date Column ***/

.rev-itinerary-date-container h3 {
	font-size: var(--wp--preset--font-size--normal);
}

.gb-container-5a4621ba > .gb-container div:first-child,
.rev-itinerary-date-container {
	display: grid;
	align-content: center;
	justify-items: center;
}
.gb-container-5a4621ba > .gb-container div:first-child h3,
.rev-itinerary-date-container h3 {
	margin-bottom: 0;
}

.gb-container-5a4621ba > .gb-container h3:nth-child(2),
.rev-itinerary-date-container h3:nth-child(2) {
	width: fit-content;
	background-color: var(--accent-blue-5);
	border-radius: 100px;
	padding: 0.2em 1em;
	margin-top: 1em;
}

/*** Agenda - Time Slot Column ***/
.rev-itinerary-time-slot-container p {
	font-size: var(--wp--preset--font-size--normal);
}

.rev-agenda-block,
.rev-itinerary-time-slot-container {
	display: grid;
	grid-template-columns: 0.3fr 1fr;
	grid-template-rows: auto;
}

.gb-container-5a4621ba > .gb-container p,
.rev-itinerary-time-slot-container p {
	margin: 1em 0;
}

.gb-container-5a4621ba > .gb-container div:nth-child(2),
.rev-itinerary-time-slot-container {
	border-left: 2px dashed var(--accent-blue-5);
	padding-left: 1rem;
}


/** Linked Containers - Source: GeneratePress **/

.gb-container.linked-container .gb-inside-container {
    position: relative;
}

.gb-container.linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

/**
 * GP Elements Styling
 * */

/* Header */
.inside-navigation {
	padding: 0 2%;
}

/**
* Gravity Forms Styling
* */
/** Buttons **/

body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_body .gform_page_footer .gform_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button, 
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
    border-radius: 6px !important;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
    border-color: var(--contrast-3) !important;
}

body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover {
    background-color: var(--accent-blue-2) !important;
    border-color: var(--accent-blue-2) !important;
    color: white !important;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover {
    background-color: transparent !important;
}

/** Survey **/
.gform-theme--framework table.gsurvey-likert .gsurvey-likert-choice-label, .gform-theme--framework table.gsurvey-likert .gsurvey-likert-row-label th {
	background-color: var(--contrast-3) !important;
}

body .gform_wrapper .gform_body .gform_fields .gsection {
	border: none;
}

body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {
	border-block-end: var(--gf-field-section-border-width) var(--gf-field-section-border-style) var(--gf-field-section-border-color);
    padding-block-end: var(--gf-field-section-padding-y-end);
}

/** Custom classes for GForms **/
@media (min-width: 640px){
	.rev-gforms-right-aligned {
		grid-column: 7 / -1 !important;
	}
}

/**
 * Masonry Grid Styling
 * */

@media (max-width: 768px) {
    /* CSS in here for mobile only */
		.masonry-grid-sizer,
		.masonry-grid-item {
			width: 100%;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
		.masonry-grid-sizer,
		.masonry-grid-item {
			width: 50%;
	}
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
	.masonry-grid-sizer,
	.masonry-grid-item {
		width: 33.33%;
	}
}
.masonry-grid-item {
	margin-bottom: 10px;
	padding-left: 10px;
}
.masonry-grid {
	margin-left: -10px;
}

/**
 * SwiperJS Styling
 * */

.swiper-button-next,
.swiper-button-prev {
	color: var(--accent);
	background-color: var(--dark-primary);
	padding: 2rem 1.5rem;
	border-radius: 10px;
}


/**
* Media Breaks
**/

/** Mobile **/
@media (max-width: 768px) {
	
	/** Hero - Mobile **/
	.gb-container-879b06ba h1 {
		font-size: var(--wp--preset--font-size--large) !important;
	}
	
	/** Featured Item Blocks - Mobile **/
    .rev-featured-item-block i {
	font-size: var(--wp--preset--font-size--large);
    }
	.rev-featured-item-block p {
		font-size: var(--wp--preset--font-size--small) !important;
	}
	
    /** Agenda - Mobile **/
	.gb-container-5a4621ba > .gb-container,
	.rev-itinerary-day-container {
    	grid-template-columns: 1fr;
    	grid-template-rows: auto 1fr;
    	padding: 0.5rem;
    }
	.gb-container-5a4621ba > .gb-container div:first-child,
	.rev-itinerary-date-container {
		margin-bottom: 1rem;
	}
	.gb-container-5a4621ba > .gb-container div:nth-child(2),
	.rev-itinerary-time-slot-container {
    	border-top: 2px dashed var(--accent-blue-5);
		border-left: none;
    	padding: 1rem;
    }
	
}

/** Tablet Only **/
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
    /** Paddock Club Featured Block Font Size **/
	.gb-container-5ce82a13 p:nth-child(2) {
		font-size: var(--wp--preset--font-size--small) !important;
	}
}