/*
Theme Name: rainbow Child
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.0.0
Template: rainbow
*/
@import url("../rainbow/style.css");
nav.main_menu > ul > li > a {
    font-family: wavehaus-semibold;
    font-weight: 400;
}
nav.main_menu ul li.active a {
    color: #ffffff;
    background: #f85481;
    border-radius: 50px;
}
nav.main_menu > ul > li:hover > a, header.sticky nav.main_menu > ul > li:hover > a {
    border-radius: 50px;
}
.q_logo img {
    width: 156px !important;
    height: 156px !important;
    top: -9px;
    left: 15px;
}
.q_logo {
    background: #fff;
    width: 185px;
    height: 160px;
    top: 0px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
nav.main_menu ul {
   margin: 25px 0px;
}
.social {
    display: flex;
    column-gap: 12px;
    margin-top: 6px;
}
.horizontal-shake{
animation: horizontal-shaking 0.50s infinite;
}
@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(5px) }
  50% { transform: translateX(-5px) }
  75% { transform: translateX(5px) }
  100% { transform: translateX(0) }
}
.bts .elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    order: 5;
    position: absolute;
    left: 10px;
	bottom: 7px;
}
.bts .elementor-button-icon svg {
    width: 100%;
    height: auto;
}
.vm{
    width: 90rem;
    height: 90rem;
    position: absolute;
    top: 75%;
    left: 40%;
    transform: translate(-46%,-32%);
    mix-blend-mode: hard-light;
	    opacity: 0.5;
}
.vm:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image:url("https://rainbowfloss.com/wp-content/uploads/2023/06/big-pointy-bg-star.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
    animation-name: rotating;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotating {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.zoom-in-zoom-out img{
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.feat ul {
    display: flex;
    list-style-type: none;
    column-gap: 20px;
    align-items: center;
}
.feat ul li h3 {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
font-family: "wavehaus-light", Sans-serif;
    margin-bottom: 10px;
font-weight: 400;	
}
.feat ul li p {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
	font-family: "wavehaus-book", Sans-serif;
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}
.swing img{
animation: swing ease-in-out 3s infinite alternate;
 transform-origin: center -20px;	
}
.mar ul {
list-style-type: none;
    display: flex;
    column-gap: 50px;
    margin-top: 6px;
}
.mar ul li{
font-family: "wavehaus-bold", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    display: flex;
    column-gap: 10px;
    float: left;
}
.pink figure.elementor-image-box-img img {
outline: 1px dashed #F85481;
    outline-offset: 15px;
		 animation: linearGradientMove .3s infinite linear;
}
.blue figure.elementor-image-box-img img {
    outline: 1px dashed #7DD2EE;
    outline-offset: 15px;
}
.pink p.elementor-image-box-description {
    padding: 0px 25px;
}
.blue p.elementor-image-box-description {
    padding: 0px 25px;
}
.bts2 a.elementor-button-link {
    position: relative;
}
.bts2 .elementor-button .elementor-align-icon-left {
order: 5;
    position: absolute;
    bottom: 2px;
    left: 7px;
}
.bts2 .elementor-button-icon svg {
    width: 100%;
    height: auto;
}
.horizontal-shake2{
animation: horizontal-shaking 0.70s infinite;
}
@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(3px) }
  50% { transform: translateX(-3px) }
  75% { transform: translateX(3px) }
  100% { transform: translateX(0) }
}
.cgap .elementor-container {
    column-gap: 40px;
}

.featopt .elementor-icon-box-icon{
animation-name: rotating;
    animation-duration:5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.footer_top .widget_nav_menu li.menu-item a {
    margin-bottom: 0;
    font-family: "wavehaus-semibold", Sans-serif;
}
.footer_top ul.menu {
    display: flex;
    column-gap: 30px;
}
.footer_top .widget_nav_menu {
    float: left;
    margin: 0px 40px 0px 0px !important;
}
.footer_top .widget.widget_nav_menu li {
    margin:13px 0px 0px 0px;
    padding: 0px !important;
}
.fsocial {
    display: flex;
    column-gap: 12px;
}
.column1.footer_col1 {
    width: 35%;
}
.column2.footer_col2 {
    width: 65%;
}
.cd ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;	
}
.cd ul li {
    border: 0px;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, rgb(255 255 255), #3B91D8, #fff);
    border-image-slice: 1;
	    padding: 0px 30px;
}
.cd ul li:last-child{
border-right:0px;
padding-right:0px;	
}
.pl0{
padding-left:0px !important;
}
.cd ul li:first-child img{
float:left;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;	
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-10px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-10px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-10px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-15px);}
}
.cd ul li  h3 {
    font-family: "Lobster", Sans-serif;
    text-transform: none;
    font-size: 26px;
    color: #222;
    font-weight: 400;
}
.cd ul li a{
    font-size:30px !important;
    line-height: 40px !important;
    color: #fff;
    font-family: "wavehaus-light", Sans-serif;
    font-weight: 400;
}
.cd ul li .ph {
    float: left;
    margin: 20px 0px 20px 25px;
}
.column2.footer_col2 .column_inner {
    margin: 9px 0px;
}
#back_to_top span i, #back_to_top span span {
    display: none;
}
#back_to_top>span {
    width: 80px;
    height: 80px;
    background: url(https://rainbowfloss.com/wp-content/uploads/2023/06/scroll.svg) no-repeat !important;
	border:0px;
}
.footer_bottom {
    font-family: "wavehaus-semibold", Sans-serif;
}
.menu #gallery-1 img {
    border: 0px;
    object-fit: contain;
    height: 220px;
}
.menu #gallery-1 {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
	row-gap:30px;
	column-gap:30px;
}
.menu #gallery-1 .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
	padding:40px;
	position:relative;
	    align-items: center;
    display: flex;
    justify-content: center;
	background: #fff;
    border-radius: 30px;
}
/*.menu #gallery-1 .gallery-item:nth-child(even){
background:#f7f7f7;	
}*/
.menu #gallery-1 .gallery-item:after{
content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(45deg, #f7b9ce, #96c2e8, #4cacf2, #f85481);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.menu #gallery-1 br{
display:none;	
}
.cs label {
    font-family: "wavehaus-semibold", Sans-serif;
    color: #222;
    font-size: 15px;
}
.cs input.wpcf7-form-control.wpcf7-submit {
    font-family: "wavehaus-semibold", Sans-serif;
    margin:10px auto 0px;
    display: block;
}
.cs .hw {
    width: calc((100% / 2) - 20px);
    float: left;
    margin: 10px;
}
.cs .fw {
    width: calc((100% / 1) - 20px);
    float: left;
    margin: 10px;
}
.cs form {
    display: flex;
    float: none;
    clear: both;
    flex-wrap: wrap;
}
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date, .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea, .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz{
font-family: "wavehaus-book", Sans-serif !important;		
}
.cs {
    outline: 2px dashed #4caae8;
    outline-offset: -20px;
    border-radius: 30px;
}

@media(max-width:1300px){
.cd ul li:first-child img {
    width: 50px;
    position: relative;
    top: 25px;
}
}

@media(max-width:1200px){
.column1.footer_col1 {
    width: 100%;
    text-align: center;
}
.column2.footer_col2 {
    width: 100%;
    text-align: center;
}
.footer_top .widget_nav_menu {
    float: none;
    margin: 0px auto !important;
    width: 100%;
    text-align: center;
    display: block;
}
.footer_top ul.menu {
    display: flex;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;	
}
	div#custom_html-3 {
    text-align: center;
    display: block;
    float: none;
    /* text-align: center; */
    margin: 0px auto;
}
.fsocial {
    display: flex;
    column-gap: 12px;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
}
	.cd ul li:first-child img{
display:none;		
	}
	.cd ul li .ph {
    float: none;
    margin: 20px 0px 0px 0px;
}
}

@media(max-width:1024px){
	nav.main_menu>ul>li>a {
    position: relative;
    padding: 0 11px;
}
	.page-id-397 .featopt .elementor-container .elementor-column {
    padding-top: 0px;
    width: 100%;
}
.featopt .elementor-container{
display:grid;
grid-template-columns:1fr 1fr;	
    column-gap: 20px;	
	}
.featopt .elementor-container .elementor-column {
    background: #fff;
    border-radius: 30px;
    padding-top: 20px;
}

.bts .elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    order: 5;
    position: relative;
    left: -10px;
    bottom: 7px;
}
	.feat ul {
display: flex;
    list-style-type: none;
    column-gap: 20px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border: 1px solid #ffffff82;
    border-radius: 30px;
    padding: 20px;
}
.page-id-768 .elementor-image-box-wrapper {
    display: block !important;
    text-align: center !important;
    align-items: center;
}
.page-id-768 figure.elementor-image-box-img {
    margin-bottom: 14px !important;
    width: 80px !important;
}
}
@media(max-width:1000px){
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    color: #ffffff;
    font-size: 16px;
    font-family: wavehaus-semibold;
    font-weight: 400;
}
	.q_logo img {
width: 120px!important;
    height: auto !important;
    top: -10px;
    left: auto;
    background: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0px 10px 10px;
    z-index: 999;
    position: relative !important;
}
	.q_logo {
background: transparent;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    top: auto;
    width: auto;
    height: auto;
    left: auto;
}
}
@media(max-width:768px){
.cs .hw {
    width: calc((100% / 1) - 20px);
}	
.page-id-397 .featopt .elementor-container .elementor-column {
    padding-bottom: 0;
}
	.footer_top ul.menu {
    column-gap: 6px;
}
	.footer_top a{
    font-size: 15px !important;
}
.bts .elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    order: 5;
    position: relative;
    left: -8px;
    bottom: 7px;
    width: 40px;
}
.pink figure.elementor-image-box-img img {
outline: 0px dashed #F85481;
    outline-offset: 10px;
}
.blue figure.elementor-image-box-img img {
    outline: 0px dashed #7DD2EE;
    outline-offset: 10px;
}
	.featopt .elementor-container {
    grid-template-columns: 1fr;
    row-gap: 20px;
}
	.featopt .elementor-container .elementor-column {
    padding-bottom: 20px;
}
	.cd ul {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 10px;
}
	.cd ul li {
border: 0px;
    border-right: 0;
    border-image: linear-gradient(to left, rgb(255 255 255), #3B91D8, #fff);
    border-image-slice: 1;
    padding: 0px 0px 10px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
	.cd ul li:last-child{
	border-bottom:0px;
padding-bottom:0px;
margin-bottom:0px;		
	}
.cd ul li .ph {
    float: none;
    margin: 0px 0px 0px 0px;
}
	.footer_top, .footer_top.footer_top_full {
    padding-top: 50px;
    padding-bottom: 40px;
}
	.fsocial {
    margin-top: 18px;
}
	.cd ul li a {
    font-size: 22px !important;
    line-height: 32px !important;
}
	.menu #gallery-1 {
    grid-template-columns: repeat(2, 1fr);
	    row-gap: 20px;
    column-gap: 20px;	
}
	.menu #gallery-1 .gallery-item {
       padding: 20px;
}
	.menu #gallery-1 .gallery-item:after {
    border-radius: 20px;
}
}
@media(max-width:600px){
	.brnone br{
display:none;		
	}
.footer_top .four_columns .column1, .footer_top .four_columns .column2, .footer_top .four_columns .column3, .footer_top .three_columns .column1, .footer_top .three_columns .column2, .footer_top .two_columns_50_50 .column1 {
    margin: 0;
}
.column1.footer_col1 img {
    width: 170px !important;
}
.menu #gallery-1 img {
    border: 0px;
    object-fit: contain;
    height: 50px;
}
}
@media(max-width:480px){
.footer_top .column_inner>div:not(.qode_separator_widget) {
    margin: 0 !important;
}
}