/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            10.1.7
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       7.4
Requires at least:  5.9
*/

/* Header css......... */
.menu-header-menu-container ul li {
    padding: 0 1rem
}

.ul-style li{
    margin-bottom: 0.75rem;
    margin-left: 2rem;
    list-style-type: disc;
    font-family: Poppins;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
 
}

.event-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
    color: white;
}

.event-section::before {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

ul.post-categories {
    color: #a04b9e;
    font-family: 'Quattrocento Sans';
    padding: 10px 0px;
}



#wpsm_testi_b_row_49 .wpsm_testi_title {
    font-family: 'Ubuntu' !important;
}

ul.theme-ul li {
    list-style-type: circle;
    font-family: 'Ubuntu' !important;
}

footer h4 {
    margin-bottom: 10px;
    color: #791a77;
    font-weight: 700;
}

footer a {
    font-weight: 300;
}

footer li {

    margin-bottom: 10px;
}

.event-top-part {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
  
    background-position: center;
}

.venue-map p{
    height: 100%;
}

.event-video iframe {
    width: 100% !important;
}

.thumbnails {
    display: flex;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
}

.splide__arrow svg {
    fill: #fff !important;
    height: 2em !important;
    width: 1.2em !important;
    background-color: #9c1b9a !important;
}

.splide__slide img {
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

.thumbnail {
    width: 70px;
    height: 70px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
    opacity: 0.3;
    display: table-cell;
}

.thumbnail img {
    width: 100%;
    height: auto;
}
ul.splide__pagination {
    display: none;
}

.thumbnail.is-active {
    opacity: 1;
}

.wpcf7-form-control-wrap input,
textarea {
    border: 2px solid #a04b9f !important;
    padding: 12px !important;
    width: 100%;
}

.wpcf7-submit {
    background-color: #a04b9e !important;
    color: white;
    border-radius: 30px;
    text-transform: uppercase;
    width: 100%;
    padding: 8px !important;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation>li.mega-menu-item>a.mega-menu-link {
    font-family: 'Poppins' !important;
}

footer a {
    font-weight: 300;
    color: black;
    font-family: 'Poppins';
}
.contact-form label {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #626161;
}
.footer-content-info p {
    color: black;
    font-size: 17px;
}

.location-footer li {
    display: flex;
    align-items: center;
    color: #9d9d9d;
}

.location-footer li svg {
    width: 16px;
    margin-right: 3px;
}

.shadow-footer {
    box-shadow: 0px 0px 3px #7b7b7b;
}

ul.ul-custom li {
    list-style-type: circle;
    margin-left: 13px;
}





section.blog-section .widget {
    margin-bottom: 2rem;
}



.widget_nav_menu h3 {
    font-size: 1.2rem;
    color: #791a77;
    font-weight: 700;
}

/* nav.nav-primary {
    position: absolute;
    left: 0;
    top: 4.5rem;
    width: 100%;
} */
.mega-menu-toggle {
    background-color: #791a77 !important;
}

a.ewd-ufaq-post-margin {
    display: flex;
}

.connect-with-jason svg {
    background-color: #a04b9e;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

.location-footer svg {
    color: #9d9d9d !important;
}

ul.transition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 10;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    pointer-events: none;
}

ul.transition li {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    background-color: red;
    width: 20%;
}



header.top-header {
    top: 0;
}

img.video-play {
    position: absolute;
    top: 25%;
    left: 41%;
    background-color: #a04b9f;
    border-radius: 50%;
    padding: 1.5rem;
    box-shadow: 3px 3px 30px #5b5b5b;
    width: 7rem;
    height: 7rem;
    transition-duration: 1s;
}

.explore-tantra-section-left:hover .video-play {
    width: 8rem;
    height: 8rem;
    transition-duration: 1s;
}

.explore-tantra-section-right:hover .video-play {
    width: 8rem;
    height: 8rem;
    transition-duration: 1s;
}

.popmake-title {
    display: none;
}
section.home-top-banner img {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}
.pum-theme-263 .pum-container,
.pum-theme-lightbox .pum-container {
    border: 8px solid #a04b9f !important;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation>li.mega-menu-megamenu>ul.mega-sub-menu {
    font-family: 'Ubuntu' !important;
}

@media (max-width: 768px) {
    #wpsm_testi_b_row_49 .wpsm_testi_description {
        font-size: 15px !important;
    }

    img.video-play{
        top: 10% !important;
        left: 35% !important;
    }
    .home-events{
        padding: 40px 0px !important;
    }
}
@media (min-width: 1280px) {

.events-featured-image {
    background-size: cover;
    min-height: 15rem;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.all-events-featured-image {
    background-size: cover;
    min-height: 11rem;
}
.home-events{
    height: 600px !important;
}
}

.mc_bottomnav.my-calendar-footer {
    display: none !important;
}

.my-calendar-nav ul li {
    list-style-type: none !important;
}

.splide__slide{
    overflow: hidden;
}

ul.tribe-events-c-top-bar__nav-list li {
    list-style-type: none;
    margin-left: 0;
    line-height: initial;
    margin-bottom: auto;
}

ul.tribe-events-c-nav__list li {
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    font-family: 'Poppins';
    font-size: initial;
    line-height: 0;
    font-weight: initial;
}

ul.tribe-events-sub-nav li {
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    font-family: Ubuntu;
    font-size: initial;
    line-height: 0;
    font-weight: initial;
}

ul.tribe-events-c-subscribe-dropdown__list li {
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    font-family: Ubuntu;
    font-size: initial;
    font-weight: initial;
}

ul.tribe-events-c-view-selector__list li {
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    font-family: Ubuntu;
    font-size: initial;
    font-weight: initial;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
    background-color: #a04b9f;
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
    color: #fff !important;
    border: 1px solid #a04b9f !important;
    background-color: #a04b9f !important;
}

.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    width: 100%;
}

.tribe-events-c-subscribe-dropdown {
    display: none;
}

.wpsm_testi_description {
    font-family: 'Ubuntu' !important;
}

section.event-benefits p {
    color: white;
}
.event-img img {
    width: 100%;
}
.single-event-blog iframe{
    width: 100% !important;
}
.wpsm_testi_title{
    font-family: 'Ubuntu' !important;
}
.projekte-featured-image img {
    width: 100%;
}
.single-event-top-right p{
    color: #fff;
}
#loader{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-image: url('resources/images/loader.gif');
    background-repeat: no-repeat;
    z-index: 99;
    background-position: center;
    display: none;
    background-color: #fff;
    top: 0;
    background-size: 40%;
}
.filter_bar #start_date::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
input.event_search_name {
    border: 1px solid #e5e7eb;
    width: 87%;

    padding: 15px;
}
button#event_filter_search_btn{
    background-color: #a04b9f;
    padding: 15px;
    color: #fff;
    font-weight: 500;
    font-family: 'Ubuntu';
}
.Monkeypox {
    position: fixed;
    z-index: 999;
    background-color: #f82407;
    padding: 10px 15px;
    color: white;
    transform-origin: 0 0;
    bottom: 3.7rem;
    left: 5%;
    border-style: dashed !important;
    border-radius: 25px;
    border: 2px solid;
}
#category input[type="radio"] {
    margin-right: 5px;
}
#tags input[type="radio"] {
    margin-right: 5px;
}

/* All new css code..... */

.home-top-banner {
    overflow: hidden;
}
#testimonials-carousel .splide__pagination__page {
    background-color: #a04b9f;
}
#testimonials-carousel .splide__pagination__page.is-active {
    background-color: #a04b9f;
    opacity: 1;
}
ul.splide__pagination li {
    margin-left: 10px;
}
.border-heightlight{
    border: 1px solid #a04b9f;
    max-width: 200px;
    margin: 0px auto;
}
.home-events {
    flex-wrap: nowrap;
    overscroll-behavior: none;
    background: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.panel{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    color: white;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    z-index: 0;
}
.home-event-first{
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/LoveFestival-Homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}

.home-event-second{
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/CoachTraining-Homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   
}
.home-event-third{
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/PuertoVallarta-Homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   
}
.home-event-fourth{
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/SanDiego-Homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   
}
.newsletter{
    background-image: url(resources/images/newsletter-sec.jpg);
    background-size: cover;
    background-repeat: no-repeat;
 
}
.home-events::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #000000, #33cfff00);
    opacity: .7;
    z-index: -1;
}
.home-events-mobile::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #000000, #33cfff00);
    opacity: .7;
    z-index: 0;
}

h2.stroke-text {
    -webkit-text-stroke: 3px white;
    -webkit-text-fill-color: transparent;
}
body {
    max-width: 100%;
    overflow-x: hidden !important;
  
  }
.tag-names em {
    background-position: bottom;
    background-size: 1.3rem auto;
    background-repeat-y: no-repeat;
    font-style: inherit;
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/tag-border.svg);
    background-size: 8rem auto;
}

  .news-email input{
    margin-right: 10px;
  }

  .mobile-app-section{
    max-height: 600px;
  }
  .mobile-app-section img {
    width: 1900px;
}
img.mobile-top-imgs {
    margin-right: -15rem;
}
img.mobile-bottom-imgs {
    margin-right: -15rem;
}
.text-white p{
    color: white;
}
/* .event-features-image{
    background-image: url(resources/images/Features.svg);
} */
.event-features-text-right li {
    color: #828282;
}
.video-info{
    background-size: cover;
    background-repeat: no-repeat;
}
.event-img iframe {
    width: 100%;
}
ol, ul, menu{
    list-style: disc !important;
}
.single-event-video iframe {
    margin: 0px auto;
    width: 100%;
}
section.video-info svg {
    color: white;
}
.ewd-ufaq-faq-title.ewd-ufaq-faq-toggle {
    background-color: #e9a4ea;
    border-radius: 25px;
    
}
.event-program ul li {
    color: black;
}
.event-venue-left p {
    margin: 0px;
}
.outer_circle {
    stroke-width: 3;
    stroke-dasharray: 410; 
     stroke-dashoffset: 0;
    stroke-linecap: square;
    transition: all .4s ease-out;
  }
.glightbox_video:hover .outer_circle {
    stroke-dashoffset:410;
      transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out
}
.glightbox_video:hover 
.inner-circle {
  fill: #a04b9f;
  transition:fill .4s .3s ease-out;
}  
.glightbox_video:hover
.play{
    fill: white;
  transition:fill .4s .3s ease-out;
}
.glightbox_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.event-all-complete-section{
    background-size: cover;
    background-repeat: no-repeat;

    background-position: center;
    padding:40px 0px;
    position: relative;
}
.event-all-complete-section::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0c0c0c, #000000);
    opacity: .3;
    z-index:0
}
.top-banner{
    background-size: cover;
    background-repeat: no-repeat;

    background-position: center;
}
.event-category-header{
    background-image: url(https://tantra4gaymen.com/wp-content/themes/tantra/resources/images/home-event-all.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;

    position: relative;
}
.event-category-header::after{
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / 76%) 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
 
}
div#accordion-collapse h3 {
    margin: 0px;
}
nav.navigation.posts-navigation {
    display: none;
}
.bg-theme a {
    color: #731672 !important;
    font-weight: 600;
}
.grid-event-calendar:hover {
    background-color: #d7d7d7;
    transition-duration: 1s;
}
.grid-event-calendar {
    transition-duration: 1s;
}


.image-border .basis-1\/3 {
    margin: 5px;
}
.event-images-border{
    border: 5px solid #a04b9e;
}
.event-program-images img {
    border: 5px solid #a04b9e;
}
.event-single-venue {
    border: 5px solid #a04b9e;
    margin: 5px;
}
.grid-video-wrapper iframe{
    width:100%;
  }