/**
 * Theme Name:     razzl Child
 * Author:         kidd81
 * Template:       razzl
 * Text Domain:	  razzl
 * Description:    A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
 */


/* Base Typography */
body {
font-family: 'Nunito Medium';
	background-image: url('https://razzldazzl.co/wp-content/uploads/2025/10/rdbg.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    color: #28282B;
    margin: 0;
    padding: 0;
	overflow-x: hidden;
	
	     cursor: url('https://razzldazzl.co/wp-content/uploads/2025/10/cursor5.png') 10 10, auto;
    }

    /* When hovering over a link */
    a:hover {
      cursor: url('https://razzldazzl.co/wp-content/uploads/2025/10/cursor3.png') 10 10, pointer;
    }

.mqscroller,
.mqscroller-content {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue Regular';
line-height: 0.8em;
    color: #28282B;
    margin: 0 0 1em 0;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {  font-family: 'Bebas Neue Regular';}

h2 {font-family: 'Nunito Medium'!important;}
h2 span {font-family: 'Nunito Medium'!important;}

/* Links */
a {
    text-decoration: none;
    color: inherit;
	  transition: all 0.3s ease; /* smooth transition */
}





#images {
	/* height: 226px;  set the height you want */
  line-height: 1em !important; 

  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  text-align: center;
  overflow: hidden; /* trims any content outside the box */

}
 
@keyframes ticker-kf {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-170rem); /* 17 logos × 10rem each */
  }
}


  .img-ticker {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    animation: ticker-kf 20s linear infinite;
  }

  .tickerlogo {
    width: 10rem;
    flex: none;
    margin: 0 0.1rem 0 0.1rem;
    align-self: flex-start;
    max-width: 100%;
    height: auto;
  }


a:hover {
    opacity: 0.8;
	  transition: all 0.3s ease; /* smooth transition */
}

/* Modern browsers (Chrome, Edge, Safari, Firefox 63+) */
::selection {
  background: #7915a1;   /* or background-color */
    color: #fff;
  text-shadow: none;  /* optional */
}

/* Old Firefox fallback (pre-63) */
::-moz-selection {
  background: #7915a1;   /* or background-color */
    color: #fff;
  text-shadow: none;
}


/* Containers */
.container {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}

/* Lists */
ul, ol {
    padding-left: 1.3rem;
    margin: 0 0 1em 0;
    list-style-position: inside;
}

/* Responsive Grid Example */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.col {
    flex: 1 0 100%;
    padding: 0 0.5rem;
}

.bblack { border: 1px dotted #28282B;}
.bgblack { background: #28282B;}
.bgbeige { background: #f3eee9;}
.bgpink { background: #eed4d9;}
.pink {color:#eed4d9;}
.bt1 { border-top: 1px solid #28282B;}
.bt1 { border-bottom: 1px solid #28282B;}

.br1 { border-right: 1px solid #28282B;}
.bt1 { border-bottom: 1px solid #28282B;}

.roundimg { border-radius: 20px;}
.btn { padding: 10px 20px; border-radius: 30px;  font-family: 'Bebas Neue Regular'; border: 0px solid #eee; }
.btn:hover { scale:1.04; outline: none;}
.btnblue{ background: #4666b0; border: 0px solid #eee; color: white; font-size: 26px; line-height: 1.2em!important; padding-top: 0.5em; }
.btnblue:hover { background: #b5a5d0!important; color: white!important; border: 0px solid #eee; color: white; }
.btnblue:active {   scale:1.01; outline: none;}
hr { border-top:1px solid #28282B;}

.purple { color: #7915a1; }
.bgpurple { background-color: #7915a1; }

.blue { color: #4666b0; }
.bgblue { background-color: #4666b0; }

.lightblue { color: #3ca4db; }
.bglightblue { background-color: #3ca4db; }

.green { color: #bee3d6; }
.bggreen { background-color: #bee3d6; }

.yellow { color: #ece5c0; }
.bgyellow { background-color: #ece5c0; }

.pink { color: #f8c0d8; }
.bgpink { background-color: #f8c0d8; }

.lilac { color: #b5a5d0; }
.bglilac { background-color: #b5a5d0; }
/* ABOUT */


.raz-gradient-text {
  background: linear-gradient(
    90deg,
    #7915a1,
    #4666b0,
    #3ca4db,
    #bee3d6,
    #ece5c0,
    #f8c0d8,
    #b5a5d0,
    #7915a1
  );
  background-size: 600%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: foviGradient 6s ease-in-out infinite;
}

@keyframes foviGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


#statement h4 {
  display: flex;
  align-items: center;
}
#statement h4 {
 font-family: 'Bebas Neue Regular';
  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  padding: 0px;
  font-size: 180px !important;
  margin-left: -450%;
  width: 1000%;
  word-break: keep-all !important;
  display: block;
  overflow-wrap: normal !important;
  -webkit-hyphens: none;
color:#eed4d9;
}

 html body.wp-singular.edit-template-default.single.single-edit  ul#bootscore-navbar li.menu-item.menu-item-type-post_type_archive.menu-item-object-edit.nav-item.nav-item-61 a.nav-link {  font-family: 'Bebas Neue Regular'; }




/* NAV */

/*FORM*/
div#wpcf7-f116-o1.wpcf7.js form label { width: 100%; }
div#wpcf7-f116-o1.wpcf7.js form input { width: 100%; padding: 0.8em; border-radius: 30px;  border:2px solid #f2ebe6; }
div#wpcf7-f116-o1.wpcf7.js form input:focus { width: 100%; padding: 0.8em; border-radius: 30px;  border:2px solid #efced4; outline: 0; }

div#wpcf7-f116-o1.wpcf7.js form textarea { width: 100%; border-radius: 10px;  border:2px solid #f2ebe6; padding: 0.8em;}
div#wpcf7-f116-o1.wpcf7.js form textarea:focus { border:2px solid #efced4; outline: 0; }

p input.wpcf7-form-control.wpcf7-submit {background: #eed4d9; border: 0px solid #eee!important;  font-family: 'Bebas Neue Regular'; }
p input.wpcf7-form-control.wpcf7-submit a {background: #eed4d9; border: 0px solid #eee!important;  font-family: 'Bebas Neue Regular'; }
p input.wpcf7-form-control.wpcf7-submit:hover {background: #28282B; color: white; transition: all 0.3s ease; /* smooth transition */  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02); }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item.first{ margin: 0px!important; padding: 0; text-align: center;}
span.wpcf7-form-control.wpcf7-radio { margin-top: 1em!important;}
span.wpcf7-list-item.last label { margin-top: 0.5em!important;}
/*FORM*/

html body.single-post li.menu-item.menu-item-type-post_type.menu-item-object-page.nav-item.nav-item-68 a.nav-link {  font-family: 'Bebas Neue Regular'; }

/* Only exact current page appears active */
.current-menu-parent > a,
.current_page_parent > a,
.current-menu-ancestor > a {
  color: inherit !important; /* remove highlight */
  font-weight: normal !important;
}

.whitetrans {   background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 20%,
    rgba(255, 255, 255, 0.6) 40%,
    rgba(255, 255, 255, 0.4) 60%,
	 rgba(255, 255, 255, 0.2) 80%,
	 rgba(255, 255, 255, 0) 100%
  );}

.whitetransup {   background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 20%,
    rgba(255, 255, 255, 0.6) 40%,
    rgba(255, 255, 255, 0.4) 60%,
	 rgba(255, 255, 255, 0.2) 80%,
	 rgba(255, 255, 255, 0) 100%
  );}

header#bar { z-index: 20000000000!important;  width: 100%;}

a.nav-link.active { font-family: 'Bebas Neue Regular';}
ul.sociallinks { margin: 0px; padding: 0px;}
ul.sociallinks li { display: inline-block; margin: 0px; padding: 0px;}
ul#bootscore-navbar li { text-transform: uppercase; font-size: 34px;}
.navbar-toggler {border: 0px solid #eee;}

nav.navbar.navbar-expand-lg ul#bootscore-navbar  { margin: 0px; padding: 0px;}
nav.navbar.navbar-expand-lg ul#bootscore-navbar li { margin: 0px; padding: 0px; line-height: 1em; list-style-type: none; padding: 0.6em; font-size: 22px; border-bottom:1px dotted #eee;}
nav.navbar.navbar-expand-lg ul#bootscore-navbar li a { color: white;}

ul.dropdown-menu.depth_0.show { background:  #28282B; color: white!important; border: 0px solid #eee; border-radius: 0px!important; margin: 0px; padding: 0px;}
ul.dropdown-menu.depth_0.show a { background:  #28282B; color: white!important; line-height: 1.6em;}
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.2em solid; border-right: 0.2em solid transparent; border-bottom: 0; border-left: 0.2em solid transparent;}

ul.dropdown-menu.depth_0.show  { display: none;}
 ul#bootscore-navbar ul.sub-menu { display:none;}
/* NAV */

/* HERO */
header#hero { height: 100vh!important; overflow: hidden;}

header#hero h1 { font-size: 34px; opacity: 0; color: #7915a1;}
header#hero h1 span {  font-family: 'Bebas Neue Regular';}
h1 span.d-block {     font-family: 'Bebas Neue Regular';}
header#hero h2 { font-size: 18px; line-height: 1.5em; opacity: 0; color: #7915a1;}
/* HERO */

div.panel { height: 100vh;}
/* UNIT */

.fixed { position: fixed;}

.rounded { border-radius: 8px!important;}
/* SCROLL */
  

/* Upwards scroll (right column) */
@keyframes scroll-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

/* Downwards scroll (left column) */
@keyframes scroll-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}




#wheel img {
  transform-origin: center center;
  display: block; /* ensure no inline-block weirdness */
}

#wheel img {
  transform-origin: center center; /* pivot at center */
  display: block;
  transform: rotate(-270deg);      /* start rotated */
}

#wheel {
  position: relative; /* or keep absolute if you need it stacked, see note below */
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 2000;
  text-align: center; /* in case it contains inline content */
}
#wheel {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2000;
	margin-top: -70px;
}


div.unit {
  min-height: 80vh;
  position: relative;
  z-index: 0; /* make sure base is below children */
}

div.unit::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3); /* overlay */
  border-radius: inherit;
  z-index: -1; /* put overlay behind content */
}

div.unit h3 {
  color: white;
  opacity: 1;
  font-size: 44px;
  position: relative; /* ensure it's above overlay */
  z-index: 1;
}
/* UNIT */


/* FOOTER */
footer#main a.nav-link { color: #fff; margin: 0px; padding: 0px; }
ul.footer-nav li { list-style: none;}
ul.footer-nav { margin: 0px; padding: 0px;}
footer#main ul li a { color: white;}
footer#base { color: white; position: absolute; bottom: 0;}
footer#base ul { margin: 0px; padding: 0px;}
footer#base ul li { margin: 0px; padding: 0px; list-style-type: none;}
/* FOOTER */

/* CARDS */
section#latest div.owl-item ul li { font-size: 30px; line-height: 1.0em;  font-family: 'Bebas Neue Regular';  }
span.posted.d-block { font-size: 16px; font-family: 'Bosko Medium'!important;}
section#latest h3.entry-title.mb-2 a {  font-family: 'Bebas Neue Regular'; font-size: 30px!important; margin: 0px; padding: 0px; }
ul.tags li { font-size: 14px!important;  font-family: 'Bebas Neue Regular';}

div.card.h-100 { border: 8px solid #f2ebe6; }

section#latest div.top { min-height: 200px;}
/* CARDS */

/* SERVICES */


/* Carousel item container */
.owl-three .item {
  display: flex;               /* enable flexbox */
  flex-direction: column;      /* stack children vertically */
  height: 100%;                /* fill height of carousel item */
}

/* Inner container should also fill height */
.owl-three .item .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Top section stays at top */
.owl-three .item .top {
  /* no margin needed, stays naturally at top */
}

/* Bottom section sticks to bottom */
.owl-three .item .bottom {
  margin-top: auto;            /* pushes it to bottom */
}

/* SERVICES */


/* BLOG */
h1.archive-title .first-word {
    font-family: 'Bosko Medium' !important; /* ensure normal font */
    font-style: normal !important;         /* force normal style */
}

h1.archive-title .rest-of-title {
    font-family: 'Boska Bold Italic' !important; /* italic font */
    font-style: italic !important;              /* force italic */
}
header#blogheader h1 { font-size: 30px; line-height: 1.2em; opacity: 0; font-family: 'Bosko Medium'!important;}
header#blogheader h2 { font-size: 18px; line-height: 1.2em; opacity: 0;   font-family: 'Bosko Medium';}
header#blogheader ul { margin: 0px; padding: 0px; display: block;}
header#blogheader ul li { margin: 0px; padding: 0px; list-style: none; display: inline-block;}
ul#share.text-center li { margin: 0px; padding: 0px 0.3em; list-style: none; display: inline-block;}
header#blogheader li.list-inline-item { font-family: 'Bebas Neue Regular'; padding: 0px 0.3em;}

section#related span.pink { font-family: 'Bebas Neue Regular';}

section#maincontent p:first-of-type::first-letter {
  font-size: 80px;
  float: left; /* optional, for a drop-cap effect */
  line-height: 1;
  padding-right: 5px; /* spacing if floated */
}

/* BLOG */


/* Container takes full viewport height */
.marquee-container {
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.3rem;
}

/* Each column */
.marquee-column {
  flex: 1; /* make columns flexible */
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Column content wrapper */
.marquee-content {
  display: flex;
  flex-direction: column;
}

/* Individual item */
.item {
  flex: 0 0 auto;   /* don't shrink, height adapts to content */
  width: 100%;      /* fill column width */
  margin-bottom: 0.3rem;
}

.item img {
  width: 100%;       /* responsive width */
  height: auto;      /* maintain natural aspect ratio */
  object-fit: cover; /* optional: fills container nicely */
  display: block;
  border-radius: 0.5rem;
}




/* MARQUEE */

/* Marquee1 Styles */
.marquee1 {
  color: #eee;
  font-size: 50px;
  letter-spacing: 0.02em;
  padding: 10px 0 !important;
  position: relative;
  /*overflow: hidden;*/
  margin: 0;
}

.marquee__inner {
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  display: flex;
  flex: auto;
  flex-direction: row;
}

.marquee__part a {

  color: white;
  text-decoration: none;
	margin: 0px; padding: 0px;
}

.marquee__part a:hover {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01);
}

/* Clients Marquee Styles */
.marqueex {
  position: relative;
  width: 100%;
  height: 100%;
  /*overflow: hidden;
  padding: 15px 0 15px;*/
}

.marqueex .scroll {
  width: 100%;
  display: flex;
}

.marqueex .scroll div {
	
		color: white!important;


  white-space: nowrap;
  animation: animate-marquee 80s linear infinite;
  animation-delay: -40s;
	display: inline-flex;
}

.marqueex .scroll div:nth-child(2) {
  animation: animate-marquee-2 80s linear infinite;
  animation-delay: -80s;
}



/* Responsive Styles */
@media (max-width: 767px) {
  .category {
    font-size: 25px;
  }

  .marqueex .scroll div {
    font-size: 25px;
  }
}

/* Keyframe Animations */
@keyframes animate-marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes animate-marquee-2 {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

/* General Styles */
.marquee__part {
  flex-shrink: 0;
  padding: 0;
  font-smooth: always;
  margin: 0 0;
  line-height: 4em;
}

div.marquee__part a { color: #eed4d9;}
div.marquee__part  { font-size: 120px; line-height: 1.3em; }

/* MARQUEE */



ul#links { margin: 0px; padding: 0px; }
ul#links li { margin: 0px; padding: 0px; list-style: none; display: inline-block;}

/*BOOKINGPRESS*/
div.bpa-front-module-heading {font-weight: normal!important; font-family: 'Boska Bold Italic'!important;}
div.bpa-front-si-cb__specs-item p strong {font-weight: normal!important; font-family: 'Boska Bold Italic'!important;}
div.bpa-front-si-cb__specs-item p strong { background: #eed4d9!important; border-radius: 30px!important; padding-left: 0.8em!important;  padding-right: 0.8em!important;}
div.bpa-front-tab-menu,
.bpa-front-tabs--vertical-left .bpa-front-tab-menu {
  background: none !important;
  box-shadow: none !important;
}

.bpa-frontend-main-container { margin-left: 0px!important; margin-right: 0px!important;}


section#details ul {
  margin: 0;
  padding: 0;
}

section#details ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.6em;
}

section#details ul li.title {
  font-size: 14px;
}

section#details ul li.info {
  font-size: 18px;
}

.book-btn {
  background: #eed4d9;
  color: #28282B;
  font-size: 18px;
  text-decoration: none;
  transition: background 0.3s ease;
  padding: 20px 0; /* breathing space */
	  
}

.book-btn:hover {
  background: black;
  color: #fff;
}

.book-btn span {
	
transform: scale(1);
    animation: pulse 2s infinite;
	font-family: 'Boska Bold Italic'!important;
}

/*BOOKINGPRESS*/




/*PULSE*/
@keyframes pulse {
    0% {
        transform: scale(0.95);
   
    }

    70% {
        transform: scale(1);
      
    }

    100% {
        transform: scale(0.95);
     
    }
}
/*PULSE*/




/* Breakpoints */
@media (min-width: 576px) {
    .col-sm { flex: 1 0 50%; }
}

@media (min-width: 768px) {
    .col-md { flex: 1 0 33.33%; }
	
	/* HERO */
header#hero h1 { font-size: 76px;}
header#hero h2 { font-size: 20px; }
/* HERO */
	
		/* BLOG */
	header#blogheader h1 { font-size: 50px; }
header#blogheader h2 { font-size: 20px; }
/* BLOG */
	
}

@media (min-width: 992px) {
	header#hero { height: 100vh!important;}
	.book-btn { font-size: 24px;}
	
	section#details ul li.title {
  font-size: 18px;
}

section#details ul li.info {
  font-size: 24px;
}
	
    .col-lg { flex: 1 0 25%; }
	
	ul.dropdown-menu.depth_0.show  { display:block;}
	
 ul#bootscore-navbar ul.sub-menu { display:block;}
	
	h2 { font-size: 70px;}
	h3 { font-size: 36px;}


}

@media (min-width: 1200px) {
	header#hero { height: 100vh!important;}
    .col-xl { flex: 1 0 20%; }
	
/* HERO */
header#hero h1 { font-size: 80px; line-height: 0.8em;}
header#hero h2 { font-size: 20px; }
/* HERO */
	

	

	
}

@media (min-width: 1400px) {
	header#hero { height: 100vh!important;}
    .col-xl { flex: 1 0 20%; }
	
/* HERO */
header#hero h1 { font-size: 110px; line-height: 0.8em;}
header#hero h2 { font-size: 20px; }
/* HERO */
	

	

	
}


/* Utility Classes */
.text-center { text-align: center; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }