/**
 * Marquee Dental - Global Styles
 */

@keyframes fly {
    0% {    
        transform: translate(-5px, -5px);
    }
    25% {       
        transform: translate(-7px, -2px) rotate(3deg);
    }
    50% {
        transform: translate(-3px, 7px);
    }
    75% {    
        transform: translate(8px, 8px) rotate(-3deg);
    }  
    100% {    
        transform: translate(0px, -1px);
    }
}

/******************** Custom Animation **********************/

.fadeinBtns.panel-widget-style {
    overflow: visible;
}

.fadein,
.fadeinRight,
.fadeinLeft,
.fadeinKids .so-panel,
.fadeinLeftKids .so-panel,
.fadeinRightKids .so-panel,
.fadeinCells .panel-grid-cell,
.fadeinBtns .so-widget-sow-button,
.fadein-row .fadein-card,
.so-widget-sow-simple-masonry .sow-masonry-grid-item,
.single-post .entry-header > * {
	opacity: 0;
	-webkit-transition: opacity 1s, transform 1.5s;
	transition: opacity 1s, transform 1.5s;
	-webkit-transition-timing-function: cubic-bezier(.65,0,.076,1);
	transition-timing-function: cubic-bezier(.65,0,.076,1);
}

.fadein,
.fadeinKids .so-panel,
.fadeinCells .panel-grid-cell,
.fadeinBtns .so-widget-sow-button,
.fadein-row .fadein-card,
.so-widget-sow-simple-masonry .sow-masonry-grid-item,
.single-post .entry-header > * {
  transform: translate(0, 4vh);
}

.fadeinRight,
.fadeinRightKids .so-panel {
  transform: translate(-2vw, 0);
}

.fadeinLeft,
.fadeinLeftKids .so-panel {
  transform: translate(2vw, 0);
}

.fadein.visible,
.fadeinKids .so-panel.visible,
.fadeinRight.visible,
.fadeinRightKids .so-panel.visible,
.fadeinLeft.visible,
.fadeinLeftKids .so-panel.visible,
.fadeinCells .panel-grid-cell.visible,
.fadeinBtns .so-widget-sow-button.visible,
.fadein-row .fadein-card.visible,
.so-widget-sow-simple-masonry .sow-masonry-grid-item.visible,
.single-post .entry-header > *.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.delay-1,
.fadeinLeftKids .so-panel:nth-of-type(1),
.fadeinRightKids .so-panel:nth-of-type(1),
.fadeinCells .panel-grid-cell:nth-of-type(1),
.fadeinBtns .so-widget-sow-button:nth-of-type(1),
.fadein-row .fadein-card:nth-of-type(1),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(1),
.single-post .entry-header > *:nth-of-type(1) {
	transition-delay: .1s !important;
} 

.delay-2,
.fadeinLeftKids .so-panel:nth-of-type(2),
.fadeinRightKids .so-panel:nth-of-type(2),
.fadeinCells .panel-grid-cell:nth-of-type(2),
.fadeinBtns .so-widget-sow-button:nth-of-type(2),
.fadein-row .fadein-card:nth-of-type(2),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(2),
.single-post .entry-header > *:nth-of-type(2) {
	transition-delay: .2s !important;
} 

.delay-3,
.fadeinLeftKids .so-panel:nth-of-type(3),
.fadeinRightKids .so-panel:nth-of-type(3),
.fadeinCells .panel-grid-cell:nth-of-type(3),
.fadeinBtns .so-widget-sow-button:nth-of-type(3),
.fadein-row .fadein-card:nth-of-type(3),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(3),
.single-post .entry-header > *:nth-of-type(3) {
	transition-delay: .3s !important;
} 

.delay-4,
.fadeinLeftKids .so-panel:nth-of-type(4),
.fadeinCells .panel-grid-cell:nth-of-type(4),
.fadeinBtns .so-widget-sow-button:nth-of-type(4),
.fadein-row .fadein-card:nth-of-type(4),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(4),
.single-post .entry-header > *:nth-of-type(4) {
	transition-delay: .4s !important;
} 

.delay-5,
.fadeinLeftKids .so-panel:nth-of-type(5),
.fadeinCells .panel-grid-cell:nth-of-type(5),
.fadeinBtns .so-widget-sow-button:nth-of-type(5),
.fadein-row .fadein-card:nth-of-type(5),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(5),
.single-post .entry-header > *:nth-of-type(5) {
	transition-delay: .5s !important;
} 

.delay-6,
.fadeinLeftKids .so-panel:nth-of-type(6),
.fadeinCells .panel-grid-cell:nth-of-type(6),
.fadeinBtns .so-widget-sow-button:nth-of-type(6),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(6),
.fadein-row .fadein-card:nth-of-type(6) {
	transition-delay: .6s !important;
} 

.delay-7,
.fadeinLeftKids .so-panel:nth-of-type(7),
.fadeinCells .panel-grid-cell:nth-of-type(7),
.fadeinBtns .so-widget-sow-button:nth-of-type(7),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(7),
.fadein-row .fadein-card:nth-of-type(7) {
	transition-delay: .7s !important;
} 

.delay-8,
.fadeinLeftKids .so-panel:nth-of-type(8),
.fadeinCells .panel-grid-cell:nth-of-type(8),
.fadeinBtns .so-widget-sow-button:nth-of-type(8),
.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(8),
.fadein-row .fadein-card:nth-of-type(8) {
	transition-delay: .8s !important;
} 

.so-widget-sow-simple-masonry .sow-masonry-grid-item:nth-of-type(9),
.fadein-row .fadein-card:nth-of-type(9) {
	transition-delay: .9s !important;
} 

.fadein-row .fadein-card:nth-of-type(10) {
	transition-delay: .1s !important;
} 

.fadein-row .fadein-card:nth-of-type(11) {
	transition-delay: .2s !important;
} 

.fadein-row .fadein-card:nth-of-type(12) {
	transition-delay: .3s !important;
} 

.fadeinCells.panel-row-style {
	overflow: visible !important; 
	overflow-x: clip !important; 
}

/***** best SEO structure: section title and p tag next ********/
.marquee-title .sow-headline-container {
	display: flex;
	flex-direction: column;
}

.marquee-title .sow-headline-container h2,
.marquee-title .sow-headline-container h3 {
	order: 2;
}

.marquee-title .sow-headline-container p {
	order: 1;
}

.marquee-title .sow-headline-container .decoration {
	order: 3;
}

.marquee-title .sow-headline-container .decoration .decoration-inside {
	transition: var(--brand-transition-3);
}

.marquee-title .sow-headline-container:hover .decoration .decoration-inside {
	max-width: 150px;
}

@media only screen and (max-width: 780px) {
	.fadein,
	.fadeinRight,
	.fadeinLeft,
	.fadeinKids .so-panel,
	.fadeinLeftKids .so-panel,
	.fadeinRightKids .so-panel,
	.fadeinCells .panel-grid-cell,
	.fadeinBtns .so-widget-sow-button,
	.fadein-row .fadein-card,
	.so-widget-sow-simple-masonry .sow-masonry-grid-item,
	.single-post .entry-header > * {
		-webkit-transition: opacity .75s, transform 1.25s;
		transition: opacity .75s, transform 1.25s;
		transition-delay: 0s !important;
	}
	
    .fadeinLeft, .fadeinRight,
	.fadeinLeftKids .so-panel,
	.fadeinRightKids .so-panel {
	  transform: translate(0, 2vh);
	}
}