/*
 Theme Name:   Yukonstruct
 Theme URI:    https://yukonstruct.com/
 Description:  Yukonstruct child theme fur using Visual Composer Starter as a hybrid theme
 Author:       Rick Yorgason
 Author URI:   https://firefang.com
 Template:     visual-composer-starter
 Version:      1.0.7
 Text Domain:  yukonstruct
*/

/* Make the featured blog post not so big */
.page-id-675 .vc_gitem-post-data-source-post_categories {
    display: none;
}

@media only screen and (min-width: 767px) {
    .page-id-675 .vc_row:nth-child(3) .vc_grid-item-mini {
        display: flex;
        height: 400px;
    }

    .page-id-675 .vc_row:nth-child(3) .vc_gitem-animated-block {
        aspect-ratio: 1;
    }

    .page-id-675 .vc_row:nth-child(3) .vc_gitem-post-data-source-post_excerpt {
        max-height: 300px;
        overflow: hidden;
    }
}

/* Custom styles for special use cases */
/* Use this one for anything that needs to hyphenate longer words */
.hyphenate {
	hyphens: auto;
}

/* Use this one for WPBakery columns that should stack in the opposite order on mobile */
@media only screen and (max-width: 767px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

/* Events style */
.ykst-date-tag-weekday {
    color: var(--tec-color-text-primary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-0);
    font-weight: var(--tec-font-weight-regular);
    line-height: var(--tec-line-height-2);
    color: var(--tec-color-text-secondary);
    text-transform: uppercase;
}

.spacetag {
    display: none;
    border-radius: 10px;
    border: 1px solid black !important;
    padding: 2px 5px !important;
    font-size: 11px;
}

.space_fablab, .space_light-woodshop, .space_members-only, .space_metalshop, .space_mezzanine, .space_power-woodshop, .space_private-event, .space_women, .space_youth, .space_classroom {
    display: inline-block;
}

.space_youth {
    background-color: yellow;
}

.space_women {
    background-color: pink;
}

.space_members-only {
    background-color: var(--wp--preset--color--makespace);
}

.space_private-event {
    background-color: salmon;
}

.space_light-woodshop, .space_power-woodshop {
    background-color: var(--wp--preset--color--primary);
    color: white;
}

.space_metalshop {
    background-color: var(--wp--preset--color--cospace);
}

.space_mezzanine {
    background-color: var(--wp--preset--color--complimentary-1);
}

.space_classroom {
    background-color: var(--wp--preset--color--complimentary-2);
}

.space_fablab {
    background-color: var(--wp--preset--color--complimentary-3);
}

.hidedatebar .tribe-events .tribe-events-header, .hidedatebar .tribe-events-pro-photo-nav, .hidedatebar .tribe-events .tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}

.hidedatebar .tribe-events-l-container {
    padding-top: 0px !important;
}

.eventbrite-ticket-embed iframe {
	height: 400px;
}

/* Fix the "related events" image size */
img.attachment-large.size-large.wp-post-image {
    top: auto !important;
    left: auto !important;
    transform: none !important;
    object-fit: cover !important;
    height: 100% !important;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail a {
    padding-top: 0px;
    aspect-ratio: 16/9;
}

.tribe-related-events-thumbnail img.attachment-large.size-large.wp-post-image {
    border-radius: 10px 10px 0px 0px;
}

.tribe-events-single ul.tribe-related-events li {
    border-radius: 10px !important;
}

/* Single post styles */
.wp-post-image {
	width: 100%;
	height: auto;
}

.single-post .entry-meta > a {
    background-color: #87c456;
    color: white;
    border-radius: 5px;
    padding: 2px 10px;
    text-decoration: none;
}

.nav-links.post-navigation {
    margin-top: 1.625rem;
    padding-top: 2.25rem;
    border-top: 1px solid #eee;
}

.nav-links.post-navigation a .post-title {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #333;
}

.nav-links.post-navigation a .meta-nav {
    font-size: 14px;
    font-style: italic;
    color: #777;
    line-height: 1;
    display: block;
}

.nav-links a {
    text-decoration: none;
}

.nav-previous {
    width: 50%;
    float: left;
}

.nav-next {
    width: 50%;
    float: right;
    text-align: right;
}

#comments {
    clear: both;
    padding-top: 2em;
    padding-bottom: 3em;
    margin-top: 100px;
    margin-bottom: -3em;
    background-color: #f4f4f4;
}

#comments textarea {
    display: block;
    width: 100%;
}

.single-post #submit {
    color: #ffffff;
    background: #74b15a;
    border: 0px solid;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px 25px;
}

/* Blog */
#cat {
    width: 100%;
}

/* Bring back the spacing we removed from the parent theme */
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* Mega menu */
.opacity-container > div:nth-of-type(2), .opacity-container > div:nth-of-type(3),
.vc_custom_1651011978558 > div:nth-of-type(1), .vc_custom_1651011978558 > div:nth-of-type(2) {
	width: fit-content;
}

@media screen and (max-width:1199px) {
	#el-1975200373625f8da2a8f76>ul>li>a{
		padding: 0px 8px !important;
	}
	.gusta-navbar-default .gusta-logo a{
		display: flex !important;
    		justify-content: center;
    		align-items: center;
	}
	.gusta-navbar-default .gusta-logo img{
		width: auto;
    		height: 85px !important;
	}
}

@media screen and (max-width:992px) {
	#section-42747 .container .opacity-container,
	#section-42747 .container .vc_custom_1651011978558 {
		display: none;
	}
	.gusta-nav-responsive ul li a{
		padding: 0px 5px !important;
	}
	.gusta-navbar-default .gusta-logo img{
		width: auto;
    		height: 42px !important;
	}
}

@media screen and (max-width:767px) {
	.vc_custom_1654802702888{
		display: none !important;
	}
	.vc_custom_1660755422014{
		display: block;
	}
	.disable-scroll{
		overflow: scroll !important;
	}
}

.gusta-section .vc_row.vc_row-o-equal-height.vc_custom_1654802702888 {
	display: none;
}

@media (min-width: 768px) {
	body .gusta-site-logo img {
		top: 50%;
  		transform: translateY(-50%);
	}

	.gusta-section .vc_row.vc_row-o-equal-height.vc_custom_1654802702888 {
		display: flex;
	}
}

nav .container .vc_custom_1660756505009 .wpb_column {
	padding-top: 50px;
}

/* Footer */
#gusta-footer {
    clear: both;
    padding-top: 2em;
}

/* Tweak WPBakery's social link spacing */
.gusta-social-media-links .gusta-icon-link.gusta-big {
    width: auto;
    min-width: 30px !important;
}

/* Fix some broken timeline stuff */
@media only screen and (min-width: 1024px) {
	.cd-timeline-block .cd-timeline-content {
		width: 40%;
	}

	.cd-timeline-block:nth-child(odd) .cd-timeline-content .timeline-arrow {
		border-left-color: black;
	}
}

/* Some default spacing around elements. */
.wp-block-group {
    padding: 1em;
}

.wp-block-group, .wp-block-image {
    margin-block-start: var( --wp--style--block-gap );
}

h2, h3, h4, h5, h6, p {
    margin-top: 0;
}

/* Body font size */
body {
	font-size: 16px;
}

/* Page titles show in small-caps. */
h1 {
	font-variant: small-caps;
	color: var(--wp--preset--color--makespace);
	text-align: center;
}

/* Form fields */
input, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* Custom styles for the block editor */
.is-style-yukonstruct-rounded-corners {
	border-radius: 10px;
	background-color: var(--wp--preset--color--neutral);
}

hr.is-style-default {
	border-width: 1px 0 0 0;
}