/*
Theme Name: Ommune
Theme URI: https://ommune.com
Author: Ommune
Author URI: https://ommune.com
Description: Ommune theme for Ommune.com
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ommune
Tags: two-columns, right-sidebar, custom-colors, full-width-template ,custom-background, custom-header, custom-menu, custom-logo, featured-images, translation-ready, blog ,footer-widgets, theme-options
*/

.booking-button a{
	padding: 10px 27px !important;
    color: #ffffff !important;
    background: #F25D16;
    border-radius: 31px;
    margin: 16px 0 0 0px !important;
    line-height: 10px !important;
    height: 40px !important;
    border: 1px solid #F25D16;
}

.booking-button a:hover{
	padding: 10px 27px !important;
    color: #F25D16 !important;
    background: #fff !important;
    border-radius: 31px;
    margin: 16px 0 0 0px !important;
    line-height: 10px !important;
    height: 40px !important;
    border: 1px solid #fff;
}

.booking-button a:before {
    background-color: #f2384500 !important;
}

@media (max-width: 1024px) {
    .booking-button a {
        padding: 10px 27px !important;
        color: #000 !important;
        background: #fff;
        border-radius: 31px;
        margin: 0 !important;
        line-height: 10px !important;
        height: 24px !important;
    	border: 0px solid #fff;
    }
	 .booking-button a:hover {
        padding: 10px 27px !important;
        color: #000 !important;
        background: #fff;
        border-radius: 31px;
        margin: 0 !important;
        line-height: 10px !important;
        height: 24px !important;
    	border: 0px solid #fff;
    }
}

/* Mobile: center Ommune50 logo */
@media (max-width: 767px) {

    .ommune50-logo {
        margin: 0px 50px;
    }

    .ommune50-logo img {
        margin: 0 auto;
        display: block;
        width: 80px;
    }
}

.side_text_2 {
    width: 300px;
    position: fixed;
    top: 40%;
    left: -130px;
    z-index: 996;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.side_text_2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 700%;
    bottom: 110%;
    right: 112px;
    z-index: -1;
    background-image: url(https://ommune.com/wp-content/uploads/seminar_btn_bg.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.side_text_2 a, .topbar_text a {
    line-height: 27px;
    margin-left: -28px;
    color: #fff;
}

.side_text_2 a {
    letter-spacing: 0;
    font-size: 15px;
}
.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 996;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}

.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
.my-float{
	font-size: 36px;
    width: 36px;
    height: 36px;
}
/* Style for the preloader container */
#preloader {
    position: fixed; /* Fixes position relative to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* White background to cover the page */
    display: flex; /* Centers the content (image) inside */
    justify-content: center;
    align-items: center;
    z-index: 99999; /* Ensures it is on top of all other elements */
}

/* Style for the loading image (optional, if you use a GIF) */
#preloader img {
    width: 150px; /* Adjust size as needed */
    height: 150px;
}

/* You can also use pure CSS animations instead of a GIF,
   many examples are available on resources like [W3Schools](