/*
Theme Name: Spacious Pro Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Child Theme for Spacious Pro
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious-pro
Version: 1.0
*/

/* =============== GLOBAL =============== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');
.elementor-default p {color:inherit;}
div#page {background:#020202;}
#main .gallery .gallery-item {background:#020202;}
div.sl-wrapper .sl-navigation button {line-height:24px;}


/* =============== GLOBAL CF7 =========== */
.label-hidden {clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden;}
.wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 input[type="url"] {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 98%;
    margin: 0 0 30px;
    background-color: #F8F8F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	padding:15px;
}
.wpcf7 input.wpcf7-submit[type=submit] {border:none;padding:8px 40px;}

/* =============== HEADER =============== */
#header-meta i.fa, #header-meta i.fas {font-family: 'FontAwesome';}
#header-logo-image img {max-width:250px;}
#menu-main-navigation > li > a {text-transform:uppercase;}
.main-navigation ul li ul {border-width:2px;}
.fa-caret-right:before {color:#fff;}
.current_page_ancestor .fa-caret-right:before,
#menu-main-navigation > li:hover .fa-caret-right:before {color:#bc9267;}
nav.main-navigation a, nav.main-navigation ul li ul li a, nav.main-navigation ul li ul li.current-menu-item a, nav.main-navigation ul li.current-menu-ancestor ul li a, nav.main-navigation ul li.current-menu-item ul li a, nav.main-navigation ul li.current_page_ancestor ul li a, nav.main-navigation ul li.current_page_item ul li a, .small-menu a {
	color:#fff;
}
#menu-main-navigation > li > a:hover {text-decoration:none;}
#header-meta .small-info-text p {margin-bottom:0;}
#header-meta {padding-top:8px;}
.elementor-kit-8 .main-small-navigation a {
	color:#fff;
}
.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-ancestor, .main-small-navigation ul > .current-menu-item {
	background: #bc9267;
}
.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-ancestor .sub-toggle, .main-small-navigation ul > .current-menu-item .sub-toggle {
	background:#fff;
}
.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-ancestor .sub-toggle .fa-caret-right:before,
.main-small-navigation ul > .current-menu-item .sub-toggle .fa-caret-right:before {
	color:#bc9267;
}
.main-small-navigation ul {
	background:#020202;
}

/* =============== FOOTER =============== */
/* .wp-block-image.choice-award {
    margin-top: 0px !important;
    margin-right: 30px;
} */

aside#block-8 figure {
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
}

aside#block-27 { 
    text-align: center;
    margin-right: 0px;
}

aside#block-9 {
	text-align: center;
}
aside#block-9 ul {
	float: none;
	 margin: 0;
    display: inline-flex;
}





.wp-block-social-links .wp-social-link a {margin-top:-5px;}
#colophon .wp-social-link {height:35px;}
#block-8 img {max-width:260px;}
#block-9 {clear:both;}
footer#colophon .widget ul li {
	border-bottom:none;
	padding-bottom:10px;
}
#nav_menu-3 a {text-transform:uppercase;}
#colophon h3 {
	padding-bottom:5px; 
	text-transform:uppercase; 
	color:#bc9267;
	font-size:22px;
	line-height:1.1;
}
#colophon .widget {padding-bottom:10px;}
#colophon a {color:#fff;}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover svg {
	color:#020202;
}

/* =============== PAGE TITLE BAR =============== */
.post h1.entry-title, .page h1.entry-title, .single h1.entry-title, .blog h2.header-post-title-class.entry-title {
	text-transform:uppercase;
	font-size:54px;
	line-height:1.1;
	font-weight:700;
}
.header-post-title-container {
	padding:115px 0;
}
.header-post-title-container .post-title-wrapper {
	width:100%;
	float:none;
	text-align:center;
}
div#header-meta, div.header-post-title-container {
	border-color:#020202;
}

/* =============== BLOG ============= */
#main .post .entry-title a {
    color: #fff;
	text-transform:uppercase;
}
#main .post-image-content-wrap p {
	color:#fff;
}
.single #main h1,
.single #main h2,
.single #main h3,
.single #main h4,
.single #main h5,
.single #main h6, 
.single #main p,
.single #main li {
	color:#fff;
}
.single #main a {
	color:#bc9267;
}
body .next a, body .previous a, body .single #content .tags a {
	border-color:#bc9267;
    color: #bc9267;
}
body.blog-image-grid #content .tg-column-third .grid-container, 
body.blog-image-masonry #content .tg-column-third .grid-container {
	border-color:#bc9267;
}
.blog #content {
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}

/* ===============  THE EVENTS CALENDAR PRO =============== */
div.tribe-common .tribe-common-h3 {
	color:#fff !important;
	font-weight:600;
}
div.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title,
div.tribe-events .tribe-events-calendar-month__header-column-title{
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.elementor-kit-8 .tribe-common a, .elementor-kit-8 .tribe-common a:active, .elementor-kit-8 .tribe-common a:focus, .elementor-kit-8 .tribe-common a:hover, .elementor-kit-8 .tribe-common a:visited, .elementor-kit-8 .tribe-common .tribe-common-h2, .elementor-kit-8 .tribe-common .tribe-common-b2, .elementor-kit-8 .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
    color: #bc9267;
}
div.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day,
div.tribe-events .tribe-events-calendar-month__body {
	background:#fff;
}
div.tribe-events .tribe-events-calendar-month__calendar-event-datetime {
	color:#141827;
}
div.tribe-events .tribe-events-calendar-month__calendar-event-title-link {
	font-weight:600;
}
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text{
	color:#222;
	stroke:#222;
}
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
	background-color:#020202;
	color:#fff;
	text-decoration:underline;
	border:none;
	border-radius:0;
}
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	border:none;
	border-radius:0;
}
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon,
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text {
	color:#fff;
	stroke:#fff;
}
div.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text {
	text-decoration:underline;
}
div.tribe-events .tribe-events-calendar-month__mobile-events-icon--event,
div.tribe-events .tribe-events-calendar-month__day-cell--selected,
div.tribe-events .tribe-events-calendar-month__day-cell--selected, 
div.tribe-events .tribe-events-calendar-month__day-cell--selected:focus, 
div.tribe-events .tribe-events-calendar-month__day-cell--selected:hover{
	background-color:#bc9267;
}
.elementor-kit-8 .tribe-common .tribe-events-calendar-month-mobile-events__mobile-event-title a,
.elementor-kit-8 .tribe-common .tribe-common-b2.tribe-events-calendar-month-mobile-events__mobile-event-datetime {
	color:#fff;
}
div.tribe-common .tribe-common-c-svgicon__svg-fill {
	fill:#fff;
}
.elementor-kit-8 button.tribe-common-h3:hover, .elementor-kit-8 button.tribe-common-h3:focus {
	color:#fff;
	border-color:#fff;
}
div.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top:10px;
}
/* =============== Events Calendar list of 3 events =============== */
.home.elementor-kit-8 .tribe-common a, .home.elementor-kit-8 .tribe-common a:active, .home.elementor-kit-8 .tribe-common a:focus, .home.elementor-kit-8 .tribe-common a:hover, .home.elementor-kit-8 .tribe-common a:visited, .home.elementor-kit-8 .tribe-common .tribe-common-h2, .home.elementor-kit-8 .tribe-common .tribe-common-b2, .home.elementor-kit-8 .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	color:#fff;
}

@media (min-width:768px) {
    .upcoming-events-widget .tribe-events-widget-events-list__events {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .upcoming-events-widget .tribe-events-widget-events-list__event-row {
        width: 33%;
    }
}

.upcoming-events-widget .tribe-mini-calendar-event {
    border-bottom: none;
}

.upcoming-events-widget .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-date-tag {
    background: transparent;
    width: 25%;
}

.upcoming-events-widget .tribe-common .tribe-common-g-col.tribe-events-widget-events-list__event-wrapper {
    width: 73%
}

div.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	font-size:16px;
}
div.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium, 
div.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title{
	font-size:28px;
	line-height:1.1;
}
div.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3--min-medium {
    font-size: 16px;
    line-height: 1.1;
    font-style: italic;
}
.upcoming-events-widget .tribe-events-widget-events-list__view-more {
	display:none;
}

/* ------ NEWSLETTER AREA ------ */

.newsletterBackground {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
}

.newsletterArea {
    background: #fff;
    width: 450px;
    padding: 20px 30px;
    height: 200px;
    position: fixed;
    z-index: 999999999;
    top: 200px;
    left: 50%;
    margin: 0 -225px;
    border-radius: 3px;
    box-shadow: 0 0 60px #000;
}

.elementor-kit-8 .newsletterArea h3 {
    width: 100%;
    text-align: center;
    color: #262626;
    font-size: 21px;
    margin: 5px 0 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	font-weight:600;
}

.elementor-kit-8 .newsletterArea input:not(.newsletterSubmit) {
    width: 100%;
    border: solid 1px #b9b9b9;
    padding: 10px;
	margin-bottom:0;
	background-color:#fff;
	border-radius:0;
}

.elementor-kit-8 .newsletterArea input::placeholder {
    font-style: italic;
    color: #808080;
}

.elementor-kit-8 .newsletterArea input.newsletterSubmit[type='submit'] {
    width: 170px;
    border: solid 1px #bc9267;
    padding: 10px;
    color: #bc9267;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    background: #fff;
    margin-top: 18px;
}

#newsletterClose {
    width: 15px;
    height: 15px;
    float: right;
    margin: -16px -22px;
}

#newsletterClose img {
    width: 100%;
}

/* =============== AGE GATE ============== */
.age-gate-form .age-gate-subheadline, .age-gate-form .age-gate-challenge, .age-gate-remember-text {
	color:#fff;
}

/* =============== RESPONSIVE =============== */
@media all and (max-width: 1199px) {} 
@media all and (max-width: 991px) {

} 
@media all and (max-width: 768px) {} 
@media all and (max-width: 600px) {
	aside#block-27 { 
		text-align: left;
		margin-top: 30px;
	}
	
	aside#block-8 {
		float: left;
	}

	aside#block-9 {
		text-align: left;
	}
	aside#block-9 ul {
		float: left;
		display: flex;
	}
	.tribe-events-widget .tribe-events-widget-events-list__event-row {
		align-items:baseline;
	}
}
@media all and (max-width: 476px) {
	.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item {width:50%;}
}