/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/

:root {
	--brand-red: #9f002c;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}


/* Video player */

.plyr {
	--plyr-color-main: var(--brand-red);
}

.plyr__video-wrapper .plyr__poster {
	background-size: cover;
}


/* Buttons */

.content a.vc_btn3.vc_btn3-style-modern {
	background-image: none;
	background-color: var(--brand-red);
	border-color: var(--brand-red);
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	
	&:is(:hover, :focus-visible) {
		color: #fff;
		background-color: hsl(from var(--brand-red) h s calc(l + 8));
		border-color: hsl(from var(--brand-red) h s calc(l + 8));
	}
}


/* Galleries */

.gallery-3-col .ngg-galleryoverview {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.25rem;
}

.gallery-fluid-grid .ngg-galleryoverview {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
	gap: 0.25rem;
}

.gallery-fixed .ngg-gallery-thumbnail a {
	margin: 0px;
}

.gallery-fixed .ngg-gallery-thumbnail img {
	padding: 4px;
	width: 100%;
}

.gallery-fixed .ngg-navigation {
	grid-column: 1 / -1;
}

.gallery-fixed br,
.gallery-fixed .ngg-clear {
	display: none !important;
}

@media only screen and (max-width: 600px) {
	.gallery-3-col .ngg-galleryoverview,
	.gallery-fluid-grid .ngg-galleryoverview {
		grid-template-columns: repeat(2, 1fr);
	}
}