.elementor-2973 .elementor-element.elementor-element-495e151{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2973 .elementor-element.elementor-element-495e151:not(.elementor-motion-effects-element-type-background), .elementor-2973 .elementor-element.elementor-element-495e151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2973 .elementor-element.elementor-element-495e151::before, .elementor-2973 .elementor-element.elementor-element-495e151 > .elementor-background-video-container::before, .elementor-2973 .elementor-element.elementor-element-495e151 > .e-con-inner > .elementor-background-video-container::before, .elementor-2973 .elementor-element.elementor-element-495e151 > .elementor-background-slideshow::before, .elementor-2973 .elementor-element.elementor-element-495e151 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2973 .elementor-element.elementor-element-495e151 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2973 .elementor-element.elementor-element-495e151.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2973 .elementor-element.elementor-element-4e241fa4{--display:flex;--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2973 .elementor-element.elementor-element-4e241fa4:not(.elementor-motion-effects-element-type-background), .elementor-2973 .elementor-element.elementor-element-4e241fa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2973 .elementor-element.elementor-element-1669764{width:100%;max-width:100%;}.elementor-2973 .elementor-element.elementor-element-1669764 > .elementor-widget-container{background-color:#00000000;padding:0% 0% 0% 0%;}.elementor-2973 .elementor-element.elementor-element-1669764.elementor-element{--align-self:stretch;}.elementor-2973 .elementor-element.elementor-element-ecebf7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2973 .elementor-element.elementor-element-ecebf7c:not(.elementor-motion-effects-element-type-background), .elementor-2973 .elementor-element.elementor-element-ecebf7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2973 .elementor-element.elementor-element-67e0c43{text-align:center;}.elementor-2973 .elementor-element.elementor-element-012e085{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2973 .elementor-element.elementor-element-012e085:not(.elementor-motion-effects-element-type-background), .elementor-2973 .elementor-element.elementor-element-012e085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2973 .elementor-element.elementor-element-210927f{--display:flex;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( 3em / 2 );}.elementor-2973 .elementor-element.elementor-element-c3e4f3a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-menu-toggle{margin:0 auto;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu .elementor-item{font-family:"Varela", Verdana, Arial, sans-serif;font-size:0.8em;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:0.4em;word-spacing:0px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );padding-left:0px;padding-right:0px;padding-top:2px;padding-bottom:2px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:3em;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-item:before{border-radius:10px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:10px 10px 0 0;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 10px 10px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 10px 10px 0;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .e--animation-shutter-in-vertical .elementor-item:after{border-radius:10px 0 0 10px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--dropdown a, .elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--dropdown{background-color:#000000;border-style:none;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:var( --e-global-color-primary );border-bottom-width:1px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a div.elementor-menu-toggle:hover, .elementor-2973 .elementor-element.elementor-element-c3e4f3a div.elementor-menu-toggle:focus{color:#7A7A7A;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a div.elementor-menu-toggle:hover svg, .elementor-2973 .elementor-element.elementor-element-c3e4f3a div.elementor-menu-toggle:focus svg{fill:#7A7A7A;}.elementor-2973 .elementor-element.elementor-element-c1d9537{width:100%;max-width:100%;}.elementor-2973 .elementor-element.elementor-element-c1d9537 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2973 .elementor-element.elementor-element-c1d9537.elementor-element{--align-self:stretch;}.elementor-2973 .elementor-element.elementor-element-705f39b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-2973:not(.elementor-motion-effects-element-type-background), body.elementor-page-2973 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#120302;background-image:url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/mainBG-240726-BW.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}:root{--page-title-display:none;}body.elementor-page-2973{margin:1% 0% 0% 0%;}@media(max-width:1024px){.elementor-2973 .elementor-element.elementor-element-495e151{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}}@media(min-width:768px){.elementor-2973 .elementor-element.elementor-element-495e151{--width:100%;}.elementor-2973 .elementor-element.elementor-element-4e241fa4{--width:100%;}}@media(max-width:767px){.elementor-2973 .elementor-element.elementor-element-495e151{--width:500px;--min-height:0vh;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:0%;--margin-bottom:020%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2973 .elementor-element.elementor-element-1669764{width:var( --container-widget-width, 469px );max-width:469px;--container-widget-width:469px;--container-widget-flex-grow:0;}.elementor-2973 .elementor-element.elementor-element-1669764 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-2973 .elementor-element.elementor-element-1669764.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-2973 .elementor-element.elementor-element-ecebf7c{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2973 .elementor-element.elementor-element-012e085{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2973 .elementor-element.elementor-element-210927f{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a{width:auto;max-width:auto;--nav-menu-icon-size:90px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a > .elementor-widget-container{margin:-15px -17px 0px -17px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-2973 .elementor-element.elementor-element-c3e4f3a .elementor-menu-toggle{border-width:0px;border-radius:0px;}body.elementor-page-2973{margin:0% 0% 0% 0%;}}/* Start custom CSS for html, class: .elementor-element-1669764 */@-webkit-keyframes scroll {
  0% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}

@keyframes scroll {
  0% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}
.slider {
  background:#00000000;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  margin:0;
  padding: 1% 0 1% 0;
  overflow: hidden;
  position: relative;
}
.slider .slide-track {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  height:100%;
}
.slider .slide {
    padding: 0 2% 0 2%;
}
.space {
    width:10%;
    height:100%;
}
@-webkit-keyframes scrollbottom {
  0% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
	  visibility: visible;
	  height:auto;
  }
  90% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: visible;
	  height:auto;
  }
  100% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: hidden;
	  height:0;
	}
}

@keyframes scrollbottom {
  0% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
	  visibility: visible;
	  height:auto;
  }
  90% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: visible;
	  height:auto;
  }
  100% {-webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: hidden;
	  height:0;
  }
}
.slider-rev {
  background:#00000000;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: auto;
  margin: 0;
  padding: 1% 0 1% 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider-rev .slide-track-rev {
-webkit-animation: scrollbottom 10s ease-out;
          animation: scrollbottom 10s ease-out;
	-webkit-animation-fill-mode: forwards;
		    animation-fill-mode: forwards;
	-webkit-animation-delay: 1s;
		    animation-delay: 1s;
  display: flex;
  width: calc(250px * 8.5);
}
.slider-rev .slide-rev {
  height: auto;
  width: 100%;
}

/* fade-in copy - make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
}

.fade-in.one {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.fade-in.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay:1s;
  animation-delay: 1s;
}

.fade-in.three {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.fade-in.four {
  -webkit-animation-delay: 2.0s;
  -moz-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
.fade-in.five {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.cutout1 {
	background: url("../IMG/cutouts/cliff-3764-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout1:hover {
	transform:scaleX(1.25) scaleY(1.25);
	filter:none;
	background: url("../IMG/cutouts/cliff-3764-orangesilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout2 {
	background: url("../IMG/cutouts/cliff-3768-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout2:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("../IMG/cutouts/cliff-3768-orangesilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout3 {
	background: url("../IMG/cutouts/cliff-3744-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout3:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("../IMG/cutouts/cliff-3744-orangesilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout4 {
	background: url("../IMG/cutouts/cliff-3774-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout4:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("../IMG/cutouts/cliff-3774-orangesilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout5 {
	background: url("../IMG/cutouts/cliff-3761-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout5:hover {
 transform:scaleX(1.25) scaleY(1.25);
	background: url("../IMG/cutouts/cliff-3761-orangesilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout6 {
	background: url("../IMG/cutouts/cliff-3764-333333silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout7 {
	background: url("../IMG/cutouts/cliff-3768-222222silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout8 {
	background: url("../IMG/cutouts/cliff-3744-2b2b2bsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout9 {
	background: url("../IMG/cutouts/cliff-3774-444444silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout10 {
	background: url("../IMG/cutouts/cliff-3761-555555silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 17%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.button-label {
	text-align: center;
	margin-top:35%;
	font-size: 24px;
	color: #EF1D19;
	text-shadow: 2px 1px 0px black;
}
.button-label:hover {
	color:black;
	text-shadow: 2px 1px 0px red;
}
a:link {
  text-decoration: none;
}

/* visited link */
a:visited {
  text-decoration: none;
}

/* mouse over link */
a:hover { color: #EF1D19;
}

/* selected link */
a:active {
  text-decoration: none;
}
/* Mobile tweak for top Home animation */
@media only screen and (max-width: 767px) {
   #top-animation .slider .slide-track {
	-webkit-animation: scroll 10s ease-out;
          animation: scroll 10s ease-out;
	-webkit-animation-fill-mode: forwards;
		    animation-fill-mode: forwards;
	-webkit-animation-delay: 1s;
		    animation-delay: 1s;
  display: flex;
  height:100%;
  width: calc(300px * 7.8);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e241fa4 */.elementor-widget-container {
    background-image: url(https://cliffericksonmusic.com/wp-content/uploads/2024/07/mainBG-240726-BW.png);
    padding: 0% 0% 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-495e151 */.elementor-widget-container {
    background-image: url(https://cliffericksonmusic.com/wp-content/uploads/2024/07/mainBG-240726-BW.png);
    padding: 0% 0% 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c3e4f3a */.my-nav .elementor-nav-menu li .elementor-item {
        color:#fc0;
        text-align: center;
        background-color: #481303;
        border-radius:5px;
          }
          
 /*Hover Background color*/         
.my-nav .elementor-nav-menu li .elementor-item:hover {
    color:#fff; background-color: #7a7a7a; -webkit-transition: all 1s ease-in-out;
}
.elementor-menu-toggle__icon--close {display:none;}

.elementor-2973 .elementor-element.elementor-element-c3e4f3a svg { width: % !important; height: 20% !important; }
/*End of CSS code*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1d9537 */@-webkit-keyframes scroll {
  0% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}

@keyframes scroll {
  0% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
	  -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}

@-webkit-keyframes scrollbottom {
  0% {
	  -webkit-transform: translateX(calc(-250px * 1));
            transform: translateX(calc(-250px * 1));
	  visibility: visible;
	  height:auto;
  }
  90% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: visible;
	  height:auto;
  }
  100% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: hidden;
	  height:0;
	}
}

@keyframes scrollbottom {
  0% {
	  -webkit-transform: translateX(calc(-250px * 1));
            transform: translateX(calc(-250px * 1));
	  visibility: visible;
	  height:auto;
  }
  90% {
	  -webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: visible;
	  height:auto;
  }
  100% {-webkit-transform: translateX(0);
            transform: translateX(0);
	  visibility: hidden;
	  height:0;
  }
}
.slider-rev {
  background:#00000000;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 300px;
  margin: 0;
  padding: 1% 0 1% 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider-rev .slide-track-rev {
-webkit-animation: scrollbottom 10s ease-out;
          animation: scrollbottom 10s ease-out;
-webkit-animation-fill-mode: forwards;
		    animation-fill-mode: forwards;
-webkit-animation-delay: 1s;
		    animation-delay: 1s;
  display: flex;
  width: calc(300px*11);
}
.slider-rev .slide-rev {
  height: 300px;
  width: 250px;
}

/* fade-in copy - make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
}

.fade-in.one {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.fade-in.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay:1s;
  animation-delay: 1s;
}

.fade-in.three {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.fade-in.four {
  -webkit-animation-delay: 2.0s;
  -moz-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
.fade-in.six {
  -webkit-animation-delay: 3.0s;
  -moz-animation-delay: 3.0s;
  animation-delay: 3.0s;
}
.fade-in.seven {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.fade-in.eight {
  -webkit-animation-delay: 4.0s;
  -moz-animation-delay: 4.0s;
  animation-delay: 4.0s;
}
.fade-in.nine {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.fade-in.ten {
  -webkit-animation-delay: 5.0s;
  -moz-animation-delay: 5.0s;
  animation-delay: 5.0s;
}
.cutout1 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3764-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout1:hover {
	transform:scaleX(1.25) scaleY(1.25);
	filter:none;
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3764-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout2 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3768-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout2:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3768-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout3 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3744-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout3:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3744-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout4 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3774-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout4:hover {
	transform:scaleX(1.25) scaleY(1.25);
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3774-yellowsilhouette2.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout5 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3761-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.cutout5:hover {
 transform:scaleX(1.25) scaleY(1.25);
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3761-yellowsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
}
.cutout6 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3764-333333silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout7 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3768-222222silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout8 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3744-2b2b2bsilhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout9 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3774-444444silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.cutout10 {
	background: url("https://cliffericksonmusic.com/wp-content/uploads/2024/07/cliff-3761-555555silhouette.png");
	background-repeat:no-repeat;
	background-position: center;
	width: 18%;
  height:250px;
  position: relative;
  margin: 1%;
  float: left;
}
.button-label {
	text-align: center;
	margin-top:35%;
	font-size: 24px;
	color: #EF1D19;
	text-shadow: 2px 1px 0px black;
}
.button-label:hover {
	color:black;
	text-shadow: 2px 1px 0px red;
}
a:link {
  text-decoration: none;
}

/* visited link */
a:visited {
  text-decoration: none;
}

/* mouse over link */
a:hover { color: #EF1D19;
}

/* selected link */
a:active {
  text-decoration: none;
}/* End custom CSS */