/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.dt-icon-website::before, .icomoon-the7-font-website::before, .website .soc-font-icon::before {
  font-family: "Font Awesome 5 Brands";
  content: "\e07b";
}
/* Hide .desktop-only on screens smaller than 992px */
@media (max-width: 991.98px) {
  .desktop-only {
    display: none !important;
  }
}

/* Hide .mobile-only on screens 992px and wider */
@media (min-width: 992px) {
  .mobile-only {
    display: none !important;
  }
}
.top-bar {
  position: relative;
  padding-bottom: 10px; /* space so content doesn't overlap the border */
}

.top-bar::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px; /* border thickness */
  background: linear-gradient(
    to left,
    #000000 0%,
    #7a57bb 20%,
    #ce3cf3 30%,
    #27f6ff 40%,
    #FFFFFF 50%,
    #27f6ff 60%,
    #ce3cf3 70%,
    #7a57bb 80%,
    #000000 100%
  );
}

/* text shadow */
.text-shadow {
text-shadow: 1px 1px 5px black;
}

/* nav */
.sub-downwards .main-nav.level-arrows-on > li.has-children > a::after, .sub-downwards .next-level-button svg, .sub-downwards .main-nav > li.menu-item-language > a::after {
  color: #ce3cf3 !important;
  fill: #ce3cf3 !important;
}
.sub-downwards .next-level-button svg, .sub-downwards.dt-parent-menu-clickable.side-header .next-level-button svg {
  width: 20px;
}

 /* Text inside column */
   
 .text-container > .vc_column-inner,
 .icon-container > .vc_column-inner {
   padding: 40px !important;
   align-items: center;
 }

 .text-container-headline {
    padding-left: 40px !important;
    padding-right: 40px !important;
    align-items: center;
 }
 
 .text-container-headline .wpb_content_element {
    margin-bottom: 0px !important;
 }
 .text-container > .vc_column-inner .wpb_wrapper, .text-container-headline > .vc_column-inner .wpb_wrapper {
   max-width: 650px;
   width: 100%;
 }
 .text-container.lab > .vc_column-inner .wpb_wrapper {
    max-width: 800px !important;
  }


 /* Colours */

.text-black h2 {color: #000000 !important; line-height: 1!important;}


 /* Buttons */
.prices .glow-button{
	position: absolute !important;
	left: 30px !important;
	bottom: 30px !important;
}
.button-left .btn-align-center {
  text-align: left!important;
	margin-left: 10px !important;
}
.glow-button {
  position: relative;
  padding: 1rem 2rem;
  background: #000;
  border-radius: 12px;
  overflow: visible;
  color: white;
  font-weight: 600;
  font-size: 1.5rem;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
  cursor: pointer;
	text-transform: uppercase;
}

.glow-button::before,
.glow-button::after {
  content: "";
  position: absolute;
  border-radius: 12px;
  z-index: -1;
  --angle: 135deg;
  transition: background 0.3s ease;
}

/* Outer glow */
.glow-button::before {
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(
    var(--angle),
    #ce3cf3,
    #ffffff 50%,
	  #7a57bb,
    #27f6ff
  );
  filter: blur(6px);
  opacity: 0.8;
}

/* Inner glow */
.glow-button::after {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(
    var(--angle),
    #ce3cf3 0%,
    #ffffff 50%,
	  #7a57bb 75%,
    #27f6ff 100%
  );
}

.mini-button {
  position: relative !important;
  padding: 12px 28px !important;
  font-size: 18px !important;
  font-weight: bold !important;
	color: #FFFFFF !important;
  text-transform: uppercase !important;
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  z-index: 1 !important;
  transition: all 0.3s ease-in-out !important;

  /* Outer Glow */
  box-shadow:
    0 0 12px rgba(206, 60, 243, 0.6),    /* pink outer */
    0 0 24px rgba(92, 180, 249, 0.5) !important;    /* blue outer */
}
.glow-button:hover::before,
.glow-button:hover::after {
  background-position: 100% 50%;
  transition: background-position 2s ease-in-out;
}
.mini-button{
	 color: #FFFFFF !important;
	border: 2px solid white !important;
}

.glow-button:hover{
  transform: scale(1.05) !important;
	background: #000 !important;
}
.microwidget-btn:hover{
  transform: scale(1.05) !important;
	color: inherit !important;
  box-shadow:
    0 0 16px rgba(206, 60, 243, 0.8),
    0 0 32px rgba(92, 180, 249, 0.6) !important;
}
.dt-btn .dt-btn-l:hover{
	background-color: inherit !important;
	color: inherit !important;	
}

 /* Activity Boxes */

.activity-boxes .vc_column-inner {
	padding: 0px !important;
}
.activity-boxes .ult-content-box {
	padding: 10px !important;
	min-height: 200px !important;
}
.activity-boxes h2{
  font-size: 40px !important;
  line-height: normal !important;
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.activity-boxes .ult-content-box {
	padding: 10px !important;
	min-height: 300px !important;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.activity-boxes .ult-content-box {
	padding: 10px !important;
	min-height: 200px !important;
}
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.activity-boxes .ult-content-box {
	padding: 30px !important;
	min-height: 400px !important;
}
}

.activity-boxes .ult-content-box:hover {
	/*transform: scale(1.05) !important;*/
	position: relative !important;
	font-size: 40px !important;
	text-transform: uppercase !important;
	background-color: transparent !important;
	border: 2px solid white !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	z-index: 1 !important;
	transition: all 0.3s ease-in-out !important;
  /* Outer Glow */
  box-shadow:
    0 0 12px rgba(206, 60, 243, 0.6),    /* pink outer */
    0 0 24px rgba(92, 180, 249, 0.5) !important;    /* blue outer */
}


/* Prices */
.prices .vc_column-inner {
	background-color: #27f6ff!important;
	padding-top: 30px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-bottom: 70px !important;
    background-image: radial-gradient(#ffffff 1px, transparent 1px);
    background-size: 20px 20px;
    color: #000000;
    border-radius: 12px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);*/
	position: relative !important;
}

.title-bg {
	background-color: #ce8cf0 !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	background: linear-gradient( to left, #000000 0%, #7a57bb 20%, #ce3cf3 30%, #27f6ff 40%, #7a57bb 50%, #27f6ff 60%,#ce3cf3 70%, #7a57bb 80%, #000000 100%);
      /*background-image: repeating-linear-gradient( 45deg, #5cb4f9, #ce3cf3 8px, #7a57bb 5px, #FFF 1px, #5cb4f9 7px );*/
}
.title-bg h2{
	color: #FFFFFF !important;
	font-size: 60px !important;
}
.prices .offer-box .vc_column-inner  {
	background-color: #27f6ff!important;
	background-image: none !important;
	padding-top: 0px !important;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  	padding-bottom: 0px !important;
}

.prices .offer-box .wpb_content_element {
	margin-bottom: 0px !important;
}


.coming-soon {
  position: absolute;
  bottom: 0;
  left: 20px;
  background-color: #ce3cf3;
  padding: 20px;
  color: #000;
  border-radius: 50px;
}
.activity-boxes .ult-content-box.coming-soon:hover {
  transform: scale(1) !important;
}

 /* --------------------------------------------------------------------
MOBILE REVERSE
-------------------------------------------------------------------- */

/* mobile devices (992px and below) */
  @media (max-width: 992px) {
    .mobile-reverse {
        flex-direction: column-reverse;
    }
}

 /* --------------------------------------------------------------------
Booking page
-------------------------------------------------------------------- */
.iframe-wrapper {
  margin-bottom: 200px;
}

.page-template-template-microsite .mini-button {
  display: none !important;
}

/* Make sure icons display in your desired color */
.wp-block-social-links.is-style-logos-only .wp-social-link a svg path {
  fill: #dc1cfc !important; /* Change to your icon color */
  transition: fill 0.3s ease;
}

/* Optional: hover effect */
.wp-block-social-links.is-style-logos-only .wp-social-link a:hover svg path {
  fill: #5cb4f9 !important; /* Hover color */
}