/**
 * Theme Name: themeMoody
 * Template:   twentytwentyfour
 * Description: Warm color Palette, Aboretto and Amarante Fonts, animations
 * Version: 1.0
 */

 .ar-pic {
    filter: opacity(90%);
 }

 /*time of post on article page (date)*/
 .time {
    color: beige;
    font-size: large;
 }

/*Home page quote style*/
 .quote{
    color: #FFD6AF!important;
    font-size: 1.85rem!important;
 }

 /*Header fading in on page load*/
 .home-header {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*Scrolling band on Guide page*/
 .contentBand {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.textBand {
    display: inline-block;
    animation: scrollingBand 350s linear infinite;
}

@keyframes scrollingBand {
    0% {
        transform: translateX(-86%);
    }
    100% {
        transform: translateX(150%);

    }
}

/*Newsletter pulsing*/
.newsletter {
	box-shadow: 0 0 0 0 rgb(77, 6, 6);
	transform: scale(1);
	animation: pulse 2s infinite;
}

.newsletter:hover {
	animation-play-state: paused;
}

@keyframes pulse {
	0% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	} 
}   

/* Slight zoom on team images when hovered*/

.team:hover{
    animation-name: zoom-out;
    animation-duration: .7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes zoom-out {
        
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}


.nav:hover {
    color: #E94B33!important;
    animation-name: up;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes up {
        
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-.8px)
}
}