/*!
Theme Name: studebakermuseum
Theme URI: https://www.studebakermuseum.org/
Author: Koshish Bhandari
Author URI: https://techchart.io/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: studebakermuseum
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

studebakermuseum is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
    --grid-bg: #f9f8f4;
    --page-bg: #f0f0f0
}

.container {
    margin-left: auto !important;
    margin-right: auto !important;
}

/*  Global classname styles */

.banner-slider {
    background-position: center center;
}
.wp-block-table thead {
    border-bottom: 1px solid;
    background: #d5d5d5;
}
.widget-underline{
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 25px;
}
.widget-underline::before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 3px;
	background: #ccc;
	content: " ";
	z-index: 1;
}
.margin-0{
	margin: 0
}

.margin-b-40{
	margin-bottom: 40px
}

.list-style-none{
	margin: 0;
	list-style: none;
}
.list-style-disc li{
	list-style: disc;
}
.line-height-unset{
	line-height: unset;
}

p, li, h1, h2, h3, h4, h5, h6{
	color: #333;
}

p, li{
	line-height: 26px;
}
.align-self-center{
	align-self: center
}

.align-self-start{
	align-self: start;
}

.text-primary{
	color: var(--primary)
}

a:hover > mark{
	text-decoration: underline;
	text-decoration-color: #e1142d !important;
	transition: none;
}

.btn-nohover a:hover{
	color: #fff;
}
blockquote{
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

blockquote p{
    color: var(--gray-light);
}

.list-margin-bottom-12 li{
	margin-bottom: 12px;
}

.image-height-400 img{
	height: 400px !important;
	width: 100%;
}

.image-height-500 img{
	height: 500px !important;
	width: 100%;
	object-fit: cover;
}

.image-height-300 img{
	height: 300px !important;
	width: 100%;
	object-fit: cover;
}

.form-flex{
	display: flex;
	gap: 48px;
}

.form-flex .wpcf7-checkbox{
	display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-flex textarea, .form-flex select{
	border-color: #DDE2EA;
}
/* Ended Global classname styles */

.breadcrumbs {
    box-shadow: 0px 2px 2px #E6E6E6;
    padding: 15px 0;
	margin-bottom: 50px;
}

.breadcrumbs a,
.breadcrumbs span {
    color: black;
    text-transform: unset;
    opacity: 0.5;
    font-weight: 500;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs ul,
.breadcrumbs li {
    margin: 0;
}

.breadcrumbs li {
    padding-right: 20px;
    margin-right: 5px;
}

.breadcrumbs li::after {
    content: "/";
    position: absolute;
    right: 0;
    top: 1px;
    font-family: monospace;
    opacity: .5;
}

.breadcrumbs li:last-child span {
    opacity: 1;
}

.breadcrumbs li:last-child::after,
form br {
    display: none;
}

.subscribe-mail-section input {
    max-height: 41px;
    border-radius: 7px 0 0 7px;
}

.subscribe-mail-section input.slim_button {
    border-radius: 0 7px 7px 0;
}

.upcoming-exhibitions-content .slick-prev,
.upcoming-exhibitions-content .slick-next {
    opacity: 1;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
    position: relative;
    display: flex;
    align-items: center;
}

#tribe-events-pg-template,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    background-color: white;
    margin: 50px auto;
    border-radius: 15PX;
    padding: 40px 40px 20px;

}

.tribe_events-template-default div#primary,
.post-type-archive-tribe_events div#primary,
.page-template-exhibitions div#primary {
    background: var(--page-bg);
}

.tribe-events-single-event-title {
    font-size: var(--tec-font-size-6);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
    font-size: var(--tec-font-size-5);
}

#tribe-events-pg-template,
.tribe-common .tribe-common-l-container {
    width: 1150px;
    max-width: 100%;
}

.tribe-common-g-row.tribe-events-calendar-list__event-row {
    background: var(--grid-bg);
    padding: 15px;
    margin: 50px 0px !important;
}

.tribe-common-g-row.tribe-events-calendar-list__event-row,
.tribe-common-l-container.tribe-events-l-container img,
.tribe-events-event-image img,
.tribe-events-single ul.tribe-related-events,
.tribe-events-single ul.tribe-related-events li,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__events-bar,
.tribe-events .tribe-events-c-events-bar__search-container,
.tribe-common img {
    border-radius: 10px;

}

.tribe-common-l-container.tribe-events-l-container img,
.tribe-events-event-image img,
.tribe-common img,
.upcoming-exhibitions-content .post .featured-image img {
    border: 1px solid #ededed;
    padding: 5px;
    border-radius: 10px;

}

.single .tribe-events-event-image img {
    max-height: 50vh;
    width: auto;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector {
    padding: 0 5px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col {
    padding: 15px;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    background: #f0f0f0;
    height: auto !important;
    border-radius: 7px;
    padding: 5px;

}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h1.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h2.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h3.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h4.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h5.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h6.tribe-events-header__title-text {
    font-size: var(--tec-font-size-7);
}

.tribe-events-back {
    margin-bottom: var(--tec-spacer-4);
}

.tribe-events-back a:hover {
    color: var(--primary);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium,
.tribe-events-related-events-title,
.tribe-events-single-event-title,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h1.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h2.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h3.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h4.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h5.tribe-events-header__title-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h6.tribe-events-header__title-text {
    font-family: 'Advocate';
}



.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: 600;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-event-info {
    padding: 15px;
}

.tribe-events-single ul.tribe-related-events {
    background: #f0f0f0;
    padding: 15px 15px 0;

}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail {
    margin-bottom: var(--tec-spacer-0);
}


body:not(.home) .site-content section.banner:after {
    content: "";
    background: #0000008c;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.exhibition-page .flex-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.exhibition-page .flex-row .tabs-content {
    flex: 1 1 80%;
    background: var(--white);
    padding: 15px 30px;
    border-radius: 0 0 10px 10px;
}

.upcoming-exhibitions-content .post .post-meta {
    margin-bottom: 25px;
}

.upcoming-exhibitions-content .post .post-meta span {
    text-transform: uppercase;
}

.upcoming-exhibitions-content .post .read-more {
    font-weight: 600;
    position: relative;
}

.upcoming-exhibitions-content .post .read-more::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.upcoming-exhibitions-content .post .read-more:hover::before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.upcoming-exhibitions-content .slick-prev,
.upcoming-exhibitions-content .slick-next {
    top: unset;
    transform: unset;
    bottom: 0;
    background: none;
    border-radius: 0;
    border: 1px solid var(--primary);
    width: 60px;
    margin: 0 5px;
}


.upcoming-exhibitions-content .slick-prev {
    left: 44%;
}

.upcoming-exhibitions-content .slick-next {
    right: 44%;
}

.upcoming-exhibitions-content .slick-prev::before,
.upcoming-exhibitions-content .slick-next::before {
    color: var(--primary);
}

.upcoming-exhibitions-content .slick-prev::before {
    content: '\f060';
}

.upcoming-exhibitions-content .slick-next::before {
    content: '\f061';
}

/* upcoming exhibitions section end */


/* .exhibition-page .flex-row .exhibitions-tab {
    flex: 1 1 20%;
    display: flex;
    justify-content: center;
    margin: 0 auto 40px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: white;
    width: max-content;
    border-radius: 12px;
    gap: 6px;
} */

.exhibition-page .flex-row .exhibitions-tab {
    flex: 1 1 20%;
    display: flex;
    justify-content: center;
    margin: 0 auto 0px;
    padding: 30px 20px 20px;
    background-color: white;
    width: 100%;
    border-radius: 10px 10px 0 0;
    gap: 6px;
}

.upcoming-exhibitions-content .post .post-content-wrap {
    background: var(--grid-bg);
    /* box-shadow: 0px 0px 30px 0px rgba(33, 37, 43, 0.1); */
    padding: 30px;
}

.exhibition-page .flex-row .exhibitions-tab .position-sticky {
    position: sticky;
    top: 6%;
}

.exhibition-page .flex-row .upcoming-exhibitions-content .post {
    display: flex;
}

.exhibition-page .flex-row .upcoming-exhibitions-content.hide {
    display: none;
}

.exhibition-page .upcoming-exhibitions-content .post .featured-image {
    flex: 0 0 30%;
    padding: 20px;
}

.exhibition-page .upcoming-exhibitions-content .post .post-content-wrap {
    all: unset;
    padding: 30px;
}

.exhibition-page .upcoming-exhibitions-content figure {
    margin: 0;
}

.exhibition-page .upcoming-exhibitions-content figure img {
    height: 100%;
    object-fit: cover;
}

.exhibition-page .upcoming-exhibitions-content .post {
    /* box-shadow: 0px 0px 30px 0px rgba(33, 37, 43, 0.1); */
    background-color: var(--grid-bg);
    margin-bottom: 50px;
    border-radius: 10px;
}

.exhibition-page .flex-row .exhibitions-tab .btn {
    display: block;
    background-color: white;
    padding: 20px;
    width: 100%;
    text-align: center;
    color: black;
    font-family: 'Advocate';
    transition: 0.2s;
    border-radius: 8px;
}

.exhibition-page .flex-row .exhibitions-tab .btn:hover,
.exhibition-page .flex-row .exhibitions-tab .btn.active {
    color: var(--primary);
    background-color: #f2f5f8;
}

.exhibition-page .pagination {
    text-align: center;
    padding: 0 20px;
}

.exhibition-page .not-found-text {
    text-align: center;
    font-family: 'Advocate';
    margin-top: 30px;
    font-size: 18px;
}

.loader-circle {
    width: 30px;
    height: 30px;
    border: 2px solid #444;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.home-events .tribe-events .tribe-events-calendar-list__month-separator,
.home-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search,
.home-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav,
.home-events .tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}

.home-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding: 0;
    min-height: unset;
}

.home-events .tribe-common-g-row.tribe-events-calendar-list__event-row {
    background-color: white;
    padding: 15px;
}




.home-events .tribe-events .tribe-events-l-container {
    background: none;
}

.home-events .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    padding-top: 10px;
}

.home-events .tribe-events .tribe-events-calendar-list__event-date-tag-datetime::after {
    height: calc(100% - 30px) !important;
    top: 15px;
}

.single-exhibition p {
    line-height: 25px;
}

.single-exhibition .featured-image {
    max-width: 500px;
    margin: 15px 0 30px;
}

.single-exhibition .tabs-and-content {
    margin: 30px 0;
}

.single-exhibition .tabs-and-content .tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid lightgrey;
}

.single-exhibition .tabs-and-content .tabs .tab {
    font-family: 'Advocate';
    border: 1px solid transparent;
    border-top: 3px solid transparent;
    padding: 12px 18px;
    cursor: pointer;
    margin-bottom: -1px;
    position: relative;
    transition: 0.2s;
}

.single-exhibition .tabs-and-content .tabs .tab:not(.active):hover {
    color: var(--primary);
}

.single-exhibition .tabs-and-content .tabs .tab.active {
    border: 1px solid lightgrey;
    background-color: white;
    border-top: 3px solid var(--primary);
    border-bottom-color: white;
}

.single-exhibition .tabs-and-content .tab-content {
    border: 1px solid lightgrey;
    border-top: 1px solid transparent;
    padding: 15px;
}

.single-exhibition .tabs-and-content .tab-content .date-and-time {
    margin-bottom: 15px;
}

.single-exhibition .tabs-and-content .tab-content .date-and-time p {
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.single-exhibition .tabs-and-content .tab-content .date-and-time p::before {
    content: ">";
    position: absolute;
    left: 0;
    color: var(--primary);
    font-family: monospace;
}

.single-exhibition #gallery_tab .img-wrapper {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.single-exhibition #gallery_tab .img-box {
    flex: 1 1 25%;
    max-width: 32.5%;
    position: relative;
}

.single-exhibition #gallery_tab .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

#gallery_tab .img-box .fullscreen {
    background-color: var(--primary);
    display: block;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    transition: 0.4s;
    z-index: 2;
}

#gallery_tab .img-box .fullscreen .icon {
    width: 30px !important;
    object-fit: contain !important;
    height: 30px !important;
}

#gallery_tab .img-box:hover .fullscreen {
    opacity: 1;
    filter: unset;
}

#gallery_tab .img-box:hover img {
    filter: grayscale(0.5);
}

.hide {
    display: none;
}

.upcoming-events-section .home-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
    flex-direction: column;
}

.home-events .tribe-common-g-row.tribe-events-calendar-list__event-row {
    background-color: white;
    padding: 15px;
}

.row.single-page{
    display: flex;
    flex-wrap: wrap;
}
.row.single-page .col-left{
    width: 70%;
    padding-right: 20px;
}
.row.single-page .col-right{
    width: 30%;
    padding-left: 20px;
}
.row.single-page .col-right .widget{
    box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
    padding: 25px;
    border-radius: 10px;
    background: var(--white);
    margin-bottom: 40px;
}
.widget-categories li a{
    line-height: 22px;
}
.row.single-page .col-right .widget .widget-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.row.single-page .col-right .widget .widget-title::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--primary);
}

@media (min-width: 767px) {
    .home-events .tribe-common-g-row.tribe-events-calendar-list__event-row {
        margin: 15px !important;
        flex-wrap: wrap;
        display: block;
        width:33.33%;
    }

    .home-events .tribe-events .tribe-events-calendar-list__event-details {
        flex: none;
    }

    .home-events .tribe-events-calendar-list {
        display: flex;
    }

    .home-events .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col,
    .home-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col,
    .home-events .tribe-events .tribe-events-calendar-list__event-details {
        width: 100% !important;
    }

    .home-events .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
        padding: 0;
    }

    .home-events time.tribe-events-calendar-list__event-datetime {
        display: block;
    }

    .home-events.tribe-events .tribe-events-calendar-list__event-datetime-featured-icon {
        margin-top: 15px;
    }

    .home-events .tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
        display: none;
    }

    .home-events .tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2 {
        padding: 15px;
        background: #f0f0f0;
        border-radius: 7px;
        padding: 10px;
        font-size: 13px !important;
        font-family: 'Advocate';
        text-transform: uppercase;
        margin-top: 15px;
    }

    .home-events .tribe-events .tribe-events-calendar-list__event-details {
        flex: none;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .exhibition-page .flex-row .exhibitions-tab {
        width: 100%;
        flex-wrap: wrap;
    }

    .exhibition-page .flex-row .exhibitions-tab .exhibition-cat {
        width: 100%;
    }

    .exhibition-page .articles .post {
        flex-wrap: wrap;
    }

    .exhibition-page .upcoming-exhibitions-content .post .featured-image {
        flex: 1;
    }

    .exhibition-page .upcoming-exhibitions-content .post .post-content-wrap {
        padding: 20px;
    }

    .home-events header.tribe-events-header.tribe-events-header--has-event-search {
        display: none;
    }

    .home-events .tribe-common-g-row.tribe-events-calendar-list__event-row {
        margin-top: 0 !important;
    }

    .home-events .tribe-events .tribe-events-l-container {
        padding-bottom: var(--tec-spacer-1);
        padding-top: var(--tec-spacer-1);
    }

    .home-events .tribe-events .tribe-events-calendar-list__event-date-tag {
        display: none;
    }
	.blog-post-content #primary,
    .blog-post-content #secondary,
    .row.single-page .col-left,
    .row.single-page .col-right{
        padding: 0;
        width: 100%;
    }
    .widget li a{
        font-size: 16px;
    }
}