/*
Theme name: Austin Ghost Tours
Description: Custom Theme
*/

/*/////GLOBAL/////*/
html, body { overflow-x: hidden; }
body { background-color: #E6DCCF; padding: 0; margin: 0; font-family: arpona, serif; font-weight: 400; font-style: normal; position: relative; }
ul { padding-inline-start: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p { margin-block-start: 0; margin-block-end: 0; font-style: normal; }
h1, h2, h3 { line-height: 1.1; }
h1, .jumbo { font-family: etna, sans-serif; font-weight: 700; font-style: normal; font-size: 100px; line-height: 100px; text-transform: uppercase; margin-block-start: .125em; margin-block-end: .125em; }
h2 { font-family: etna, sans-serif; font-weight: 700; font-style: normal; font-size: 80px; line-height: 80px; text-transform: uppercase; margin-block-start: .25em; margin-block-end: .25em; }
h3 { font-family: etna, sans-serif; font-weight: 700; font-style: normal; font-size: 50px; line-height: 50px; text-transform: uppercase; margin-block-start: .5em; margin-block-end: .5em; }
h4 { font-size: 24px; text-transform: uppercase; margin-block-start: .75em; margin-block-end: .75em; }
h5 { font-family: commuters-sans, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 17px; font-weight: 500; margin-block-start: .75em; margin-block-end: .75em; }
p { font-size: 17px; font-weight: 300; line-height: 1.6; margin-block-start: 1em; margin-block-end: 1em; }
img { width: 100%; height: auto; }
a { text-decoration: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
a:hover { text-decoration: underline; }
p a, a h3, a p { color: #931100; }
nav { padding: 1.5vw 0; }
nav a, .ghost-foam { color: #85C4A0; text-decoration: none; }
.current-menu-item a { color: #E6DCCF; }
.menu > li  > a { line-height: 1.2; padding: 25px 20px; }

/*SUB-MENU*/

/* .sub-menu li { padding: 15px 0; } */
.sub-menu li, .sub-menu .menu-item { padding: 0; width: 100%; }
.sub-menu .menu-item { padding: 0; width: 100%; }
.sub-menu li a:hover { color: #FFF8F3 !important; text-decoration: none; }
.sub-menu li a { display: block; padding: 15px 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out, border 0.2s ease-in-out; transition: all 0.2s ease-in-out, border 0.2s ease-in-out; }
.menu-item-has-children { position: relative; display: inline-block; }
.menu-item-has-children .sub-menu { display: none; position: absolute; background-color: #000000; min-width: 260px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 5; border-top: 2px solid #85C4A0; top: 40px; }
.menu-item-has-children .sub-menu li a:hover { background-color: #85C4A0; }
#menu-item-8981 a, .mobile-book-now a { color: #fefefe; padding: 12px; background-color: #931100; border: solid 1px #931100; }
#menu-item-8981 a:hover { color: #931100; background-color: transparent; }
.enllax { padding: 0 !important; }
.home-logo img { max-width: 180px; }
.menu li { float: left; }
.button-container { padding: 30px 0; }
.button-container-simple { padding: 10px 0 30px 0; }
.button-container-simple img { max-width: 71px; }
.button { border-radius: 6px; padding: 12px 18px 12px 18px; text-decoration: none; -webkit-transition: all .2s ease-in-out, border .2s ease-in-out; -moz-transition: all .2s ease-in-out, border .2s ease-in-out; -o-transition: all .2s ease-in-out, border .2s ease-in-out; transition: all .2s ease-in-out, border .2s ease-in-out; }
.button:hover { background-color: #85C4A0; color: #fefefe; }
.intro-home, .tours-association, .tour-form, .team-association, .section-default, .core-content { position: relative; z-index: 0; }

/*COLORS*/
.dark-background { background-color: #000000; }
.dark-background h1, .dark-background h2, .dark-background h3, .dark-background h4, .dark-background h5, .dark-background p { color: #E6DCCF; }

/*TYPE MODIFIERS*/
span.sloop { font-size: 200%; font-family: sloop-script-one, sans-serif; font-weight: 400; font-style: normal; text-transform: capitalize; }

/*SECTIONS*/

/*404*/

.error404 .section__content { text-align: center; padding: 10%; }

/*ABOUT PREVIEW*/
.about-preview .grid-45 { padding-left: 0; }

/*BOOKS*/
.books, .team-association .grid-parent { background-image: url("https://austinghosttours.com/wp-content/themes/austin-ghost-tours/resources/images/stars.svg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.books .slide-thumb { padding: 0 6px; }

/*ACCORDION ALT*/

/* Panel style */
.faq .f-container .f-panel { width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; height: auto; max-height: 0; overflow: hidden; padding: 0px 10px; }

/* Panel style when active */
.faq .f-container.active .f-panel { padding: 15px 10px 10px 0; opacity: 1; height: auto; max-height: 543px; }
.f-btn { width: 100%; float: left; font-size: 24px; list-style: none; }
.f-btn:hover { cursor: pointer; }
.f-container { border-bottom: solid 1px #c9c9c9; }
.f-panel ul { font-weight: 300; padding-left: 1em; }
.f-panel ul li::before { content: "\2022";  /* Add content: ‚2 is the CSS Code/unicode for a bullet */ color: #85C4A0; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; float: left; }
.f-panel li { padding-bottom: 12px; line-height: 1.6; }
.f-container { position: relative; }
.f-container img { position: absolute; top: 31px; right: 0; width: 26px; z-index: -1; }
.faq .f-container.active img { transform: rotate(45deg); }

/*SUBSCRIBE*/
.footer-waves img { width: 102%; vertical-align: bottom; }

/*TEAM ASSOCIATION*/
.team-association h3 { margin-block-end: 0; }
.team-association img { border-top-right-radius: 50%; border-top-left-radius: 50%; }

/*TOURS*/
.tour .enllax { min-height: 350px; border-top-right-radius: 50%; border-top-left-radius: 50%; }
.tour .absolute-image img { max-width: 180px; }
.tour .absolute-text { position: absolute; left: 22px; bottom: 2px; padding-right: 22px; }
.tour h3 { font-size: 28px !important; line-height: 1.2; }
.absolute-text h3 { color: #fefefe; }

/*VIDEOS*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; }
.video-container embed, .video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sharing-box img { max-width: 24px; }
.sharing-box h5 { margin-right: 12px; }
.single-post .section__aside, .blog .section__aside { display: none; }

/*OWL CAROUSEL*/
.owl-nav { text-align: center; margin-top: 3vw; }
.owl-prev, .owl-next { width: 30px; height: 30px; border-left: solid 3px #000000 !important; border-top: solid 3px #000000 !important; transform: rotate(-45deg); }
.owl-next { transform: rotate(135deg); }

/*GRAVITY FORMS*/
.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield-choice-input+label, .gform_wrapper.gravity-theme .ginput_complex label { color: #000000; }
#gform_wrapper_7 .gform_body { width: calc(100% - 100px); float: left; }
#gform_wrapper_7 .gform_footer { float: left; clear: none; }
#gfield_description_7_6 { color: #fefefe !important; }
.gform_button { font-family: commuters-sans, sans-serif; }
.gform_button:hover { cursor: pointer; }
#gform_wrapper_7 input#input_7_1 { border: solid 1px #fefefe; padding: 13px 10px; border-radius: 6px; margin-top: 16px; }
#gform_fields_10 input, .gform_wrapper.gravity-theme .gfield textarea.large { border-radius: 4px; font-family: commuters-sans, sans-serif; border: solid 1px #fefefe; padding: 12px 10px; }
fieldset.form-columns-2, fieldset.form-columns-1 { max-width: 600px !important; }
.top_label input.gform_button button { background-color: #931100; }
#gform_submit_button_10, #gform_submit_button_7, #gform_submit_button_12, #gform_submit_button_13, #gform_submit_button_14, #gform_submit_button_15, #gform_submit_button_16 { width: 100%; font-size: 17px; font-weight: 500; border: solid 2px #931100; color: #fefefe; background-color: #931100; border-radius: 6px; padding: 12px 18px 12px 18px; text-decoration: none; font-family: commuters-sans, sans-serif; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
#gform_submit_button_10:hover { cursor: pointer; background-color: #000000; color: #85C4A0; }
.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme * { font-weight: 300; }
.gform_wrapper.gravity-theme .gfield input.small { width: 100% !important; }
.gform_wrapper.gravity-theme .gfield select.large { font-size: 17px; }
.gform_wrapper .gfield_required { display: none !important; }
.gform_wrapper.gravity-theme .gfield_label { font-weight: 300 !important; }
td.ui-datepicker-unselectable { opacity: .2; }

/*GLOBAL FOOTER*/
footer ul { margin-block-start: 0; }
footer { background-color: #000000; color: #85C4A0; }
footer a { color: #85C4A0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
footer a:hover { color: #E6DCCF; }
footer img { max-width: 180px; }
#menu-footer-quick-links { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: left; }
#footer-socials img { max-width: 24px; height: auto; margin-right: 12px; }
.footer-menu li { padding-left: 0 !important; width: calc(50% - 18px); margin-bottom: 12px; }
.footer-menu li a { text-decoration: none; }
.reach-us a { color: #85C4A0; }
#footer-socials a { color: #000000; }
.z-index-5 { z-index: 5; }
@media screen and (min-width:1025px) {
	.menu-item-has-children:hover .sub-menu { display: block; }
}
@media screen and (min-width:1025px) and (max-width:1500px) {
	h1, .jumbo { font-size: 60px; line-height: 60px; }
	h2 { font-size: 48px; line-height: 48px; }
	h3 { font-size: 42px; line-height: 42px; }
}
@media screen and (min-width:768px) {
	nav { padding: 2.5vw; background-color: #000000; z-index: 3 !important; }
	.menu { float: right; }
	#menu-footer-quick-links { float: left; }
	.menu li { padding: 0 10px 0 10px; }

	/*FORMS*/
	.gform_wrapper.gravity-theme .gfield input.small { width: 100% !important; }
	.sticky { position: fixed; top: 0; width: 100%; z-index: 3; }

	/*CALLOUT*/
	.callout p { padding-left: 60px; padding-right: 60px; }
	.paging { display: flex; align-items: stretch; justify-content: center; }

	/*ABOUT PREVIEW*/
	.about-preview .grid-45 { padding-left: 0; margin-top: 5vw; }
	.about-preview .grid-50 { max-width: 680px; }

	/*INTRO HOME*/
	.intro-home { background: linear-gradient(#000000 50%, #E6DCCF 50%); }
	.intro-home .button-container-simple { padding-bottom: 100px; }
	.intro-home h1 { color: #E6DCCF; font-size: 54px; line-height: 78px; margin-bottom: 80px; }
	.intro-home h5 { padding: 50px 80px 0 80px; }

	/*TEAM ASSOCIATION*/
	.team-association .grid-parent:nth-child(even) .thumnail { float: right; }
	.tour-form-thumbnail { margin-left: 0 !important; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
	h1, .single-post h1 { font-size: 54px; line-height: 54px; }
	h2 { font-size: 42px; line-height: 42px; }
	h3 { font-size: 36px; line-height: 36px; }
}
@media screen and (max-width:767px) {
	h1 { font-size: 42px; line-height: 42px; }
	h2 { font-size: 36px; line-height: 36px; }
	h3 { font-size: 28px; line-height: 28px; }

	/*MENU*/
	.sub-menu a { display: none; }
	#mobile-logo { background-color: #000000; }
	#mobile-logo img, #footer-logo img { max-width: 90%; }
	footer .mobile-grid-50 { padding-left: 0; padding-right: 0; }
	.gform_legacy_markup_wrapper .gform_footer { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; }
	.gform_legacy_markup_wrapper, #gform_wrapper_7 input#input_7_1 { margin-top: 0 !important; margin-bottom: 0 !important; }
	#gform_wrapper_7 .gform_footer { width: 100%; }
	nav ul { font-size: 36px; }
	.menu-bg-cover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; z-index: 0; transition: all 350ms ease; opacity: 0; visibility: hidden; pointer-events: none; }
	.mobile-book-now a { color: #fefefe; }
	.prompt { position: fixed; width: 100%; text-align: center; line-height: 114px; color: #666; }
	.reveal { opacity: .95; display: block; pointer-events: auto; visibility: visible; z-index: 50; }
	.hamburger-shell { margin: 0; position: fixed; overflow: hidden; width: 80px; height: 64px; overflow: auto; top: 2.1vw; right: 15px; cursor: pointer; padding: 0; background: transparent; border: none; z-index: 100; padding-left: 16px; }
	.top, .middle { position: absolute; width: 50px; height: 3px; background-color: #fefefe; transition: all 350ms ease-in-out; top: 24px; }
	.middle { top: 36px; }
	#menu { position: fixed; left: calc(100% - 662px); top: 61px; display: none; margin-right: 60px; text-decoration: none; font-weight: 100; font-size: 40px; color: #000000; padding: 12px 24px; width: 600px; text-align: right; z-index: 70; }
	#menu li { text-decoration: none !important; list-style: none; color: #fefefe; transition: all 150ms ease; }
	#menu li:hover { color: #85C4A0; padding-right: 3px; }
	#menu a { text-decoration: none; color: inherit; font-family: arpona, sans-serif; font-size: 22px; }
	#menu .button { color: #85C4A0; }
	#menu .button:hover { color: #000000; }
	.menu-open .top { transform: rotate(225deg); -webkit-transform: rotate(225deg); top: 30px; background-color: #fefefe; height: 2px; }
	.menu-open .middle { transform: rotate(-225deg); -webkit-transform: rotate(-225deg); top: 30px; background-color: #fefefe; height: 2px; }
	.menu-name { font-family: commuters-sans, sans-serif; font-weight: 900; color: #4A4E10; font-size: 16.3px; text-decoration: none; position: absolute; top: 40px; left: -1px; transition: all 350ms; }
	.menu-open .menu-name { top: 64px; color: #fefefe; }
	.social-icons { float: right; text-align: right; margin-top: 80px; padding-top: 40px; }
	nav img { width: 75%; float: right; }
	a.social-icon { float: left; width: 30px; height: 30px; margin-left: 10px; }
	.social-icons img { margin-left: 12px; }
	.social-icons a { margin-left: 12px; }
	#mobile-logo { margin: 0 !important; padding-top: 12px; padding-bottom: 12px; }
	#mobile-logo .mobile-grid-100 { padding-left: 4px; }
	.article__head { padding-bottom: 18px; }
	nav li { width: 100%; float: right; }
	.mobile-apply-button .button-orange { color: #85C4A0 !important; margin-top: 18px; background-position: bottom 1px right 12px; padding-right: 80px; }
	.mobile-apply-button .button-orange:hover { color: #00161B !important; background-position: bottom 17px right 12px; cursor: pointer; }
	#menu-main-menu-1 li:last-child { margin-bottom: 18px; }

	/*ABOUT PREVIEW*/
	.about-preview .grid-45 { padding-left: 0; padding-right: 0; }
	.about-preview .grid-50 { padding-left: 22px; padding-right: 22px; }

	/*BLOG*/
	.sharing-box img { margin-right: 9px; }
	#gform_wrapper_7 .gform_body { width: 100%; }

	/*INTRO HOME*/
	.intro-home { background-image: url("https://austinghosttours.com/wp-content/themes/austin-ghost-tours/resources/images/intro-home-mobile-background.svg"); background-position: center top; background-repeat: no-repeat; background-size: 101%; }

	/*SUBSCRIBE*/
	#newsletter .grid-container, #call-to-action .grid-container { padding-left: 22px; padding-right: 22px; }
}

/* PAGING LINKS */
.paging__link { display: inline-block; float: left; }
span.page-numbers { color: #fefefe; }
.more-articles-thumbnail { width: 100%; height: 240px; background-size: cover; background-position: 50% 25%; }
.horizontal-scroll .httl { min-width: 2500px; }

/* topbar */
.site-topbar { position: relative; z-index: 5; padding: 10px 0; background: #000; text-align: center; font-size: 15px; letter-spacing: .05em; font-family: 'arpona', sans-serif; }
.site-topbar > .grid-container-full { display: flex; justify-content: center; color: #fff; gap: 15px; }
.site-topbar .topbar-menu { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
.site-topbar .topbar-menu li { margin: 0; padding: 0; }
.site-topbar .topbar-menu a { text-decoration: none; color: #85C4A0; font-size: 15px; letter-spacing: .05em; font-family: 'arpona', sans-serif !important; text-transform: none; }
.site-topbar .topbar-menu a:hover { color: #fff; }
.page-template-dam-splash-page-builder #menu-topbar .menu-item-14425,
.category-dam-tour #menu-topbar .menu-item-14425,
.single-dam-tour #menu-topbar .menu-item-14425 {
	display: none;
}
/* damn blog */
.dam-blog-archive { background-color: var(--white); }
.dam-blog-archive header.archive-header { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; background: #000; color: var(--blue); padding: 45px 20px; margin-bottom: 65px; }
.dam-blog-archive  h3.archive-card__title { margin-top: 20px; margin-bottom: 15px; }
.dam-blog-archive  h3.archive-card__title a { font-family: "bicyclette", sans-serif; color: #1f1f1f; font-size: 32px; font-weight: 800; }
.dam-blog-archive a.button { background: var(--blue); color: #000; padding: 10px 25px; }
.dam-blog-archive a.button:hover, .dam-blog-archive a.button:focus { background: var(--blue); color: #fff; }
.dam-blog-archive .button-container-simple { margin-top: 20px; }
.dam-blog-archive .grid-container { padding-bottom: 70px; }

/* .dam-single-header-wrap > .grid-container, .dam-single-body > .grid-container { max-width: 967px; margin: auto; background: #fff; padding: 30px 20px; } */
.dam-single-header-wrap { background: #fff; padding-top: 75px; }
.dam-single-body { background: #fff; padding-bottom: 90px; padding-top: 25px; }
.dam-single-header.text-align-center { text-align: left; }
.dam-single-body h2  a, .dam-single-body h3  a, .dam-single-body h4  a, .dam-single-body h5  a { font-size: inherit; color: #931100; font-weight: inherit; font-family: inherit; }
.dam-single-body p a { letter-spacing: normal; line-height: initial; }
.smush-detected-img { box-shadow: none !important; }
.dam-single-header { text-align: left; padding: 30px 0 0; }
p.dam-single-meta a { font-size: inherit; letter-spacing: normal; }
p.dam-back-link a { letter-spacing: normal; }
.dam-single-body .entry-content a { letter-spacing: normal; font-size: inherit; }

/* ========================================
   Dam Single Content Spacing
======================================== */
.dam-single-body h1, .dam-single-body h2, .dam-single-body h3, .dam-single-body h4, .dam-single-body h5, .dam-single-body h6 { margin-top: 40px; margin-bottom: 15px; }
.dam-single-body h1:first-child, .dam-single-body h2:first-child, .dam-single-body h3:first-child { margin-top: 0; }
.dam-single-body p { margin-bottom: 20px; }
.dam-single-body h4 { margin-top: 30px; }