:root{ --section_bg_one: #301f27; --section_bg_two: #e44499; --date-background: rgba(242, 244, 255, .04); --form-field-border: rgba(255,255,255,0.07); --form-field-focus-border: #6757D6; --bar-bg: #202020; --cat_link: #c9cdd5; --cat_link_active: #a86f9d; } /* Fonts */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/google/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: italic; font-weight: 400; src: url('../fonts/google/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('../fonts/google/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: italic; font-weight: 700; src: url('../fonts/google/inter-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('../fonts/google/playfair-display-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: italic; font-weight: 400; src: url('../fonts/google/playfair-display-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('../fonts/google/playfair-display-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: italic; font-weight: 700; src: url('../fonts/google/playfair-display-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* Main Styles */ *{ box-sizing: border-box; } @media only screen and (min-width: 1000px){ html{ font-size: 18px; } } @media only screen and (max-width: 999px){ html{ font-size: 16px; } } body{ margin: 0; padding: 0; background-color: var(--wp--preset--color--page-background); color: var(--wp--preset--color--primary-text); font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; } ::-moz-selection { text-shadow: none; background-color: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--primary-text); } ::selection { text-shadow: none; background-color: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--primary-text); text-decoration: none; } a{ color: var(--wp--preset--color--link-color); font-weight: 500; text-decoration: underline; } a:hover{ color: var(--wp--preset--color--link-hover); text-decoration: underline; } p, li, table, tbody, tr, th, td, body{ font-size: 1rem; line-height: 1.8; } h1, h2, h3, h4, h5, h6{ line-height: 1.4; font-family: 'Playfair Display', 'Times New Roman', Times, serif; font-weight: 400; } h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0 0 10px 0; } h1{ font-size: 3.2rem; } h2{ font-size: 2.5rem; } h3{ font-size: 2.1rem; } h4, h5, h6{ font-size: 1.6rem; } strong, b{ font-weight: 700; } em, i{ font-style: italic; } img{ border: none; max-width: 100%; height: auto; } .container::before, .container::after, .clearfix::before, .clearfix::after, .clear::before, .clear::after{ content: ""; display: table; } .container::after, .clearfix::after, .clear::after{ clear: both; } #page-wrap{ position: relative; min-height: 100%; } figure{ margin: 0; } /* Flexbox Columns */ .row{ display: flex; flex-wrap: wrap; } @media only screen and (min-width: 1200px){ [class^="col-"], [class*=" col-"]{ padding: 15px; } .col-0{ display: none; } .col-1{ width: 8.33%; } .col-2{ width: 16.66%; } .col-3{ width: 25%; } .col-4{ width: 33.33%; } .col-5{ width: 41.66%; } .col-6{ width: 50%; } .col-7{ width: 58.33%; } .col-8{ width: 66.66%; } .col-9{ width: 75%; } .col-10{ width: 83.33%; } .col-11{ width: 91.66%; } .col-12{ width: 100%; } } @media only screen and (min-width: 800px) and (max-width: 1199px){ [class*="t-col-"] { padding: 15px; } .t-col-0 {display: none;} .t-col-1 {width: 8.33%;} .t-col-2 {width: 16.66%;} .t-col-3 {width: 25%;} .t-col-4 {width: 33.33%;} .t-col-5 {width: 41.66%;} .t-col-6 {width: 50%;} .t-col-7 {width: 58.33%;} .t-col-8 {width: 66.66%;} .t-col-9 {width: 75%;} .t-col-10 {width: 83.33%;} .t-col-11 {width: 91.66%;} .t-col-12 {width: 100%;} } @media only screen and (max-width: 799px){ [class*="m-col-"] { padding: 15px; } .m-col-0 {display: none;} .m-col-1 {width: 8.33%;} .m-col-2 {width: 16.66%;} .m-col-3 {width: 25%;} .m-col-4 {width: 33.33%;} .m-col-5 {width: 41.66%;} .m-col-6 {width: 50%;} .m-col-7 {width: 58.33%;} .m-col-8 {width: 66.66%;} .m-col-9 {width: 75%;} .m-col-10 {width: 83.33%;} .m-col-11 {width: 91.66%;} .m-col-12 {width: 100%;} } @media only screen and (max-width: 800px) { /* For mobile phones: */ [class^="col-"], [class*=" col-"]{ width: 100%; padding-left: 0; padding-right: 0; } } .col-center{ margin-left: auto; margin-right: auto; } /* Only apply when the WordPress admin bar is present */ body.admin-bar{ padding-top: 32px; } /* Adjust padding for smaller screens if needed */ @media screen and (max-width: 782px) { body.admin-bar{ padding-top: 46px; } } /* Layout */ .container{ max-width: 1600px; width: 100%; box-sizing: border-box; margin: 0 auto; } #page-wrap{ display: flex; min-height: 100vh; flex-direction: column; } #main-body{ flex: 1; } .page-container{ padding-top: 60px; padding-bottom: 60px; } .elementor-section .elementor-container{ flex-wrap: wrap; } @media only screen and (min-width: 1200px){ .page-container{ padding-top: 40px; padding-bottom: 40px; } .single-post .page-container .entry [class*="wp-block-"].alignwide, .page-container .entry [class*="wp-block-"].alignfull{ width: calc( 100% + 200px); max-width: unset !important; margin-left: -100px; margin-right: -100px; box-sizing: border-box; position: relative; } } @media only screen and (max-width: 1199px){ .single-post .page-container .entry{ padding: 0 0; box-sizing: border-box; } .single-post .page-container .entry [class*="wp-block-"].alignwide, .page-container .entry [class*="wp-block-"].alignfull{ max-width: 100%; box-sizing: border-box; position: relative; } } /* WordPress Elements */ .wp-block-gallery, .wp-block-image, .wp-block-quote, .wp-block-embed, .wp-code-block, .wp-block-table, .wp-block-cover{ margin-top: 60px; margin-bottom: 60px; } /* Loading Animation */ .infinite-scroll .loader{ width:100%; margin:0 auto; border-radius:10px; border:4px solid transparent; position:relative; padding:1px; } .infinite-scroll .loader:before{ content:''; position:absolute; top:-4px; right:-4px; bottom:-4px; left:-4px; } .infinite-scroll .loader .loaderBar{ position:absolute; border-radius:10px; top:0; right:100%; bottom:0; left:0; background:var(--wp--preset--color--secondary); width:0; animation:borealisBar 2s linear infinite; } .infinite-scroll .status-update{ text-align: center; color: var(--wp--preset--color--secondary-text); font-size: 0.875rem; padding: 32px 18px; display: none; } .infinite-scroll .infinite-scroll-request{ display: none; } @keyframes borealisBar { 0% { left:0%; right:100%; width:0%; } 10% { left:0%; right:75%; width:25%; } 90% { right:0%; left:75%; width:25%; } 100% { left:100%; right:0%; width:0%; } } /* Blockquote */ .page-content blockquote, .post-content blockquote{ border-left: solid 8px var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--primary-text); background-color: var(--wp--preset--color--white); } .page-content blockquote.add-quote::before, .post-content blockquote.add-quote::before{ color: var(--wp--preset--color--primary-dark); } .page-content blockquote p:last-of-type, .post-content blockquote p:last-of-type{ padding: 0; margin: 0; } .page-content blockquote cite, .post-content blockquote cite{ margin: 18px 0 0 !important; } .page-content blockquote.add-quote::before, .post-content blockquote.add-quote::before{ content: "\eae8"; font-family: 'wolfie'; font-size: 1.9rem; display: block; width: fit-content; padding: 0 0 18px 4px; } .page-content blockquote[class^="wolfie--block-"], .page-content blockquote[class*=" wolfie--block-"], .post-content blockquote[class^="wolfie--block-"], .post-content blockquote[class*=" wolfie--block-"]{ border-left: solid 15px #656d77;border-right: solid 3px #434a53; background-color: #FFF; color: #202020; -moz-box-shadow: 2px 2px 15px rgba(0,0,0,.4);; -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,.4); box-shadow: 2px 2px 15px rgba(0,0,0,.4); } .page-content blockquote.wolfie--block-default, .post-content blockquote.wolfie--block-default{ border-left-color: #656d77; border-right-color: #434a53; } .page-content blockquote.wolfie--block-default.add-quote::before, .post-content blockquote.wolfie--block-default.add-quote::before{ color: #434a53; } .page-content blockquote.wolfie--block-grapefruit, .post-content blockquote.wolfie--block-grapefruit{ border-left-color: #ed5565; border-right-color: #da4453; } .page-content blockquote.wolfie--block-grapefruit.add-quote::before, .post-content blockquote.wolfie--block-grapefruit.add-quote::before{ color: #da4453; } .page-content blockquote.wolfie--block-bittersweet, .post-content blockquote.wolfie--block-bittersweet{ border-left-color: #fc6d58; border-right-color: #e95546; } .page-content blockquote.wolfie--block-bittersweet.add-quote::before, .post-content blockquote.wolfie--block-bittersweet.add-quote::before{ color: #e95546; } .page-content blockquote.wolfie--block-sunflower, .post-content blockquote.wolfie--block-sunflower{ border-left-color: #ffcd69; border-right-color: #f6ba59; } .page-content blockquote.wolfie--block-sunflower.add-quote::before, .post-content blockquote.wolfie--block-sunflower.add-quote::before{ color: #f6ba59; } .page-content blockquote.wolfie--block-grass, .post-content blockquote.wolfie--block-grass{ border-left-color: #9fd477; border-right-color: #8bc163; } .page-content blockquote.wolfie--block-grass.add-quote::before, .post-content blockquote.wolfie--block-grass.add-quote::before{ color: #8bc163; } .page-content blockquote.wolfie--block-mint, .post-content blockquote.wolfie--block-mint{ border-left-color: #46cfb0; border-right-color: #34bc9d; } .page-content blockquote.wolfie--block-mint.add-quote::before, .post-content blockquote.wolfie--block-mint.add-quote::before{ color: #34bc9d; } .page-content blockquote.wolfie--block-aqua, .post-content blockquote.wolfie--block-aqua{ border-left-color: #4fc2e5; border-right-color: #3bb0d6; } .page-content blockquote.wolfie--block-aqua.add-quote::before, .post-content blockquote.wolfie--block-aqua.add-quote::before{ color: #3bb0d6; } .page-content blockquote.wolfie--block-bluejeans, .post-content blockquote.wolfie--block-bluejeans{ border-left-color: #5e9de6; border-right-color: #4b8ad6; } .page-content blockquote.wolfie--block-bluejeans.add-quote::before, .post-content blockquote.wolfie--block-bluejeans.add-quote::before{ color: #4b8ad6; } .page-content blockquote.wolfie--block-lavender, .post-content blockquote.wolfie--block-lavender{ border-left-color: #ad93e6; border-right-color: #977bd5; } .page-content blockquote.wolfie--block-lavender.add-quote::before, .post-content blockquote.wolfie--block-lavender.add-quote::before{ color: #977bd5; } .page-content blockquote.wolfie--block-pinkrose, .post-content blockquote.wolfie--block-pinkrose{ border-left-color: #ed87bd; border-right-color: #d870a9; } .page-content blockquote.wolfie--block-pinkrose.add-quote::before, .post-content blockquote.wolfie--block-pinkrose.add-quote::before{ color: #d870a9; } .page-content blockquote.wolfie--block-light, .post-content blockquote.wolfie--block-light{ border-left-color: #f5f7fa; border-right-color: #e6e9ed; } .page-content blockquote.wolfie--block-light.add-quote::before, .post-content blockquote.wolfie--block-light.add-quote::before{ color: #e6e9ed; } .page-content blockquote.wolfie--block-gray, .post-content blockquote.wolfie--block-gray, .page-content blockquote.wolfie--block-grey, .post-content blockquote.wolfie--block-grey{ border-left-color: #ccd1d8; border-right-color: #aab2bc; } .page-content blockquote.wolfie--block-gray.add-quote::before, .post-content blockquote.wolfie--block-gray.add-quote::before, .page-content blockquote.wolfie--block-grey.add-quote::before, .post-content blockquote.wolfie--block-grey.add-quote::before{ color: #aab2bc; } .page-content blockquote.wolfie--quote, .post-content blockquote.wolfie--quote{ position: relative; border-left: none } .page-content blockquote.wolfie--quote > p, .post-content blockquote.wolfie--quote > p{ font-weight: 700; } .page-content blockquote.wolfie--quote::before, .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::after{ position: absolute; font-family: 'wolfie'; opacity: 0.5; } .page-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::before{ content: "\eae9"; } .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::after{ content: "\eae7"; } @media only screen and (min-width: 1200px){ .page-content blockquote, .post-content blockquote{ margin: 24px auto 48px; max-width: 1200px; padding: 50px; } .page-content blockquote.wolfie--quote, .post-content blockquote.wolfie--quote{ padding: 75px 100px; } .page-content blockquote.wolfie--quote > p, .post-content blockquote.wolfie--quote > p{ font-size: 1.9rem; } .page-content blockquote.wolfie--quote::before, .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::after{ font-size: 2.7rem; } .page-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::before{ top: 50px; left: 35px; } .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::after{ bottom: 130px; right: 35px; } } @media only screen and (min-width: 800px) and (max-width: 1199px){ .page-content blockquote, .post-content blockquote{ margin: 24px 20px 48px; padding: 40px; } .page-content blockquote.wolfie--quote, .post-content blockquote.wolfie--quote{ padding: 50px 70px; } .page-content blockquote.wolfie--quote > p, .post-content blockquote.wolfie--quote > p{ font-size: 1.5rem; } .page-content blockquote.wolfie--quote::before, .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::after{ font-size: 2.3rem; } .page-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::before{ top: 30px; left: 20px; } .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::after{ bottom: 100px; right: 20px; } } @media only screen and (max-width: 799px){ .page-content blockquote, .post-content blockquote{ margin: 18px 0 36px; padding: 25px; } .page-content blockquote.wolfie--quote, .post-content blockquote.wolfie--quote{ padding: 35px 60px; } .page-content blockquote.wolfie--quote > p, .post-content blockquote.wolfie--quote > p{ font-size: 1.3rem; } .page-content blockquote.wolfie--quote::before, .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::after{ font-size: 2rem; } .page-content blockquote.wolfie--quote::before, .post-content blockquote.wolfie--quote::before{ top: 30px; left: 18px; } .page-content blockquote.wolfie--quote::after, .post-content blockquote.wolfie--quote::after{ bottom: 70px; right: 18px; } } /* WP Image alignment */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .post-content iframe { display: block; margin: 0 auto; } @media screen and (max-width: 600px) { #wpadminbar { position: fixed; } } /* Form Buttons and Button Links */ .button.block, .forminator-custom-form button.forminator-button-submit, .tribe-events .tribe-events-c-search__button, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link, .tribe-events .tribe-events-c-top-bar__nav-link, .tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev, .single-tribe_events .single-event .event-sidebar .more-toggle, .single-post .comments #respond #submit{ display: inline-block; width:fit-content; padding: 18px 30px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: var(--wp--preset--color--white); background-color: var(--wp--preset--color--black); border: none; border-radius: 5px; transition: all .2s ease; font-family: 'Playfair Display', 'Times New Roman', Times, serif; font-size: 1rem; } .button.block:hover, .forminator-custom-form button.forminator-button-submit:hover, .tribe-events .tribe-events-c-search__button:hover, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link:hover, .tribe-events .tribe-events-c-top-bar__nav-link:hover, .tribe-events .tribe-events-c-top-bar__today-button:hover, .tribe-events .tribe-events-c-ical__link:hover, .tribe-events .tribe-events-c-ical__link:hover, .tribe-events .tribe-events-c-nav__next:hover, .tribe-events .tribe-events-c-nav__prev:hover, .single-tribe_events .single-event .event-sidebar .more-toggle:hover, .single-post .comments #respond #submit:hover{ background-color: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--white); } .button.block.second{ background-color: #E4E4E4; color: #202020; } .button.block.second:hover{ color: var(--wp--preset--color--white); background-color: var(--wp--preset--color--secondary-dark); } /* Header */ #site-header{ position: fixed; z-index: 2000; width: 100%; top: 60px; max-width: 1600px; left: 50%; transform: translateX(-50%); transition: all .25s ease-in-out; padding: 0 30px; } #site-header .wrap{ padding: 0; background-color: var(--wp--preset--color--page-background); box-shadow: 0 3px 7px rgba(0,0,0,.35); } #site-header .container{ max-width: 100%; } body.admin-bar #site-header{ top: 92px; } /* Only apply when the WordPress admin bar is present */ /* Adjust padding for smaller screens if needed */ @media only screen and (max-width: 1199px){ #site-header{ top: 0; padding: 0; } body.admin-bar #site-header{ top: 32px; } } @media screen and (max-width: 782px) { #site-header{ top: 0; } body.admin-bar #site-header{ top: 46px; } } #site-header .container{ position: relative; z-index: 2001; align-items: center; padding: 0; } #site-header .spacer{ flex: 1; } /* Logo */ #site-header #logo{ padding: 0; margin: 0; display: flex; align-items: center; } #site-header #logo a{ display: block; width: 100%; height: 100%; } #site-header #logo img{ max-width: 300px; max-height: 50px; width: auto; height: 100%; vertical-align: bottom; } /* Drop Down Menu */ #site-header #header-menu .menu{ padding: 0; margin: 0; list-style: none; display: flex; gap: 0; } #site-header #header-menu .menu, #site-header #header-menu .menu-container .contact-link .link{ font-family: 'Playfair Display', 'Times New Roman', Times, serif; } #site-header #header-menu .menu .menu-item{ position: relative; } #site-header #header-menu .menu > .menu-item > a, #site-header #header-menu .menu-container .contact-link .link{ text-transform: uppercase; } #site-header #header-menu .menu .menu-item a{ color: #202020; transition: all .15s ease-in-out; } #site-header #header-menu .menu .menu-item a:hover{ color: #301f27; } #site-header #header-menu .menu-container .contact-link .link{ color: #000; text-decoration: none; } #site-header #header-menu .menu-container .contact-link .link:hover{ color: #FFF; background-color: var(--wp--preset--color--secondary-dark); text-decoration: none; } #site-header #header-menu .menu-container .contact-link .link:hover .icon{ background-color: #202020; } /* Mobile Menu Toggle */ #site-header #mobile-menu{ padding: 15px 20px; height: 50px; box-sizing: content-box; } #site-header #mobile-menu label{ position: relative; width: 50px; height: 50px; cursor: pointer; display: block; } #site-header #mobile-menu label #menu-check{ display: block; width: 100%; height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0; border: none; margin: 0; } #site-header #mobile-menu label .menu.burger{ margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 22px; height: 12px; } #site-header #mobile-menu label .menu.burger .bar{ position: absolute; display: block; width: 100%; height: 2px; background-color: var(--bar-bg, #202020); border-radius: 1px; transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); } #site-header #mobile-menu label .menu.burger .bar:first-of-type{ top: 0; } #site-header #mobile-menu label .menu.burger .bar:last-of-type{ bottom: 0; } #site-header #mobile-menu label.active .menu.burger .bar:first-of-type, #site-header #mobile-menu label #menu-check:checked + .menu.burger .bar:first-of-type{ transform: rotate(45deg); top: 5px; } #site-header #mobile-menu label.active .menu.burger .bar:last-of-type, #site-header #mobile-menu label #menu-check:checked + .menu.burger .bar:last-of-type{ transform: rotate(-45deg); bottom: 5px; } #site-header #mobile-menu label.active:hover .menu.burger .bar:first-of-type, #site-header #mobile-menu label.active:hover .menu.burger .bar:last-of-type, #site-header #mobile-menu label:hover #menu-check:checked + .menu.burger .bar:first-of-type, #site-header #mobile-menu label:hover #menu-check:checked + .menu.burger .bar:last-of-type{ width: 22px; } /* Site Menu */ #site-header #header-menu .space{ height: 130px; } #site-header #header-menu .menu-container .contact-link .link{ display: block; width: fit-content; background-color: var(--wp--preset--color--secondary); transition: all .12s ease-in-out; } #site-header #header-menu .menu-container .contact-link .link > span{ display: inline-block; vertical-align: middle; } #site-header #header-menu .menu-container .contact-link .link .icon{ width: 42px; height: 42px; color: #FFF; background-color: var(--wp--preset--color--secondary-dark); border-radius: 50%; line-height: 42px; text-align: center; } #site-header #header-menu .menu-container .contact-link .link .label{ padding: 0 0 0 8px; } #site-header #header-menu .menu .sub-menu{ margin: 0; padding: 0; list-style: none; } #site-header #header-menu .menu a, #site-header #header-menu .menu a:hover{ text-decoration: none; } #site-header #header-menu .menu > .menu-item-has-children > a::after{ content: "\ea6f"; font-family: "wolfie"; display: inline-block; font-size: 0.65rem; margin: 0 0 5px 8px; vertical-align: middle; } @media only screen and (min-width: 1025px) { /* Mobile Menu */ #site-header #mobile-menu label:hover .bar:first-of-type{ width: 26px; } #site-header #mobile-menu label:hover .bar:last-of-type{ width: 12px; } #site-header #mobile-menu{ display: none; } } @media only screen and (min-width: 800px) and (max-width:1024px){ } @media only screen and (max-width:1024px){ #site-header #header-menu{ width: 100%; transition: all .2s ease; } #site-header #header-menu:not(.show){ display: none; } #site-header #header-menu .menu{ flex-direction: column; } #site-header #header-menu .menu-item-has-children > a::after{ content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; } #site-header #header-menu .menu-item-has-children > .sub-menu{ display: none; list-style: none; margin: 0; padding: 0; background-color: #eceef0; } #site-header #header-menu .sub-menu > li.menu-item-has-children > a::after{ line-height: 42px; } #site-header #header-menu .menu-item a{ display: block; line-height: 48px; padding: 0 15px; } #site-header #header-menu .menu .sub-menu li.menu-item-has-children ul{ border-left: solid 5px #A0A0A0; } #site-header #header-menu .menu-container .contact-link .link{ width: 100%; line-height: 48px; padding: 0 15px; } #site-header #header-menu .menu-container .contact-link .link .icon{ display: none; } #site-header #header-menu .menu-container .contact-link .link .label{ padding: 0; } } @media only screen and (min-width: 800px){ #site-header #logo{ max-width: 300px; height: 40px; padding: 15px 0 15px 20px; box-sizing: content-box; width: fit-content; } #site-header #logo .mobile-logo{ display: none; } #site-header #logo .desktop-logo{ display: block; } #site-header #header-menu .menu-container{ display: flex; gap: 20px; } #site-header #header-menu .menu > .menu-item > a{ display: block; line-height: 50px; padding: 15px 8px; height: 50px; box-sizing: content-box; } #site-header #header-menu .menu .sub-menu{ position: absolute; top: 80px; width: 250px; background-color: var(--wp--preset--color--white); box-shadow: 0 2px 5px rgba(0,0,0,.25); display: none; } #site-header #header-menu .menu > li.menu-item-has-children:hover > .sub-menu{ display: block; } #site-header #header-menu .menu > li a{ position: relative; } #site-header #header-menu .menu > li > a::before, #site-header #header-menu .menu > li.current_page_item > a::before, #site-header #header-menu .menu > li.current-menu-ancestor > a::before{ content: ""; background-color: var(--wp--preset--color--secondary); position: absolute; left: 50%; right: 50%; bottom: 20px; height: 3px; transition: all .2s ease-in-out; } #site-header #header-menu .menu > li:hover > a::before, #site-header #header-menu .menu > li.current_page_item > a::before, #site-header #header-menu .menu > li.current-menu-ancestor > a::before{ left: 5px; right: 5px; } #site-header #header-menu .menu .sub-menu .menu-item a{ display: block; width: 100%; padding: 5px 10px; transition: all .15s ease-in-out; } #site-header #header-menu .menu .sub-menu .menu-item a:hover{ background-color: #f5f7fa; } #site-header #header-menu .menu-container .contact-link .link{ line-height: 50px; padding: 15px 20px; height: 50px; box-sizing: content-box; } } @media only screen and (max-width: 799px){ #site-header #logo{ width: 40px; height: 40px; padding: 0 0 0 15px; } #site-header #mobile-menu{ height: 40px; } #site-header #mobile-menu label{ width: 40px; height: 40px; } #site-header #logo .mobile-logo{ display: block; } #site-header #logo .desktop-logo{ display: none; } #site-header{ height: 100px; } #site-header #mobile-menu{ padding: 15px; } } @media only screen and (min-width: 1025px){ /* Layout */ .container{ padding: 0 30px; } #sidebar{ width: 350px; box-sizing: content-box; padding-left: 28px; } /* Header */ #site-header.fullmenu{ padding: 0; top: 0; max-width: 100%; } body.admin-bar #site-header.fullmenu{ top: 32px; } /* Logo */ /* Drop Down Menu */ } @media only screen and (min-width: 801px) and (max-width: 1024px){ /* Layout */ .container{ padding: 0 30px; } /* Header */ /* Menu */ /* Drop Down Menu */ } @media only screen and (max-width: 800px){ /* Layout */ .container{ padding: 0 20px; } /* Page Title */ .page-title .post-meta .meta-item{ display: block; } .page-title .post-meta .posted_onby{ padding-bottom: 10px; } .page-title .post-meta .meta-divider{ display: none; } /* Header */ /* Logo */ /* Menu */ /* Drop Down Menu */ } /* Footer */ #site-footer{ padding: 24px 0; background-image: url('../images/footerdot.png'); } /* Main Footer Bar */ #site-footer #main-footer{ padding: 20px 0; } #site-footer #main-footer .footer-sidebar{ padding: 0; } #site-footer #main-footer .footerlogo img{ vertical-align: bottom; } #site-footer #main-footer .footerlogo{ padding: 0 0 18px; } #site-footer #main-footer .sitedesc{ font-size: 0.9125rem; } #site-footer #main-footer .footerbar-wrap{ padding: 15px; } /* Footer Navigation */ #site-footer .footer_menu .menu, #site-footer .menu ul{ padding: 0 0 0 12px; margin: 0; } #site-footer .footer_menu .menu .menu-item, #site-footer .menu ul li{ padding: 0 0 0 15px; } #site-footer .footer_menu .menu .menu-item::marker, #site-footer .menu ul li::marker{ content: "\ea5a"; font-family: 'wolfie'; font-size: 0.875rem; color: var(--link); font-weight: 900; } /* Footer Socials */ #site-footer .footernav .contactinfo .icon, #site-footer .footernav .contactinfo .label{ display: inline-block; line-height: 21px; } #site-footer .footernav .contactinfo .icon{ text-align: center; width: 21px; } #site-footer .footernav .contactinfo .label{ padding: 0 0 0 6px; } #site-footer .footernav .contactinfo:not(:last-of-type){ padding: 0 0 6px; } #site-footer .footernav .contactinfo:last-of-type{ padding: 0; } #site-footer .footernav .contactinfo.discord{ padding-top: 12px; } #site-footer .footernav .contactinfo.discord a{ width: fit-content; display: block; padding: 9px 15px; color: #FFF; background-color: #5865F2; transition: all .2s ease; } #site-footer .footernav .contactinfo.discord a:hover{ background-color: #FFF; color: var(--wp--preset--color--secondary); } /* Copyright Bar */ #site-footer #footer-copyright{ padding: 25px 0; } #site-footer #footer-copyright .container{ display: flex; flex-wrap: wrap; gap: 10px 30px; } #site-footer #footer-copyright .container::before, #site-footer #footer-copyright .container::after{ display: none; } #site-footer #footer-copyright .container > *{ font-size: 0.875rem; padding: 0; } @media only screen and (min-width: 1000px){ #site-footer #footer-copyright .copyright, #site-footer #footer-copyright .designedby{ width: calc( 50% - 15px ); } #site-footer #footer-copyright .designedby{ text-align: right; } #site-footer #footer-copyright .notice{ flex: 1; } #site-footer #footer-copyright .login{ width: 350px; text-align: right; } } @media only screen and (max-width: 999px){ #site-footer #main-footer .footerlogo img{ max-width: 175px; } } /* Go To Top */ .gototop { position: fixed; bottom: -124px; right: 60px; width: 64px; height: 64px; border: 4px solid #FFF; color: #FFF; border-radius: 50%; overflow: hidden; display: block; transition: all 0.2s ease-in-out; opacity: 0; z-index: 100; } .gototop:hover{ background-color: #FFF; color: var(--wp--preset--color--page-background); } .gototop i { position: absolute; font-size: 1.25rem; top: 64px; /* Hidden below the button */ left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease; } .gototop.active { opacity: 1; bottom: 60px; } .gototop.active i { top: 50%; /* Moves to the center */ opacity: 1; } .gototop.hide i { top: -64px; /* Moves out of the button */ opacity: 0; } @media only screen and (min-width: 800px) and (max-width: 1199px){ #site-footer #main-footer .container{ flex-wrap: wrap; gap: 20px; } #site-footer #main-footer #footerbar-one{ width: 100%; padding: 0 0 18px; } #site-footer #main-footer #footerbar-two, #site-footer #main-footer #footerbar-three{ width: calc( 50% - 10px ); } } @media only screen and (max-width: 799px){ #site-footer #main-footer .container{ gap: 20px; } } /* Page Title */ .page-title{ position: relative; min-height: 250px; display: flex; flex-direction: column; justify-content: center; background-color: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--white); background-position: center; background-size: cover; background-repeat: no-repeat; } .page-title.featured-image::before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgb(0,121,107); background: linear-gradient(58deg, rgba(0,121,107,0.5) 0%, rgba(0,150,136,0.35) 40%, rgba(178,223,219,0.25) 100%); } .page-title .container{ position: relative; } .page-title .taxonomy .post-format{ display: inline-block; vertical-align: middle; line-height: 48px; height: 48px; width: 48px; text-align: center; border-radius: 50%; background-color: var(--wp--preset--color--primary); color: #FFF; } .page-title .taxonomy .post-cats{ vertical-align: middle; } .page-title .taxonomy .post-cats .cat{ display: inline-block; margin: 0 4px 6px; } .page-title .taxonomy .post-cats .cat a{ line-height: 48px; padding: 0 20px; font-size: 0.9rem; width: fit-content; display: block; background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary-text); text-decoration: none; transition: all .2s ease; } .page-title .taxonomy .post-cats .cat a:hover{ background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--secondary); } .page-title h1, .page-title .title{ padding: 0; } .page-title h2, .page-title .page-subtitle{ font-weight: 400; } .page-title .post-meta{ padding: 25px 0 0; display: flex; gap: 15px; align-items: center; } .page-title .post-meta .gravatar{ width: 84px; height: 84px; } .page-title .post-meta .gravatar img{ border-radius: 5px; } .page-title .post-meta .meta-data .author-name{ line-height: 1.8; font-size: 1.1rem; font-weight: 700; padding: 0; } .page-title .post-meta .meta-data .data{ padding: 0; } .page-title .post-meta .meta-data .data{ color: #eff3f5; } .page-title .post-meta .meta-data .data .meta-divider{ padding: 0 8px; } .page-title .post-meta .meta-data .data .comments-enabled a{ color: #eff3f5; } .page-title .post-meta .meta-data .data .comments-enabled a:hover{ color: var(--wp--preset--color--white); } @media only screen and (min-width: 1200px){ .page-title.featured-image{ min-height: 750px; justify-content: end; } .page-title{ padding: 140px 0 0; } .page-title .container{ padding: 115px 30px; } .page-title h1, .page-title .title{ font-size: 3.75rem; } .page-title h2, .page-title .page-subtitle{ padding: 14px 0 0; font-size: 1.75rem; } } @media only screen and (min-width: 1024px) and (max-width: 1199px){ .page-title{ padding: 160px 0 80px; } .page-title h1, .page-title .title{ font-size: 3.125rem; } .page-title h2, .page-title .page-subtitle{ padding: 14px 0 0; font-size: 1.55rem; } } @media only screen and (min-width: 800px) and (max-width: 1023px){ .page-title{ padding: 145px 0 65px; } .page-title h1, .page-title .title{ font-size: 2.5rem; } .page-title h2, .page-title .page-subtitle{ padding: 12px 0 0; font-size: 1.3rem; } } @media only screen and (max-width: 799px){ .page-title{ padding: 125px 0 55px; min-height: unset; } .page-title h1, .page-title .title{ font-size: 2rem; } .page-title h2, .page-title .page-subtitle{ padding: 10px 0 0; font-size: 1.215rem; } .page-title .post-meta{ flex-direction: column; align-items: flex-start; } .page-title .taxonomy .post-cats .cat a{ line-height: 36px; padding: 0 15px; } .page-title .taxonomy{ padding: 0 0 18px; } } /* Post Meta */ .postMeta p, .postMeta a{ font-size: 14px; } .postMeta p{ color: #808080; } .postMeta p .postMeta-icon{ display: inline-block; width: 20px; text-align: center; margin-right: 6px; } /* Blog */ /* Archive */ #blog-archive .blog-posts .post{ background-color: var(--wp--preset--color--post-background); border-radius: 5px; padding: 0; flex-direction: column; } #blog-archive .blog-posts .grid-post .post-title{ font-size: 1.35rem; } /* Post */ #blog-archive .blog-posts .post .featured-image{ background: rgb(156,123,83); background: linear-gradient(58deg, rgba(156,123,83,1) 0%, rgba(211,179,140,1) 100%); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; position: relative; width: 100%; padding-bottom: 57.6%; } #blog-archive .blog-posts .post .featured-image .post-format{ display: block; position: absolute; right: 15px; top: 15px; width: 35px; line-height: 35px; text-align: center; height: 35px; font-size: 0.825rem; border-radius: 50%; color: #FFF; background-color: rgba(0,0,0,.85); z-index: 1; } #blog-archive .blog-posts .post .featured-image .post-format + .comments{ top: 60px; } #blog-archive .blog-posts .post .featured-image .comments{ position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 15px; width: 35px; height: 70px; padding: 5px 3px; color: #FFF; background-color: rgba(0,0,0,.85); text-align: center; } #blog-archive .blog-posts .post .featured-image .comments > span{ display: block; line-height: 30px; font-size: 0.825rem; } #blog-archive .blog-posts .post .featured-image .comments .count{ font-weight: 700; } #blog-archive .blog-posts .post .featured-image .cat-name{ position: absolute; bottom: 15px; left: 15px; font-size: 0.875rem; z-index: 1; font-weight: 700; padding: 6px 10px; color: #FFF; background-color: var(--wp--preset--color--primary); } #blog-archive .blog-posts .post .featured-image .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #blog-archive .blog-posts .post .featured-image .icon img{ width: 100%; } #blog-archive .blog-posts .post .post-content{ flex: 1; padding: 25px; display: flex; flex-direction: column; width: 100%; } #blog-archive .blog-posts .post .post-content .post-title{ font-size: 1.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 0 18px; } #blog-archive .blog-posts .post .post-content .entry{ flex: 1; padding: 0 0 25px; } #blog-archive .blog-posts .post .post-content .post-meta .post-date{ padding: 0; } #blog-archive .blog-posts .post .post-content .post-meta span{ display: inline-block; vertical-align: middle; } #blog-archive .blog-posts .post .post-content .post-meta .icon{ line-height: 25px; color: var(--wp--preset--color--primary-dark); text-align: center; width: 25px; height: 25px; font-size: 1.2rem; } #blog-archive .blog-posts .post .post-content .post-meta .label{ width: calc( 100% - 35px ); padding: 0 0 0 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.875rem; } /* Category Navigation */ #blog-archive .archive-cats .blog-cats{ text-align: center; list-style: none; margin: 0; padding: 0 0 36px; } #blog-archive .archive-cats .blog-cats .cat{ display: inline-block; padding: 0 4px; margin: 0 0 7px; } #blog-archive .archive-cats .blog-cats .cat .cat-link{ display: block; padding: 7px 12px; font-size: 0.9rem; } #blog-archive .archive-cats .blog-cats .cat:not(.active) .cat-link{ text-decoration: none; } #blog-archive .archive-cats .blog-cats .cat.active .cat-link{ text-decoration: none; color: var(--wp--preset--color--white); background-color: var(--wp--preset--color--secondary-dark); } /* Archive Navigation */ #blog-archive .archive-navigation{ text-align: center; margin: 0; padding: 18px 0 0; } #blog-archive .archive-navigation ul{ list-style: none; margin: 26px 0; padding: 0; height: 42px; } #blog-archive .archive-navigation li{ display: inline-block; margin: 0 2px; width: 42px; vertical-align: top; } #blog-archive .archive-navigation li a{ text-decoration: none; border: none; text-align: center; display: block; height: 42px; line-height: 42px; font-family: 'Inter', Arial, Helvetica, sans-serif; border-radius: 5px; } #blog-archive .archive-navigation li.next-prev-link a{ font-size: 18px; color: #FFF; background-color: #222; } #blog-archive .archive-navigation li.next-prev-link a:hover{ background-color: #CC366E; } #blog-archive .archive-navigation li.inactive a, .archive-navigation li.active a{ font-size: 18px; font-weight: 700; } #blog-archive .archive-navigation li.inactive a{ color: #A0A0A0; } #blog-archive .archive-navigation li.inactive a:hover{ background-color: #80276E; color: #EFEFEF; } #blog-archive .archive-navigation li.active a{ color: #494949; background-color: #CFCFCF; } @media only screen and (min-width: 1200px){ #blog-archive .blog-posts.row{ gap: 50px 40px; } #blog-archive .blog-posts .post{ width: calc( ( 100% / 3 ) - ( 40px * 0.667 ) ); } #blog-archive .blog-posts .post .featured-image .icon{ width: 120px; } } @media only screen and (min-width: 1024px) and (max-width: 1199px){ #blog-archive .blog-posts.row{ gap: 50px 30px; } #blog-archive .blog-posts .post{ width: calc( ( 100% / 2 ) - 15px ); } #blog-archive .blog-posts .post .featured-image .icon{ width: 80px; } } @media only screen and (min-width: 800px) and (max-width: 1023px){ #blog-archive .blog-posts .post{ flex-direction: column; gap: 30px; width: 100%; margin-bottom: 35px; } #blog-archive .blog-posts .post .featured-image{ width: 100%; } #blog-archive .blog-posts .post .featured-image .icon{ width: 65px; } } @media only screen and (max-width: 799px){ #blog-archive .archive-cats{ display: none; } #blog-archive .blog-posts .post{ flex-direction: column; gap: 15px; width: 100%; margin-bottom: 35px; } #blog-archive .blog-posts .post .featured-image{ width: 100%; } #blog-archive .blog-posts .post .featured-image .icon{ width: 65px; } #blog-archive .blog-posts .post .post-content .post-title{ font-size: 1.45rem; } } /* Post Formats */ /* Gallery */ #blog-archive .blog-posts .post.format-gallery .featured-image .gallery-slideshow, #blog-archive .blog-posts .post.format-gallery .featured-image .slick-list, #blog-archive .blog-posts .post.format-gallery .featured-image .slick-track{ height: 100%; } #blog-archive .blog-posts .post.format-gallery .featured-image .slide{ background-position: center; background-size: cover; background-repeat: no-repeat; } /* Image */ /* Link */ /* Quote */ #blog-archive .blog-posts .post.format-quote .quote{ background-size: cover; background-position: center; background-repeat: no-repeat; } #blog-archive .blog-posts .post.format-quote .quote .entry{ background-color: rgba(0,0,0,.6); } #blog-archive .blog-posts .post.format-quote .quote blockquote{ padding: 0; margin: 0; color: #EFEFEF; position: relative; border-left: none; } #blog-archive .blog-posts .post.format-quote .quote blockquote p:last-of-type{ padding: 0; } #blog-archive .blog-posts .post.format-quote .quote blockquote cite{ margin: 18px 0 0 !important; } #blog-archive .blog-posts .post.format-quote .quote blockquote > p{ font-weight: 700; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before, #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ position: absolute; font-family: 'wolfie'; opacity: 0.5; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before{ content: "\eae9"; } #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ content: "\eae7"; } #blog-archive .blog-posts .post.format-quote .view-post{ padding: 0; } #blog-archive .blog-posts .post.format-quote .view-post .post-link{ display: block; border-radius: 8px; padding: 10px 18px; text-decoration: none; font-weight: 700; background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--post-background); transition: all .2s ease; width: fit-content; } #blog-archive .blog-posts .post.format-quote .view-post .post-link:hover{ background-color: var(--wp--preset--color--tertiary); color: var(--wp--preset--color--primary-text); } @media only screen and (min-width: 1200px){ #blog-archive .blog-posts .post.format-quote .quote blockquote{ padding: 75px 100px 55px; } #blog-archive .blog-posts .post.format-quote .quote .view-post{ padding: 0 100px 75px 100px; } #blog-archive .blog-posts .post.format-quote .quote blockquote > p{ font-size: 1.575rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before, #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ font-size: 2.7rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before{ top: 50px; left: 35px; } #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ bottom: 130px; right: 35px; } } @media only screen and (min-width: 800px) and (max-width: 1199px){ #blog-archive .blog-posts .post.format-quote .quote blockquote{ padding: 50px 70px 30px; } #blog-archive .blog-posts .post.format-quote .quote .view-post{ padding: 0 70px 50px 70px; } #blog-archive .blog-posts .post.format-quote .quote blockquote > p{ font-size: 1.275rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before, #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ font-size: 2.3rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before{ top: 30px; left: 20px; } #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ bottom: 100px; right: 20px; } } @media only screen and (max-width: 799px){ #blog-archive .blog-posts .post.format-quote .quote blockquote{ padding: 35px 60px 15px; } #blog-archive .blog-posts .post.format-quote .quote .view-post{ padding: 0 60px 35px 60px; } #blog-archive .blog-posts .post.format-quote .quote blockquote > p{ font-size: 1.125rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before, #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ font-size: 2rem; } #blog-archive .blog-posts .post.format-quote .quote blockquote::before{ top: 30px; left: 18px; } #blog-archive .blog-posts .post.format-quote .quote blockquote::after{ bottom: 70px; right: 18px; } } /* Status */ #blog-archive .blog-posts .post.format-status{ padding: 100px 130px; } #blog-archive .blog-posts .post.format-status a{ color: var(--wp--preset--color--primary); } #blog-archive .blog-posts .post.format-status a:hover{ color: var(--wp--preset--color--secondary); } #blog-archive .blog-posts .post.format-status .status-update{ border-radius: 15px; background-color: var(--wp--preset--color--primary-text); padding: 35px; color: #000; max-width: 900px; margin: 0 auto; } #blog-archive .blog-posts .post.format-status .status-update .status-user{ display: flex; gap: 20px; align-items: center; } #blog-archive .blog-posts .post.format-status .status-update .status-user .gravatar{ width: 72px; height: 72px; } #blog-archive .blog-posts .post.format-status .status-update .status-user .gravatar img{ border-radius: 50%; } #blog-archive .blog-posts .post.format-status .status-update .status-user .user-data .user-name{ font-size: 1.15rem; font-weight: 700; padding: 0; margin: 0; line-height: 1.5; } #blog-archive .blog-posts .post.format-status .status-update .status-user .user-data .user-date{ padding: 0; margin: 0; } #blog-archive .blog-posts .post.format-status .status-text{ padding: 30px 0; } #blog-archive .blog-posts .post.format-status .featured-image{ width: 100%; border-radius: 25px; padding: 0 0 42.5%; height: 0; background-size: cover; background-size: cover; background-position: center; } #blog-archive .blog-posts .post.format-status .status-meta p, #blog-archive .blog-posts .post.format-status .status-meta a{ color: var(--wp--preset--color--secondary-text); } #blog-archive .blog-posts .post.format-status .status-meta{ padding: 24px 0 0; display: flex; gap: 35px; font-size: 0.875rem; } #blog-archive .blog-posts .post.format-status .status-meta p{ font-size: 0.875rem; padding: 0; } #blog-archive .blog-posts .post.format-status .status-meta p, #blog-archive .blog-posts .post.format-status .status-meta a{ color: var(--wp--preset--color--divider); } #blog-archive .blog-posts .post.format-status .status-meta a{ text-decoration: none; } #blog-archive .blog-posts .post.format-status .status-meta a:hover{ color: var(--wp--preset--color--background-color); } #blog-archive .blog-posts .post.format-status .status-meta .icon{ padding: 0 8px 0 0; } /* Share Links */ @media only screen and (min-width: 800px){ .sharebox .share-buttons{ --network_size: 64px; --like_width: 110px; } } @media only screen and (max-width: 799px){ .sharebox .share-buttons{ --network_size: 48px; --like_width: 103px; } } .sharebox .share-links{ padding: 0; } .sharebox .share-buttons{ list-style: none; margin: 0; padding: 0; } .sharebox .share-buttons .share-network{ display: inline-block; vertical-align: top; margin: 0 8px 8px 0; width: var(--network_size); height: var(--network_size); } .sharebox .share-buttons .share-network span{ display: inline-block; } .sharebox .share-buttons .share-network a{ display: block; height: var(--network_size); width: var(--network_size); overflow: hidden; text-decoration: none; } .sharebox .share-buttons .share-network .share-icon{ width: var(--network_size); height: var(--network_size); line-height: var(--network_size); text-align: center; } .sharebox .share-buttons .like-button{ display: inline-block; vertical-align: top; margin: 0 5px 0 0; height: var(--network_size); width: var(--like_width); } .sharebox .share-buttons .like-button .like-container{ width: 100%; height: 100%; text-align: center; transition: all .2s ease; } .sharebox .share-buttons .like-button .like-container span{ display: inline-block; vertical-align: middle; line-height: var(--network_size); height: var(--network_size); } .sharebox .share-buttons .like-button .like-container .like-count{ padding: 0 0 0 10px; } .sharebox .share-buttons .share-network a, .sharebox .share-buttons .like-container{ border-radius: 5px; } .sharebox .share-buttons .like-button .like-container.liked .like-icon, .sharebox.style-brand .share-buttons .share-network .share-icon{ font-size: 1.2rem; } .sharebox .share-buttons .share-network a{ transition: all .2s ease; } /* Dark THeme */ .sharebox.style-dark .share-buttons .share-network a, .sharebox.style-dark .share-buttons .like-container, .sharebox.style-brand .share-buttons .like-container{ background-color: #3b3c3c; border: solid 1px #3b3c3c; color: var(--wp--preset--color--white); } .sharebox.style-dark .share-buttons .like-button .like-container.liked .like-icon{ color: #ab3c50; } .sharebox.style-dark .share-buttons .like-button .like-container:hover{ color: var(--wp--preset--color--white); background-color: #191a19; border-color: #191a19; } .sharebox.style-brand .share-buttons .share-network a{ border: solid 1px transparent; } .sharebox.style-dark .share-buttons .share-network.facebook a:hover{ color: #1877F2; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.twitter a:hover{ color: #1DA1F2; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.linkedin a:hover{ color: #0A66C2; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.reddit a:hover{ color: #FF4500; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.pinterest a:hover{ color: #E60023; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.stumbleupon a:hover{ color: #EB4924; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.tumblr a:hover{ color: #35465C; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.whatsapp a:hover{ color: #075E54; background-color: #191a19; } .sharebox.style-dark .share-buttons .share-network.telegram a:hover{ color: #0088CC; background-color: #191a19; } /* Light Theme */ .sharebox.style-light .share-buttons .share-network a, .sharebox.style-light .share-buttons .like-container{ background-color: #d8dede; border: solid 1px #d8dede; color: var(--wp--preset--color--primary-text); } .sharebox.style-light .share-buttons .like-button .like-container.liked .like-icon{ color: #8a152a; } .sharebox.style-light .share-buttons .like-button .like-container:hover{ background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.facebook a:hover{ color: #1877F2; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.twitter a:hover{ color: #1DA1F2; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.linkedin a:hover{ color: #0A66C2; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.reddit a:hover{ color: #FF4500; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.pinterest a:hover{ color: #E60023; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.stumbleupon a:hover{ color: #EB4924; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.tumblr a:hover{ color: #35465C; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.whatsapp a:hover{ color: #075E54; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } .sharebox.style-light .share-buttons .share-network.telegram a:hover{ color: #0088CC; background-color: var(--wp--preset--color--white); border-color: #4a4d63; } /* Brand Colour Theme */ .sharebox.style-brand .share-buttons .like-button .like-container{ color: #202020; background-color: #d8dede; border-color: #d8dede; } .sharebox.style-brand .share-buttons .like-button .like-container:hover{ color: #202020; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .like-button .like-container:hover .like-icon{ color: #ab3c50; } .sharebox.style-brand .share-buttons .like-button .like-container.liked{ color: var(--wp--preset--color--white); background-color: #ab3c50; border-color: #ab3c50; } .sharebox.style-brand .share-buttons .like-button .like-container.liked:hover{ color: #202020; background-color: #d8dede; } .sharebox.style-brand .share-buttons .share-network a{ border: solid 1px transparent; } .sharebox.style-brand .share-buttons .share-network.facebook a{ background-color: #1877F2; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.facebook a:hover{ color: #1877F2; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.twitter a{ background-color: #1DA1F2; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.twitter a:hover{ color: #1DA1F2; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.linkedin a{ background-color: #0A66C2; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.linkedin a:hover{ color: #0A66C2; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.reddit a{ background-color: #FF4500; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.reddit a:hover{ color: #FF4500; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.pinterest a{ background-color: #E60023; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.pinterest a:hover{ color: #E60023; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.stumbleupon a{ background-color: #EB4924; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.stumbleupon a:hover{ color: #EB4924; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.tumblr a{ background-color: #35465C; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.tumblr a:hover{ color: #35465C; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.whatsapp a{ background-color: #075E54; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.whatsapp a:hover{ color: #075E54; background-color: var(--wp--preset--color--white); } .sharebox.style-brand .share-buttons .share-network.telegram a{ background-color: #0088CC; color: #FFF; } .sharebox.style-brand .share-buttons .share-network.telegram a:hover{ color: #0088CC; background-color: var(--wp--preset--color--white); } /* Single */ /* Featured Image */ /* Taxonomies */ .single-post .taxonomy-section.section-tags{ padding: 48px 0; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; } .single-post .taxonomy-section.section-tags .section-title{ font-size: 1rem; padding: 0; } .single-post .taxonomy-section.section-tags .section-title .icon{ width: 18px; height: 18px; line-height: 18px; margin: 0 16px 0 0; display: inline-block; vertical-align: middle; } .single-post .taxonomy-section.section-tags .taxonomy-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; } .single-post .taxonomy-section.section-tags .taxonomy-list .list-item{ padding: 0 6px 0 0; } .single-post .taxonomy-section.section-tags .taxonomy-list .list-item a{ color: var(--wp--preset--color--secondary-text); transition: all .2s ease; } .single-post .taxonomy-section.section-tags .taxonomy-list .list-item a:hover{ color: var(--wp--preset--color--primary-text); } /* Tags */ /* Comment List */ .single-post .comment-list{ list-style: none; margin: 0; padding: 0; } .single-post .comment-list .children{ list-style: none; margin: 0 0 0 15px; padding: 25px 0 0 25px; border-left: solid 2px var(--border-color, var(--wp--preset--color--primary)); } /* Flip the color at each depth */ .single-post .comment-list .primary + .children{ --border-color: var(--wp--preset--color--primary); } .single-post .comment-list .secondary + .children{ --border-color: var(--wp--preset--color--secondary); } .single-post .comments-wrap{ padding: 0 0 32px; } .single-post .comments-title{ padding: 0 0 24px; } .single-post .comment-list .comment:not(:first-of-type){ padding: 25px 0 0; } .single-post .comment-list .comment .comment-body{ padding: 0 0 24px; display: flex; flex-wrap: wrap; gap: 24px; } .single-post .comment-list .comment .comment-body .gravatar{ width: fit-content; } .single-post .comment-list .comment .comment-body .gravatar img{ vertical-align: bottom; border-radius: 5px; } .single-post .comment-list .comment .comment-body .comment-data{ flex: 1; } .single-post .comment-list .comment .comment-body .comment-data .comment-meta > p{ display: inline-block; color: var(--wp--preset--color--secondary-text); padding: 0; } .single-post .comment-list .comment .comment-body .comment-data .comment-meta .comment-name{ font-weight: 700; } .single-post .comment-list .comment .comment-body .comment-data .comment-meta .meta-div{ padding: 0 12px; } .single-post .comment-list .comment .comment-body .comment-data .comment-content{ padding: 12px 0; } /* Comment Form */ .single-post .comments{ position: relative; background-color: var(--wp--preset--color--post-background); } .single-post .comments #respond{ position: relative; } .single-post .comments #respond #cancel-comment-reply-link{ position: absolute; top: 25px; right: 25px; width: 32px; height: 32px; overflow: hidden; z-index: 1; text-decoration: none; } .single-post .comments #respond #cancel-comment-reply-link::before{ display: block; content: "\eaea"; font-family: 'wolfie'; line-height: 32px; width: 32px; text-align: center; color: var(--wp--preset--color--secondary-text); } .single-post .comments #respond #cancel-comment-reply-link:hover::before{ color: var(--wp--preset--color--primary-text); } .single-post .comments #respond label{ font-size: 0.875rem; padding: 0 0 5px; display: block; font-family: 'Playfair Display', 'Times New Roman', Times, serif; } .single-post .comments #respond textarea, .single-post .comments #respond input[type="text"], .single-post .comments #respond input[type="email"], .single-post .comments #respond input[type="url"]{ padding: 10px 16px; width: 100%; outline: none; font-size: 1rem; font-family: 'Inter', Arial, Helvetica, sans-serif; margin: 0; } .single-post .comments #respond textarea{ min-height: 150px; max-height: 550px; width: 100%; resize: vertical; } .single-post .comments #respond #submit{ font-size: 1rem; padding: 20px 30px; border: none; border-radius: 8px; } .single-post .comments #respond #submit:hover{ background-color: var(--wp--preset--color--primary); } .single-post .comments #respond .comment-form-email, .single-post .comments #respond .comment-form-url{ width: calc( 50% - 18px ); display: inline-block; } .single-post .comments #respond .comment-form-email{ margin: 0 15px 0 0; } .single-post .comments #respond .comment-form-url{ margin: 0 0 0 15px; } .single-post .comments #respond .comment-form-cookies-consent{ padding: 7px 0; } .single-post .comments #respond .comment-form-cookies-consent label{ position: relative; line-height: 36px; padding: 0 0 0 40px; display: block; } .single-post .comments #respond .comment-form-cookies-consent input[type=checkbox]{ display: none; } .single-post .comments #respond .comment-form-cookies-consent label::before{ display: inline-block; width: 28px; height: 28px; margin-right: 10px; position: absolute; left: 0; border-radius: 3px; border: solid 1px #C5C5C5; color: var(--wp--preset--color--secondary-text); background-color: var(--wp--preset--color--form-field-bg); } .single-post .comments #respond .comment-form-cookies-consent label::after{ position: absolute; content: "\ea6c"; display: none; font-family: 'wolfie'; font-weight: 900; left: 7px; bottom: 7px; width: 18px; height: 18px; line-height: 18px; text-align: center; color: var(--wp--preset--color--white); } .single-post .comments #respond .comment-form-cookies-consent input[type=checkbox] + label:before{ content: ""; transition: all .1s ease; } .single-post .comments #respond .comment-form-cookies-consent input[type=checkbox]:checked + label:before{ background-color: var(--wp--preset--color--primary); } .single-post .comments #respond .comment-form-cookies-consent input[type=checkbox]:checked + label:after{ display: block; } .single-post .comments #respond .markdown-support{ padding: 0 0 24px; } .single-post .comments #respond .markdown-support span{ display: inline-block; line-height: 36px; vertical-align: top; } .single-post .comments #respond .markdown-support .icon{ width: 36px; text-align: center; font-size: 1.1rem; } .single-post .comments #respond .markdown-support .label{ padding: 0 0 0 8px; font-weight: 400; font-size: 0.875rem; width: calc( 100% - 50px ); color: var(--wp--preset--color--secondary-text); } /* Link */ .single-post .link-preview{ margin: 0 auto 42px; border-radius: 15px; background-color: var(--wp--preset--color--primary-text); padding: 35px; color: #000; max-width: 850px; } .single-post .link-preview a{ text-decoration: none; } .single-post .link-preview *{ transition: all .2s ease; } .single-post .link-preview .featured-image{ width: 100%; border-radius: 8px 8px 0 0; border-left: solid 1px var(--wp--preset--color--divider); border-top: solid 1px var(--wp--preset--color--divider); border-right: solid 1px var(--wp--preset--color--divider); padding: 0 0 57.6%; height: 0; background-size: cover; background-size: cover; background-position: center; } .single-post .link-preview .link-meta{ border-radius: 0 0 8px 8px; border: solid 1px var(--wp--preset--color--divider); background-color: var(--wp--preset--color--secondary-text); color: var(--wp--preset--color--divider); padding: 25px; } .single-post .link-preview .link-meta .link-title{ font-weight: 700; font-size: 1.1rem; } .single-post .link-preview .link-meta .link-description{ font-size: 0.9125rem; line-height: 1.5; } .single-post .link-preview .link-meta .link-url{ font-size: 0.795rem; padding: 0; text-transform: uppercase; } @media only screen and (min-width: 800px){ .single-post .comments{ padding: 50px; } .single-post .comments #respond .comment-form-cookies-consent label::before{ bottom: 1px; } } @media only screen and (max-width: 799px){ .single-post .comments{ padding: 30px; } .single-post .comments #respond .comment-form-email, .single-post .comments #respond .comment-form-url{ width: 100%; margin: 0; } .single-post .comments #respond .comment-form-cookies-consent label::before{ top: 1px; } } /* Next / Previous Post */ .single-post .nextprev-nav{ padding: 48px 0 52px; display: flex; width: 100%; justify-content: space-between; } .post-nextprev-wrap, .single-project #project-next_prev .post-nextprev-wrap{ width: calc( 50% - 20px ); } .single-post .nextprev-nav .nextprev-link{ text-decoration: none; position: relative; height: 100%; display: flex; flex-direction: row; background-color: var(--wp--preset--color--post-background); } .single-post .nextprev-nav .nextprev-link:hover{ background-color: #D9CDCD; color: var(--wp--preset--color--primary-text); } .single-post .nextprev-nav .nextprev-link .nextprev-icon{ width: 45px; height: 120px; line-height: 120px; text-align: center; font-size: 1.5rem; position: relative; overflow: hidden; } .single-post .nextprev-nav .nextprev-link .nextprev-icon .featured{ width: 120px; height: 120px; background-color: #CFCFCF; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0; position: absolute; } .single-post .nextprev-nav .previous-post .nextprev-link .nextprev-icon .featured{ left: -120px; } .single-post .nextprev-nav .next-post .nextprev-link .nextprev-icon .featured{ right: -120px; } .single-post .nextprev-nav .nextprev-link, .single-post .nextprev-nav .nextprev-link *{ transition: all .2s ease; color: var(--wp--preset--color--secondary-text); } .single-post .nextprev-nav .nextprev-link.has-thumbnail:hover .nextprev-icon{ width: 120px; } .single-post .nextprev-nav .previous-post .nextprev-link:hover .nextprev-icon .featured{ left: -0; } .single-post .nextprev-nav .next-post .nextprev-link:hover .nextprev-icon .featured{ right: -0; } .single-post .nextprev-nav .nextprev-link .nextprev-content{ width: calc( 100% - 45px); padding: 29px 24px; } .single-post .nextprev-nav .nextprev-link.has-thumbnail:hover .nextprev-content{ width: calc( 100% - 120px ); } .single-post .nextprev-nav .nextprev-link .nextprev-linktitle{ font-size: 0.875rem; font-weight: 700; line-height: 30px; padding-bottom: 7px; line-height: 1.5; } .single-post .nextprev-nav .nextprev-link .nextprev-posttitle{ font-size: 1.2rem; line-height: 1.6; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Next Post */ .single-post .nextprev-nav .next-post .nextprev-link .nextprev-content{ text-align: right; } @media only screen and (max-width: 800px){ /* Next / Previous Post */ .single-post .nextprev-nav{ flex-direction: column; } .post-nextprev-wrap{ width: 100%; } .single-post .nextprev-nav .next-post .nextprev-link{ flex-direction: row-reverse; } .single-post .nextprev-nav .nextprev-link .nextprev-content{ padding: 20px 15px; } .single-post .nextprev-nav .nextprev-link .nextprev-icon{ height: 100px; line-height: 100px; } .single-post .nextprev-nav .next-post .nextprev-link .nextprev-content{ text-align: left; } .single-post .nextprev-nav .previous-post .nextprev-link .nextprev-icon .featured{ background-image: none !important; background-color: transparent; } .singleost .nextprev-nav .nextprev-link.has-thumbnail:hover .nextprev-content{ width: calc( 100% - 45px); } /* Sidebar */ #sidebar.blogSidebar{ padding: 15px 0; } #blogSidebar #sidebar .widget{ width: 100%; padding: 14px 0; } } /* Contact Form and Comment Form */ .forminator-custom-form label{ display: block; font-family: 'Playfair Display', 'Times New Roman', Times, serif; font-size: 13px; font-weight: 400; padding: 4px 1px 8px; color: #5F5F5F; } .forminator-custom-form .forminator-has_error .forminator-error-message, .forminator-custom-form .forminator-has_error .forminator-error-message, .forminator-custom-form .forminator-has_error .forminator-error-message, .amaForm label.error{ border: solid 1px rgb(236, 164, 180); background-color: rgb(247, 194, 218); padding: 5px 9px; font-weight: 700; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 12px; display: block; color: #800; } .forminator-custom-form label .forminator-required{ color: #800; font-weight: 700; } .forminator-custom-form input[type="text"], .forminator-custom-form input[type="email"], .forminator-custom-form input[type="url"], .forminator-custom-form textarea{ line-height: 1.6; padding: 5px; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; width: 100%; margin: 0; display: block; outline: none; background-color: #fdfdfd; } .forminator-custom-form input[type="text"], .forminator-custom-form input[type="email"], .forminator-custom-form input[type="url"], .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input, .single-post .comments #respond textarea, .single-post .comments #respond input[type="text"], .single-post .comments #respond input[type="email"], .single-post .comments #respond input[type="url"]{ border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #C5C5C5; border-radius: 0; background-color: var(--wp--preset--color--form-field-bg); } .forminator-custom-form input[type="text"]:hover, .forminator-custom-form input[type="text"]:active, .forminator-custom-form input[type="text"]:focus, .forminator-custom-form input[type="email"]:hover, .forminator-custom-form input[type="email"]:active, .forminator-custom-form input[type="email"]:focus, .forminator-custom-form input[type="url"]:hover, .forminator-custom-form input[type="url"]:active, .forminator-custom-form input[type="url"]:focus, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:hover, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:active, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:focus, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:hover, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:active, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:focus, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input:hover, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input:active, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input:focus, .single-post .comments #respond input[type="text"]:hover, .single-post .comments #respond input[type="text"]:active, .single-post .comments #respond input[type="text"]:focus, .single-post .comments #respond input[type="email"]:hover, .single-post .comments #respond input[type="email"]:active, .single-post .comments #respond input[type="email"]:focus, .single-post .comments #respond input[type="url"]:hover, .single-post .comments #respond input[type="url"]:active, .single-post .comments #respond input[type="url"]:focus{ background-color: #FFF; } .forminator-custom-form textarea, .single-post .comments #respond textarea{ border: solid 1px #C5C5C5; resize: none; padding: 5px 9px; background-color: var(--wp--preset--color--form-field-bg); } .forminator-custom-form textarea:hover, .forminator-custom-form textarea:active, .forminator-custom-form textarea:focus, .single-post .comments #respond textarea:hover, .single-post .comments #respond textarea:active, .single-post .comments #respond textarea:focus{ background-color: #FFF; } .forminator-custom-form .forminator-has_error input[type="text"], .forminator-custom-form .forminator-has_error input[type="email"], .forminator-custom-form .forminator-has_error input[type="url"]{ border-bottom-color: #800; } .forminator-custom-form .forminator-has_error textarea{ border-color: #800; } /* CSS Radio and Checkboxes override */ .checkradio label, .ccdClient-styleCheckRadio label, .lead_capture .checkradio label, .forminator-ui.forminator-design--none .forminator-checkbox{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 0.875rem; font-family: 'Playfair Display', 'Times New Roman', Times, serif; line-height: 22px; } .lead_capture .checkradio label{ padding-left: 35px; } .forminator-ui.forminator-design--none .forminator-checkbox{ padding-left: 0; } .ccdClient-styleCheckRadio input[type=checkbox], .ccdClient-styleCheckRadio input[type=radio], .checkradio input[type=checkbox], .checkradio input[type=radio]{ display: none; } .ccdClient-styleCheckRadio label:before, .checkradio label:before{ font-family: 'sophie-curtis'; font-weight: 400; font-size: 1rem; text-align-last: center; display: inline-block; width: 20px; line-height: 20px; height: 20px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; color: #202020; } .lead_capture .checkradio label:before{ bottom: unset; top: 1px; left: 3px; line-height: 25px; width: 25px; height: 25px; font-size: 1.25rem; } .ccdClient-styleCheckRadio input[type=radio] + label:before, .checkradio input[type=radio] + label:before{ content: "\f111"; } .ccdClient-styleCheckRadio input[type=radio]:checked + label:before, .checkradio input[type=radio]:checked + label:before{ color: #54301A; font-weight: 700; } .ccdClient-styleCheckRadio.radio label:before, .checkradio.radio label:before{ border-radius: 50%; } .ccdClient-styleCheckRadio.checkbox label:before, .checkradio.checkbox label:before{ border-radius: 3px; } .ccdClient-styleCheckRadio input[type=checkbox] + label:before, .checkradio input[type=checkbox] + label:before{ content: "\f0c8"; } .ccdClient-styleCheckRadio input[type=checkbox]:checked + label:before, .checkradio input[type=checkbox]:checked + label:before{ content: "\f14a"; color: #54301A; font-weight: 700; } /* Single Page */ .main-content{ background-image: url('../images/backdot.png'); background-repeat: no-repeat; background-position: top left; } .main-content .post-content{ padding: 100px; background-color: var(--wp--preset--color--white); } @media only screen and (min-width: 800px) and (max-width: 1199px){ .main-content .post-content{ padding: 75px; } } @media only screen and (max-width: 799px){ .main-content .post-content{ padding: 30px; } } /* Front Page */ #front-page #hero_image{ background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (min-width: 1200px){ #front-page #hero_image{ height: 90vh; } #front-page #page-content{ padding: 100px 0; } } @media only screen and (min-width: 800px) and (max-width: 1199px){ #front-page #hero_image{ height: 100vh; } } @media only screen and (max-width: 799px){ #front-page #hero_image{ height: 100vh; } } #front-herobanner, #hero_slider .theme_slide{ background: linear-gradient(0deg, #52063a 17.49%, #710f50 100%); padding: 75px 0; } #front-herobanner .hero-content .hero-text, #hero_slider .theme_slide .hero-content .hero-text{ flex: 1; } #front-herobanner .hero-content .hero-text .hero-heading, #hero_slider .theme_slide .hero-content .hero-text .slide-title, #hero_slider .theme_slide .hero-content .hero-text .slide-maintitle{ color: #FFF; font-family: 'Montserrat', Arial, Helvetica, sans-serif; padding: 0; } #hero_slider .theme_slide .hero-content .hero-text .slide-title{ padding: 0 0 12px; } #hero_slider .theme_slide .hero-content .hero-text .slide-description{ color: #FFF; } #hero_slider .theme_slide .hero-content .hero-text .slide-button:hover{ color: #FFF; } @media only screen and (min-width: 1150px){ #hero_slider .theme_slide .single-slide{ height: 560px; } #front-herobanner .hero-content .hero-text, #hero_slider .theme_slide .hero-content .hero-text{ display: flex; justify-content: center; flex-direction: column; } #hero_slider .theme_slide.theme_right .hero-content .hero-text{ padding: 0 60px 0 0; } #hero_slider .theme_slide.theme_left .hero-content .hero-text{ padding: 0 0 0 60px; } #front-herobanner .hero-content .hero-text .hero-heading, #hero_slider .theme_slide .hero-content .hero-text .slide-maintitle{ font-size: 4rem; } #front-herobanner .hero-content .hero-images, #hero_slider .theme_slide .hero-content .hero-images{ --herohex: 310px; width: calc( ( var(--herohex) * 1.5 ) + 0px ); height: calc( var(--herohex) + ( var(--herohex) * 0.75 ) + 17px ); position: relative; } #front-herobanner .hero-content .hero-images .hex, #hero_slider .theme_slide .hero-content .hero-images .hex{ position: absolute; background: var(--wp--preset--color--divider); background-position: center; background-repeat: no-repeat; background-size: cover; } #hero_slider .theme_slide.images-solo .hero-content .hero-images .hex{ height: calc( ( var(--herohex) * 1.5 ) + 0px ); width: calc( ( var(--herohex) * 1.5 ) + 0px ); top: 50% !important; transform: translateY(-50%) } #hero_slider .theme_slide.images-duo .hero-content .hero-images .hex{ height: var(--herohex); width: var(--herohex); } #front-herobanner .hero-content .hero-images .hex-one, #hero_slider .theme_slide.theme_right .hero-content .hero-images .hex-one{ background-image: var(--hexone_bg); right: 0; top: 0; } #front-herobanner .hero-content .hero-images .hex-two, #hero_slider .theme_slide.theme_right .hero-content .hero-images .hex-two{ background-image: var(--hextwo_bg); left: 0; bottom: 0; } #hero_slider .theme_slide.theme_left .hero-content .hero-images .hex-one{ background-image: var(--hexone_bg); left: 0; top: 0; } #hero_slider .theme_slide.theme_left .hero-content .hero-images .hex-two{ background-image: var(--hextwo_bg); right: 0; bottom: 0; } } @media only screen and (max-width: 1149px){} @media only screen and (min-width: 801px) and (max-width: 1149px){ #hero_slider .theme_slide .single-slide{ height: 350px; } #front-herobanner .hero-content .hero-text, #hero_slider .theme_slide .hero-content .hero-text{ min-height: 350px; display: flex; justify-content: center; align-items: center; } #front-herobanner .hero-content .hero-text .hero-heading, #hero_slider .theme_slide .hero-content .hero-text .slide-maintitle{ font-size: 3.5rem; } } @media only screen and (max-width: 800px){ #hero_slider .theme_slide .single-slide{ height: 300px; } #front-herobanner .hero-content .hero-text, #hero_slider .theme_slide .hero-content .hero-text{ padding: 0; display: flex; justify-content: center; align-items: center; } #front-herobanner .hero-content .hero-text .hero-heading, #hero_slider .theme_slide .hero-content .hero-text .slide-maintitle{ font-size: 2.5rem; } } .xtended.shortcode.use_slider .unslider{ overflow: hidden; } .xtended.shortcode.use_slider .slides{ list-style: none; margin: 0; padding: 0; } .xtended.shortcode.use_slider .slides .slide.style-noimage .single-slide{ background: linear-gradient(0deg, #52063a 17.49%, #710f50 100%); } .xtended.shortcode.use_slider .slides .slide.style-bgimage .single-slide{ background-image: var(--bgimage); background-position: center; background-size: cover; background-repeat: no-repeat; } .xtended.shortcode.use_slider .slides .slide .container{ height: 100%; display: flex; justify-content: center; flex-direction: column; } .xtended.shortcode.use_slider .slides .slide .slide-content{ color: #FFF; } .xtended.shortcode.use_slider .slides .slide .slide-button{ display: block; border-radius: 6px; padding: 8px 18px; width: fit-content; text-decoration: none; font-weight: 700; transition: all .2s ease; background-color: var(--buttonbg); color: var(--buttonclr); } .xtended.shortcode.use_slider .slides .slide .slide-button:hover{ background-color: var(--buttonbg_hover); color: var(--buttoncl_hover); } .xtended.shortcode.use_slider .slides .slide.align-left .slide-content, .xtended.shortcode.use_slider .slides .slide.textalign-left .slide-content .slide-button{ margin: 0 auto 0 0; } .xtended.shortcode.use_slider .slides .slide.align-center .slide-content, .xtended.shortcode.use_slider .slides .slide.textalign-center .slide-content .slide-button{ margin: 0 auto; } .xtended.shortcode.use_slider .slides .slide.align-right .slide-content, .xtended.shortcode.use_slider .slides .slide.textalign-right .slide-content .slide-button{ margin: 0 0 0 auto; } .xtended.shortcode.use_slider .slides .slide.textalign-left .slide-content{ text-align: left; } .xtended.shortcode.use_slider .slides .slide.textalign-center .slide-content{ text-align: center; } .xtended.shortcode.use_slider .slides .slide.textalign-right .slide-content{ text-align: right; } .xtended.shortcode.use_slider .slides .slide.style-main .slide-maintitle{ padding: 0; margin: 0; } .xtended.shortcode.use_slider .slides .slide.style-main .slide-maintitle, .xtended.shortcode.use_slider .slides .slide.style-normal .slide-title{ font-family: 'Inter', Arial, Helvetica, sans-serif; } .unslider{ position: relative; } .xtended.shortcode.use_slider.no-arrows .unslider-arrow{ display: none; speak: none; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow{ position: absolute; bottom: 30px; display: block; z-index: 15; color: #FFF; overflow: hidden; opacity: 0.6; transition: all .2s ease; text-decoration: none; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.next{ right: 40px; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.prev{ right: 90px; left: unset; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.next::before, .xtended.shortcode.use_slider.has-arrows .unslider-arrow.prev::before{ display: block; color: #FFF; font-family: 'wolfie'; font-weight: 900; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,.25); } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.next::before{ content: "\ea71"; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.prev::before{ content: "\ea70"; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow:hover{ opacity: 1; background-color: rgba(0,0,0,.45); border-radius: 5px; } .xtended.shortcode.use_slider .unslider-nav{ position: absolute; bottom: 40px; left: 40px; z-index: 15; } .xtended.shortcode.use_slider .unslider-nav ol{ display: flex; flex-wrap: nowrap; gap: 8px; align-items: flex-end; } .xtended.shortcode.use_slider .unslider-nav ol li{ flex: 1; background-color: rgba(255,255,255,.25); text-indent: -999em; overflow: hidden; height: 25px; width: 25px; border: solid 3px transparent; transition: all .2s ease; } .xtended.shortcode.use_slider .unslider-nav ol li.unslider-active{ background-color: var(--wp--preset--color--primary); } @media only screen and (min-width: 1150px){ .xtended.shortcode.use_slider .slides .slide .slide-overlay{ padding: 75px 0 135px; } .xtended.shortcode.use_slider .slides .slide .slide-overlay .container{ min-height: 560px; } .xtended.shortcode.use_slider .slides .slide.align-left .slide-content, .xtended.shortcode.use_slider .slides .slide.align-right .slide-content{ width: 70%; } .xtended.shortcode.use_slider .slides .slide.align-center .slide-content{ width: 85%; } .xtended.shortcode.use_slider .slides .slide.style-main .slide-maintitle{ font-size: 4.75rem; } .xtended.shortcode.use_slider .slides .slide .slide-title{ font-size: 4rem; } .xtended.shortcode.use_slider .slides .slide .slide-description{ font-size: 1.35rem; padding: 0; } .xtended.shortcode.use_slider .slides .slide .slide-button{ margin-top: 25px !important; font-size: 1.2rem } .xtended.shortcode.use_slider.has-arrows .unslider-arrow, .xtended.shortcode.use_slider.has-arrows .unslider-arrow::before{ width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 1.2rem; } } @media only screen and (min-width: 801px) and (max-width: 1149px){ .xtended.shortcode.use_slider .slides .slide .slide-overlay{ padding: 50px 0 95px; } .xtended.shortcode.use_slider .slides .slide .slide-overlay .container{ min-height: 400px; } .xtended.shortcode.use_slider .slides .slide.align-left .slide-content, .xtended.shortcode.use_slider .slides .slide.align-right .slide-content, .xtended.shortcode.use_slider .slides .slide.align-center .slide-content{ width: 100%; } .xtended.shortcode.use_slider .slides .slide.style-main .slide-maintitle{ font-size: 3.5rem; } .xtended.shortcode.use_slider .slides .slide .slide-title{ font-size: 2.7rem; } .xtended.shortcode.use_slider .slides .slide .slide-description{ font-size: 1.175rem; padding: 0; } .xtended.shortcode.use_slider .slides .slide .slide-button{ margin-top: 20px !important; font-size: 1.1rem } .xtended.shortcode.use_slider.has-arrows .unslider-arrow, .xtended.shortcode.use_slider.has-arrows .unslider-arrow::before{ width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 1.05rem; } .xtended.shortcode.use_slider .unslider-nav{ left: 30px; } .xtended.shortcode.use_slider .unslider-nav ol li{ width: 20px; height: 20px; } } @media only screen and (max-width: 800px){ .xtended.shortcode.use_slider .slides .slide .slide-overlay{ padding: 30px 0; } .xtended.shortcode.use_slider .slides .slide .slide-overlay .container{ min-height: 500px; } .xtended.shortcode.use_slider .slides .slide.align-left .slide-content, .xtended.shortcode.use_slider .slides .slide.align-right .slide-content, .xtended.shortcode.use_slider .slides .slide.align-center .slide-content{ width: 100%; } .xtended.shortcode.use_slider .slides .slide.style-main .slide-maintitle{ font-size: 2.5rem; } .xtended.shortcode.use_slider .slides .slide .slide-title{ font-size: 2.15rem; } .xtended.shortcode.use_slider .slides .slide .slide-description{ font-size: 1rem; padding: 0; } .xtended.shortcode.use_slider .slides .slide .slide-button{ margin-top: 25px !important; font-size: 0.9rem } .xtended.shortcode.use_slider.has-arrows .unslider-arrow, .xtended.shortcode.use_slider.has-arrows .unslider-arrow::before{ width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 0.95rem; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.prev{ right: 70px; } .xtended.shortcode.use_slider.has-arrows .unslider-arrow.next{ right: 30px; } .xtended.shortcode.use_slider .unslider-nav{ left: 25px; } .xtended.shortcode.use_slider .unslider-nav ol li{ width: 15px; height: 15px; } } /* Sidebar */ #sidebar .widget .widget-title, #site-footer .footer-sidebar .widget .widget-title{ font-size: 21px; font-weight: 800; } #sidebar .widget{ margin-bottom: 24px; } /* Widget */ #sidebar .widget .widget-title .icon{ width: 24px; padding: 0 5px 0 0; box-sizing: content-box; text-align: center; } #sidebar .widget .widget-list{ list-style: none; margin: 0; padding: 0; } #sidebar .widget .widget-list .icon, #sidebar .widget .widget-list .label{ line-height: 28px; } #sidebar .widget .widget-list .icon{ width: 28px; text-align: center; font-size: 1.2rem; } #sidebar .widget .meta-links .wpadmin-link .icon{ color: #d54e21; } #sidebar .widget .meta-links .loginout-link .icon{ color: #464646; } #sidebar .widget .meta-links .wporg-link .icon{ color: #21759b; } #sidebar .widget .subscribe-links .icon{ font-size: 1.4rem; color: #f26522; } /* Search Form Sidebar */ #sidebar #searchform .form-wrap #s, #sidebar #searchform .form-wrap #searchsubmit{ line-height: 24px; font-size: 1rem; } #sidebar #searchform .form-wrap #s{ padding: 8px 10px; } #sidebar #searchform .form-wrap #searchsubmit{ padding: 8px; width: 50px; } /* Search Results Page */ #serp-page .entry{ padding: 50px; background-color: var(--wp--preset--color--white); } #serp-page .search-result:not(:last-of-type){ padding: 0 0 24px; } #serp-page .search-result .post-title{ line-height: 1.2rem; padding: 0 0 14px; } #serp-page .search-result .post-title a{ font-size: 1.5rem; text-decoration: none; color: #1a0dab; } #serp-page .search-result .post-permalink{ font-size: 0.875rem; } #serp-page .search-result .post-permalink a{ color: var(--wp--preset--color--secondary-text); display: inline-block; line-height: 30px; color: #4d5156; } /* Events */ /* Notification */ .tribe-events .tribe-events-c-messages__message{ align-items: unset; background-color: var(--wp--preset--color--post-background); padding: 0 !important; border-right: solid 7px #f9a825; } .tribe-common .tribe-common-c-svgicon--messages-not-found{ background: #f9a825; padding: 18px; fill: #FFF; width: 24px; box-sizing: content-box; } .tribe-common .tribe-common-c-svgicon--messages-not-found path{ stroke: #202020; } .tribe-common .tribe-events-c-messages__message-list{ flex: 1; display: flex; align-items: center; padding: 18px; } /* Archive */ .tribe-common.tribe-events .container{ padding-top: 60px; padding-bottom: 60px; max-width: 1500px !important; } .tribe-events .tribe-events-calendar-month__multiday-event-wrapper{ height: auto; } .tribe-events .tribe-events-l-container{ padding-top: 60px; padding-bottom: 60px; } .tribe-events .tribe-events-header--has-event-search .tribe-events-header__events-bar{ padding: 8px 18px; background-color: var(--wp--preset--color--post-background); border-radius: 5px; border: solid 1px rgba(255,255,255,0.07); } .tribe-events .tribe-events-c-search__input-control{ margin: 0; padding: 0 10px 0 0; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input{ padding: 6px 18px; font-size: 1rem; font-family: 'Inter', Arial, Helvetica, sans-serif; line-height: 40px; color: var(--wp--preset--color--primary-text); outline: none; background-color: var(--wp--preset--color--form-field-bg);; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:focus, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:active, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:focus, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input:active, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input:focus, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input:active{ background-color: var(--wp--preset--color--white); } .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item{ padding: 13px 0 13px 12px; } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:first-of-type{ padding-left: 0; } .tribe-events .tribe-events-c-search__button, .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link{ line-height: 42px; padding: 5px 18px; border-radius: 5px; text-decoration: none; transition: all .2s ease; height: unset; } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link, .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:hover{ background-color: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--primary-text); } .tribe-events .tribe-events-c-top-bar__nav-link, .tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev{ width: 40px; line-height: 40px; text-align: center; padding: 0; border: none; text-decoration: none; } .tribe-events-view.tribe-events .tribe-events-header__top-bar .tribe-events-c-top-bar__nav-link[disabled], .tribe-events-view.tribe-events.tribe-events-view--shortcode .tribe-events-header__top-bar .tribe-events-c-top-bar__nav-link[disabled], .tribe-events .tribe-events-c-nav__next[disabled], .tribe-events .tribe-events-c-nav__prev[disabled], .tribe-events .tribe-events-c-nav__next[disabled]:hover, .tribe-events .tribe-events-c-nav__prev[disabled]:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy[disabled], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy[disabled]:hover{ opacity: .7 !important; background-color: #DFDFDF; border-color: transparent; border-radius: 5px; color: #AAA; font-family: 'Playfair Display', 'Times New Roman', Times, serif; } .tribe-events-view.tribe-events .tribe-events-header__top-bar .tribe-events-c-top-bar__nav-link[disabled] .tribe-events-c-top-bar__nav-link-icon-svg{ color: #AAA; } .tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg, .tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg{ width: 14px; height: 14px; } .tribe-events .tribe-events-c-top-bar__nav-link-icon-svg{ vertical-align: middle; color: #FFF; height: 10px; width: auto; } .tribe-events .tribe-events-c-top-bar__nav-link:hover .tribe-events-c-top-bar__nav-link-icon-svg{ color: #FFF; } .tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-events-c-top-bar__datepicker-button{ padding: 0 15px !important; } .tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-events-c-top-bar__datepicker-button{ width: fit-content; font-size: 0.9rem; } .tribe-events .tribe-events-c-top-bar__datepicker-button{ font-family: 'Playfair Display', 'Times New Roman', Times, serif; background-color: transparent; border: none; color: var(--wp--preset--color--primary-text); text-transform: uppercase; line-height: 40px; } .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev{ width: fit-content; padding: 5px 15px; font-size: 1rem; } .tribe-events .tribe-events-c-events-bar__search-button, .tribe-events .tribe-events-c-view-selector__button{ border: solid 1px var(--form-field-border); border-radius: 5px; background-color: var(--wp--preset--color--form-field-bg); width: 32px; height: 32px; line-height: 32px; } .tribe-events .tribe-events-c-events-bar__search-button-icon-svg, .tribe-events .tribe-events-c-view-selector__button-icon-svg{ width: 16px; height: 16px; } .tribe-events .tribe-events-c-events-bar__search-button-icon-svg path, .tribe-common .tribe-common-c-svgicon__svg-fill{ fill: var(--wp--preset--color--primary-text); } /* Calendar */ .tribe-events .datepicker .month, .tribe-events .datepicker .year{ padding: 0; } .tribe-events .tribe-events-calendar-month{ border-top: solid 1px var(--wp--preset--color--divider); border-left: solid 1px var(--wp--preset--color--divider); } .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header{ border-bottom: solid 2px var(--wp--preset--color--divider); } .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__week{ border-bottom: solid 1px var(--wp--preset--color--divider); } .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__header-column, .tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__day-cell--desktop{ border-right: solid 1px var(--wp--preset--color--divider); } .tribe-events .tribe-events-calendar-month__day{ background-color: var(--wp--preset--color--page-background); } .tribe-events .tribe-events-calendar-month__day-date{ font-size: 13px; text-align: right; } .tribe-events .tribe-events-calendar-month__header-column{ padding-bottom: 0; background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--primary-text); } .tribe-events .tribe-events-calendar-month__header-column:nth-of-type(even){ background-color: var(--wp--preset--color--primary-light); } .tribe-events .tribe-events-calendar-month__header-column-title{ padding: 16px 12px; line-height: 1; font-size: 21px; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime{ font-size: 12px; color: #353535; } .tribe-events .tribe-events-calendar-month__calendar-event-title a, .tribe-events .tribe-events-calendar-month__multiday-event-bar{ display: block; padding: 5px; border-radius: 4px; background-color: var(--wp--preset--color--primary); } .tribe-events .tribe-events-calendar-month__calendar-event-title a, .tribe-events .tribe-events-calendar-month__multiday-event-bar h3{ font-size: 0.8rem; color: #FFF; } .tribe-events .tribe-events-calendar-month__calendar-event-title a:hover, .tribe-events .tribe-events-calendar-month__multiday-event-hidden-title{ background-color: var(--wp--preset--color--primary); } .tribe-events .tribe-events-calendar-month-nav{ display: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body{ border-top: solid 1px var(--wp--preset--color--post-background); border-left: solid 1px var(--wp--preset--color--post-background); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day{ border-color: var(--wp--preset--color--post-background); } .tribe-events .tribe-events-calendar-month__day-cell--mobile{ text-align: right; justify-content: flex-start; align-items: flex-end; padding: 5px; } /* Day */ /* List */ .tribe-events .month-heading{ font-weight: 900; font-size: 1rem; padding-bottom: 18px; } .tribe-events .month-heading::after { content: ""; background-color: var(--wp--preset--color--secondary-text); opacity: .5; display: block; flex: auto; height: 1px; margin-left: 20px; } .tribe-events .archive-event{ padding: 42px; border-radius: 15px; background-color: var(--wp--preset--color--post-background); border: solid 1px rgba(255,255,255,0.07); margin: 0 0 24px; } .tribe-events .archive-event .wrap{ display: flex; gap: 25px; flex-wrap: wrap; } .tribe-events .archive-event .event-date{ padding: 20px 25px; border-radius: 15px; background-color: var(--date-background); text-align: center; height: fit-content; width: 110px; } .tribe-events .archive-event .event-date span{ display: block; } .tribe-events .archive-event .event-date .date{ font-size: 1.5rem; font-weight: 700; } .tribe-events .archive-event .event-info{ flex: 1; } .tribe-events .archive-event .event-info .event-time{ font-size: 0.9125rem; color: var(--wp--preset--color--secondary-text); padding: 0 0 18px; line-height: 1.3; } .tribe-events .archive-event .event-info .event-title{ padding: 0 0 15px; font-size: 1.75rem; } .tribe-events .archive-event .event-info .event-location{ padding: 0 0 24px; } .tribe-events .archive-event .event-info .ticket{ padding: 5px 15px; background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary-text); width: fit-content; border-radius: 5px; text-transform: uppercase; font-weight: 700; font-size: 0.9rem; } .tribe-events .archive-event .image{ width: 350px; border-radius: 15px; min-height: 200px; background-position: center; background-size: cover; background-repeat: no-repeat; } /* Tooltip */ .tooltipster-base.tribe-events-tooltip-theme{ max-width: 370px; box-sizing: border-box; padding: 0; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper{ width: 100%; margin-bottom: 0; } .tooltipster-base.tribe-events-tooltip-theme.tooltipster-sidetip .tooltipster-box{ border-radius: 0; background-color: #FFF; border: none; box-shadow: 0 4px 7px rgba(0,0,0,.2); } .tooltipster-base.tribe-events-tooltip-theme.tooltipster-sidetip .tooltipster-content{ color: #202020; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime{ padding: 17px 14px 0; font-size: 0.75rem; color: #353535; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title{ padding: 5px 14px 14px; font-size: 1.6rem; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description{ padding: 0 14px 17px; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description p{ font-size: 0.875rem; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-cost{ margin-top: 0; padding: 0 14px 17px; font-size: 0.75rem; font-weight: 700; } /* Single */ .single-tribe_events .single-event{ padding: 80px 0; } .single-tribe_events .single-event .event-data .event-maindata{ margin-bottom: 60px; } .single-tribe_events .single-event .event-data .event-section{ margin-bottom: 42px; } .single-tribe_events .single-event .event-info .event-section{ margin-bottom: 28px; } .single-tribe_events .single-event .row{ gap: 75px; } .single-tribe_events .single-event .event-data{ flex: 1; } .single-tribe_events .single-event .event-data .event-meta, .single-tribe_events .single-event .event-data .event-location, .single-tribe_events .single-event .event-sidebar .event-widget{ background-color: var(--wp--preset--color--post-background); padding: 35px; border-radius: 8px; border: solid 1px rgba(255,255,255,0.07); gap: 18px; flex-wrap: wrap; } .single-tribe_events .single-event .event-data .event-meta .meta-item{ width: calc( 40% - 12px ); } .single-tribe_events .single-event .event-data .event-meta .meta-item{ width: calc( 30% - 12px ); } .single-tribe_events .single-event .event-data .event-meta .meta-item .metatitle{ display: none; } .single-tribe_events .single-event .event-data .event-meta .meta-item .metacontent{ padding: 0; font-size: 0.9rem; } .single-tribe_events .single-event .event-data .event-meta .meta-item .metaicon{ font-size: 1.2rem; color: var(--wp--preset--color--secondary-text) } .single-tribe_events .single-event .event-data .event-location .map{ flex: 1; border-radius: 8px; background-color: var(--date-background); } .single-tribe_events .single-event .event-data .event-location .map .tribe-events-meta-group.tribe-events-meta-group-gmap{ border-top: none; margin-right: 0; padding: 0; height: 100%; min-height: 300px; } .single-tribe_events .single-event .event-data .event-location .map iframe{ width: 100%; height: 100%; border-radius: 8px; } .single-tribe_events .single-event .event-data .event-location .location-data{ width: 330px; border-radius: 8px; background-color: var(--date-background); display: flex; flex-direction: column; } .single-tribe_events .single-event .event-data .event-location .location-data .venue-name{ padding: 0 0 20px; } .single-tribe_events .single-event .event-data .event-location .location-data .location, .single-tribe_events .single-event .event-data .event-location .location-data .maplink{ padding: 16px; } .single-tribe_events .single-event .event-data .event-location .location-data .location{ flex: 1; } .single-tribe_events .single-event .event-data .event-location .location-data .location .metacontent, .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link{ font-size: 0.9rem; } .single-tribe_events .single-event .event-data .event-location .location-data .location .metacontent span, .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link span{ display: inline-block; vertical-align: top; line-height: 24px; } .single-tribe_events .single-event .event-data .event-location .location-data .location .metacontent .icon, .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link .icon{ width: 24px; padding: 0 8px 0 0; box-sizing: content-box; text-align: center; } .single-tribe_events .single-event .event-data .event-location .location-data .location .metacontent .data, .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link .data{ width: calc( 100% - 42px ); } .single-tribe_events .single-event .event-data .event-location .location-data .location .metaitem .metatitle{ display: none; } .single-tribe_events .single-event .event-data .event-location .location-data .maplink{ border-top: solid 1px rgba(255,255,255,0.07); } .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link{ padding: 0; } .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link a{ display: block; background-color: var(--wp--preset--color--black); padding: 8px 14px; color: var(--wp--preset--color--white); text-decoration: none; transition: all .2s ease-in-out; border-radius: 5px; } .single-tribe_events .single-event .event-data .event-location .location-data .maplink .map_link a:hover{ background-color: var(--wp--preset--color--primary); } .single-tribe_events .single-event .event-sidebar{ width: 350px; } .single-tribe_events .single-event .event-sidebar .event-widget{ padding: 20px; } .single-tribe_events .single-event .event-sidebar .event-widget .widget-title{ font-size: 1.125rem; font-weight: 700; } .single-tribe_events .single-event .event-sidebar .event-widget ul, .single-tribe_events .single-event .event-sidebar .calendar-links{ list-style: none; padding: 8px 0 0; margin: 0; } .single-tribe_events .single-event .event-sidebar .event-cal-links{ position: relative; } .single-tribe_events .single-event .event-sidebar .calendar-links{ border-radius: 8px; border: solid 1px rgba(255,255,255,0.07); padding: 20px; background-color: var(--wp--preset--color--post-background); position: absolute; top: 55px; left: 0; width: 100%; z-index: 1; box-shadow: 0 3px 6px rgba(0,0,0,.2); } .single-tribe_events .single-event .event-sidebar .calendar-links li .calendar-link, .single-tribe_events .single-event .event-sidebar .more-toggle{ display: block; font-size: 0.9125rem; line-height: 1; padding: 10px 15px; width: 100%; transition: all .2s ease; text-decoration: none; } .single-tribe_events .single-event .event-sidebar .calendar-links li .calendar-link:hover{ border-radius: 5px; background-color: #f5f7fa; } .single-tribe_events .single-event .event-sidebar .more-toggle{ border: none; border-radius: 8px; padding: 15px 20px; margin: 0; font-weight: 700; cursor: pointer; outline: none; text-align: center; transition: all .2s ease; } .single-tribe_events .single-event .event-sidebar .calendar-links li a{ color: var(--wp--preset--color--primary-text); } .single-tribe_events .single-event .event-sidebar .calendar-links li span{ display: inline-block; line-height: 24px; } .single-tribe_events .single-event .event-sidebar .calendar-links li .icon{ width: 24px; padding: 0 6px 0 0; box-sizing: content-box; } .single-tribe_events .single-event .event-sidebar .calendar-links li .label{ width: calc( 100% - 36px ); } .events-single #tribe-events-pg-template{ padding: 0; width: 100%; max-width: 100%; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizers{ padding: 15px 0 0; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer{ display: flex; gap: 18px; flex-wrap: wrap; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer:not(:last-of-type){ margin: 0 0 15px; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-photo{ width: 72px; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-name{ font-size: 1.125rem; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item{ font-size: 0.9rem; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item:not(:last-of-type){ padding: 0 0 6px; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item:last-of-type{ padding: 0; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item span{ display: inline-block; vertical-align: top; line-height: 24px; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item .icon{ width: 24px; padding: 0 3px 0 0; box-sizing: content-box; } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-item .data{ width: calc( 100% - 33px ); } .single-tribe_events .single-event .event-sidebar .event-organizers .organizer .organizer-details{ display: flex; flex-direction: column; justify-content: center; } .single-tribe_events .single-event .event-sidebar .event-tags .tags .tag{ display: inline-block; margin: 0 3px 5px 0; font-size: 0.9rem; } .single-tribe_events .single-event .event-comments{ margin-top: 60px; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form{ max-width: 100%; } .tribe-events .tribe-events-c-view-selector__list-item-icon{ line-height: 32px; height: 32px; width: 32px; text-align: center; } .tribe-events .tribe-events-c-view-selector__list-item-icon svg{ width: 18px; } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link .tribe-common-c-svgicon__svg-fill{ fill: var(--wp--preset--color--primary-text); }.tribe-events .tribe-events-c-view-selector__list-item-text{ line-height: 32px; } @media only screen and (min-width: 1200px){ .events-single #eventTickets .ticket-display{ flex-direction: row; } .events-single #eventTickets .ticket-display #rsvp-now.event-tickets, .events-single #eventTickets .ticket-display .event-tickets.tickets{ width: calc( 50% - 15px ); } } @media only screen and (min-width: 800px) and (max-width: 1199px){ .single-tribe_events .single-event > .container > .row{ gap: 15px; flex-direction: column; } .events-single #eventTickets .ticket-display{ flex-direction: column; } .events-single #eventTickets .ticket-display #rsvp-now.event-tickets, .events-single #eventTickets .ticket-display .event-tickets.tickets{ width: 100%; } .single-tribe_events .single-event .event-sidebar{ width: 100%; } .single-tribe_events .single-event .event-data .event-location .location-data{ width: 100%; } .tribe-events .archive-event{ padding: 30px; } .tribe-events .archive-event .image{ width: 250px; } } @media only screen and (min-width: 769px) and (max-width: 899px){ .single-tribe_events .single-event .event-data .event-meta .meta-item{ width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container, .tribe-events .tribe-events-c-events-bar__views, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector{ width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content{ padding: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list{ display: flex; flex-wrap: wrap; gap: 15px; } .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item{ padding: 13px 0; flex: 1; text-align: center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__events-bar{ flex-wrap: wrap; } } @media only screen and (max-width: 799px){ .tribe-events .tribe-events-c-nav__list{ flex-direction: column; } .tribe-events .tribe-events-c-nav__list-item, .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev{ width: 100%; } .tribe-events .tribe-events-c-nav__prev{ margin-bottom: 20px; } .single-tribe_events .single-event .event-data .event-meta, .single-tribe_events .single-event .event-data .event-location, .single-tribe_events .single-event .event-sidebar .event-widget{ padding: 20px; } .single-tribe_events .single-event .event-data .event-meta .meta-item{ width: 100%; } .single-tribe_events .single-event .row{ gap: 30px; flex-direction: column; } .single-tribe_events .single-event .event-sidebar{ width: 100%; } .events-single #eventTickets .ticket-display{ flex-direction: column; } .events-single #eventTickets .ticket-display #rsvp-now.event-tickets, .events-single #eventTickets .ticket-display .event-tickets.tickets{ width: 100%; } .single-tribe_events .single-event .event-data .event-section{ flex-direction: column-reverse; } .single-tribe_events .single-event .event-data .event-location .location-data{ width: 100%; } .single-tribe_events .single-event .event-data .event-location .map .tribe-events-meta-group.tribe-events-meta-group-gmap{ height: 300px; } .tribe-events .archive-event{ padding: 30px; } .tribe-events .archive-event .image{ width: 100%; order: 1; } .tribe-events .archive-event .event-info{ order: 2; } .tribe-events .archive-event .event-date{ display: none; } } @media only screen and (max-width: 767px){ .tribe-events .tribe-events-c-events-bar__search-container .tribe-events-c-events-bar__search, .tribe-events .tribe-events-c-view-selector__content{ padding: 18px; border-radius: 8px; border: solid 1px rgba(255,255,255,.07); background-color: var(--wp--preset--color--post-background); box-shadow: 0 2px 5px rgba(0,0,0,.2); } .tribe-events .tribe-events-c-events-bar__search .tribe-events-c-search__input-control{ padding: 0; } .tribe-common .tribe-events-c-events-bar__search .tribe-common-form-control-text__input{ background-color: var(--wp--preset--color--form-field-bg); border: solid 1px var(--form-field-border); color: var(--wp--preset--color--primary-text); padding: 6px 12px; line-height: 40px; font-size: 1rem; font-family: 'Inter', Arial, Helvetica, sans-serif; outline: none; transition: all .2s ease; } .tribe-common .tribe-events-c-events-bar__search .tribe-common-form-control-text__input:hover, .tribe-common .tribe-events-c-events-bar__search .tribe-common-form-control-text__input:active, .tribe-common .tribe-events-c-events-bar__search .tribe-common-form-control-text__input:focus{ background-color: var(--wp--preset--color--form-field-focus-bg); border-color: var(--form-field-focus-border); } .tribe-events .tribe-events-c-view-selector__content{ right: -18px; } } @media (max-width: 768px) { .tribe-events-calendar-month { overflow-x: auto; display: block; /* Prevent grid from squeezing */ } .tribe-events-calendar-month__grid { width: 1200px; /* Ensure a larger fixed width for scrolling */ display: grid; grid-template-columns: repeat(7, 1fr); } } /* Tickets */ .events-single #eventTickets{ padding: 80px 0 20px; } .events-single #eventTickets .ticket-display{ flex-wrap: wrap; gap: 30px; } .events-single #eventTickets .ticket-display .tribe-link-view-attendee{ width: 100%; padding: 12px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets{ flex: 1; min-width: 25%; } .events-single #eventTickets .ticket-display .event-tickets.tickets, .events-single #eventTickets .ticket-display .event-tickets.rsvp{ background-color: var(--wp--preset--color--post-background); border-radius: 15px; border: solid 1px rgba(255,255,255,0.07); color: var(--wp--preset--color--primary-text); padding: 55px 35px; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-wrapper{ width: 100%; margin: 0; padding: 0; border: none; background-color: transparent; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form label, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form .tribe-tickets__form-field-label{ color: var(--wp--preset--color--primary-text); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='text'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='email'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='url'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='password'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='search'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='number'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='tel'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='range'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='date'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='month'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='week'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='time'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime-local'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='color'], .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form select, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form textarea{ background-color: var(--wp--preset--color--form-field-bg); border-color: var(--form-field-border); transition: all .2s ease; color: var(--wp--preset--color--primary-text) } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='text']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='text']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='email']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='email']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='url']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='url']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='password']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='password']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='search']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='search']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='number']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='number']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='tel']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='tel']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='range']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='range']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='date']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='date']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='month']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='month']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='week']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='week']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='time']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='time']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime-local']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='datetime-local']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='color']:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form input[type='color']:focus, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form select:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form select:active, .event-tickets .tribe-tickets__form textarea:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__form textarea:focus{ background-color: var(--wp--preset--color--form-field-focus-bg); border-color: var(--form-field-focus-border); } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .wrap{ padding: 0px; height: 100%; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .content{ position: relative; z-index:1; padding: 0; display: flex; flex-direction: column; height: 100%; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .content:before{ z-index:-1; content:""; position: absolute; max-width: 100%; min-height: 60px; left:0; top:0; right: 0; bottom: 0; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .content .tickets-title{ line-height: 1; text-align: left; font-size: 1.6rem; font-weight: 400; padding: 0 5px 24px; margin: 0; box-sizing: content-box; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.tickets .content .tickets-title{ color: var(--wp--preset--color--primary-text); } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .content .ticket-list{ background-color: var(--date-background); border-radius: 15px; margin: 0; flex: 1; padding: 22px 26px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets .content .ticket-list .card{ display: block; width: fit-content; padding: 5px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp{ padding: 0; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp-wrapper:not(:last-of-type) .tribe-tickets__rsvp{ padding-bottom: 18px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp-wrapper:not(:first-of-type) .tribe-tickets__rsvp{ padding-top: 18px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp-wrapper, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-footer{ border: none; border-radius: 0; background-color: transparent; max-width: unset; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp-wrapper .tribe-tickets__tickets-item-content-title, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-content-title{ color: var(--wp--preset--color--primary-text); font-weight: 700; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .ticket-list .tribe-tickets__rsvp-wrapper .tribe-tickets__tickets-item-details-content, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-item-details-content, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-item-extra-available{ color: var(--wp--preset--color--secondary-text); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-details-wrapper{ flex: 1; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-details{ text-align: left; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-actions-wrapper{ width: 250px; border-left: dotted 1px var(--wp--preset--color--secondary-text) !important; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-actions-wrapper .tribe-tickets__rsvp-actions{ margin-top: 0; padding: 0; border-top: none !important; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-description{ color: var(--wp--preset--color--secondary-text); } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions button{ width: 100%; max-width: unset;border: solid 1px transparent; border-radius: 4px; line-height: 42px; font-family: 'Inter', Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 1rem; transition: all .2s ease; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-footer-quantity, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-footer-total-label{ color: var(--wp--preset--color--secondary-text); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-footer-quantity-number, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-footer-total-wrap{ color: var(--wp--preset--color--primary-text); } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions-rsvp .tribe-tickets__rsvp-actions-rsvp-going{ margin-top: 0; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions-rsvp .tribe-tickets__rsvp-actions-rsvp-not-going{ margin-top: 8px; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity button, .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout #tec-tc-gateway-stripe-checkout-button, .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__tickets-footer .tribe-common-c-btn{ width: 100%; max-width: 125px; border: solid 1px transparent; border-radius: 4px; line-height: 42px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 1rem; transition: all .2s ease; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy{ margin-left: 12px; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions .tribe-tickets__rsvp-actions-button-going, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy:not([disabled]), .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout #tec-tc-gateway-stripe-checkout-button, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-form-button, .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__tickets-footer .tribe-common-c-btn{ background-color: var(--wp--preset--color--black); color: var(--wp--preset--color--white); font-size: 0.875rem; font-weight: 700; font-family: 'Playfair Display', 'Times New Roman', Times, serif; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions .tribe-tickets__rsvp-actions-button-not-going, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-form-button.tribe-tickets__rsvp-form-button--cancel{ background-color: var(--wp--preset--color--divider); color: #FFF; font-size: 0.875rem; font-weight: 700; } .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions button:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form #tribe-tickets__tickets-buy:not([disabled]):hover, .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout #tec-tc-gateway-stripe-checkout-button:hover, .events-single #eventTickets .ticket-display .custom-alert.event-tickets.rsvp .tribe-tickets__rsvp-actions .tribe-tickets__rsvp-actions-button-not-going:hover, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-form-button.tribe-tickets__rsvp-form-button--cancel:hover{ background-color: var(--wp--preset--color--secondary-dark); color: var(--wp--preset--color--white); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-form-button:hover{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity button{ width: 42px; font-size: 1.2rem; background-color: var(--wp--preset--color--form-field-bg); color: var(--wp--preset--color--primary-text); border-color: var(--form-field-border); outline: none; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity button:hover{ background-color: var(--wp--preset--color--form-field-focus-bg); border-color: var(--form-field-focus-border); } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-number, .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__tickets-form input[type="number"].tribe-tickets__tickets-item-quantity-number-input{ width: 60px; color: var(--wp--preset--color--primary-text); outline: none; } .events-single #eventTickets .ticket-display .event-tickets .tribe-tickets__rsvp-form-button{ border: solid 1px var(--tertiary); border-radius: 4px; line-height: 42px; font-family: 'Playfair Display', 'Times New Roman', Times, serif; margin: 0 0 0 12px; padding: 0 18px; font-size: 0.875rem; transition: all .2s ease; } .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout, .tribe-common .tribe-tickets__commerce-checkout{ margin: 0 auto; } @media only screen and (min-width: 1025px){ .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout, .tribe-common .tribe-tickets__commerce-checkout{ width: 75%; max-width: 75%; } } @media only screen and (max-width: 1024px){ .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout, .tribe-common .tribe-tickets__commerce-checkout{ width: 100%; max-width: 100%; } } .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__commerce-checkout #tec-tc-gateway-stripe-checkout-button{ width: 100%; max-width: 100%; } .tec-no-tickets-on-recurring .event-tickets .tribe-tickets__tickets-footer .tribe-common-c-btn{ width: fit-content; max-width: fit-content; padding: 0 18px; } /* 404 Error Page */ body.error404{ color: var(--wp--preset--color--primary-text); } body.error404 #error-404{ padding: 120px 0; text-align: center; } body.error404 #error-404 .errorno{ color: rgba(0,0,0,.05); font-size: 19rem; font-weight: 900; font-family: 'Playfair Display', 'Times New Roman', Times, serif; line-height: 1; padding-bottom: 48px; position: relative; font-weight: 400; } body.error404 #error-404 .errorno::before{ position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); content: '404'; font-family: 'Inter', Arial, Helvetica, sans-serif; color: var(--wp--preset--color--primary-text); font-size: 10rem; font-weight: 700; padding: 80px 0 0; } body.error404 #error-404 .errortitle{ font-size: 3rem; padding-bottom: 24px; } body.error404 #error-404 .errortext{ font-size: 1.2rem; } body.error404 #error-404 .errorcode{ padding: 32px 0 0; color: #6F6F6F; } @media only screen and (max-width: 800px){ body.error404 #error-404{ padding: 60px 0; } body.error404 #error-404 .errorno{ font-size: 9rem; } body.error404 #error-404 .errorno::before{ font-size: 6rem; } body.error404 #error-404 .errortitle{ font-size: 1.8rem; } body.error404 #error-404 .errortext{ font-size: 1rem;} } /* Media Overrides */ .embed-container .embedded-item *{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .wp-block-embed, .page-content span[class^="embed-"], .post-content span[class^="embed-"], .movieDisplay-trailer{ position: relative; padding-bottom: calc( 100% * ( 9/16 ) ); margin-bottom: 32px; margin-left: 0; margin-right: 0; display: block; } .wp-block-embed .wp-block-embed__wrapper, .page-content span[class^="embed-"] iframe, .post-content span[class^="embed-"] iframe, .movieDisplay-trailer iframe{ position: absolute; left: 0; bottom: 0; right: 0; top: 0; height: 100%; width: 100%; } .wp-block-embed .wp-block-embed__wrapper span{ display: block; width: 100%; height: 100%; } .wp-block-embed .wp-block-embed__wrapper iframe{ width: 100%; height: 100%; } body.admin-bar>.forminator-select.forminator-select-dropdown-container--open{ margin-top: 0 !important; } @media only screen and (max-width: 800px){ .cf-turnstile { max-width: 300px; width: 100%; min-width: unset; overflow: hidden; display: block; } }