/*.ditty-layout--2344 a.ditty-item__link {
  font-size:1.2em; font-weight:bold; text-decoration: none;
}
}*/
/*.ditty-layout--2344 a.ditty-item__link a:link  {text-decoration: none !important;}
.ditty-layout--2344 a.ditty-item__link:hover {color: #fff; text-decoration: none}
*/
.ditty-layout--2344 a.ditty-item__link:hover {color: #fff; text-decoration: none}
/* the usuals */
.centertext {text-align:center; margin:0 auto;}
.centertext img {margin:0 auto; text-align:center}
.spb4 {margin-top: 2em;}
.clearboth {clear:both}
.fleft {float:left;}
.fright {float:right;}
.small {font-size: 0.9em;}
.fff {color:#fcf8ef;}
.fff a {color:#fcf8ef;}
a.fff {color:#fcf8ef;}
.hide {display:none}
.fullimg img {width: 100%;}
.nounderline a {text-decoration:none}

/* slideout off canvas menu */
/* Style off canvas navigation items ALL */
.slideout-navigation.main-navigation .inside-navigation .main-nav ul li a {
}
/* Style off canvas navigation items Submenu */
.slideout-navigation.main-navigation .inside-navigation .main-nav ul ul li a {
    text-indent: 1em;
}
/* underline menu
.main-navigation {border-bottom: 2px solid #E3E3DE} */

.caption2 figcaption {font-size:15px; line-height:1.4; padding-top:4px; text-align:left}


/* kylestyle */
/* Position Properties */
.relative {position: relative;}
.absolute {position:absolute; top: 0px; left: 0px;}
.sticky {position: sticky; top: 24px;}
/* Image Aspect Ratios */
.aspect-1-1, .aspect-1-1 img {aspect-ratio: 1/1; object-fit: cover;}
.aspect-3-2 img {aspect-ratio: 3/2; object-fit: cover;}
.aspect-2-3, .aspect-2-3 img {aspect-ratio: 2/3; object-fit: cover;}
.aspect-4-3, .aspect-4-3 img {aspect-ratio: 4/3; object-fit: cover;}
.aspect-3-4, .aspect-3-4 img {aspect-ratio: 3/4; object-fit: cover;}
.aspect-16-9, .aspect-16-9 img {aspect-ratio: 16/9; object-fit: cover;}
.aspect-9-16, .aspect-9-16 img {aspect-ratio: 9/16; object-fit: cover;}

.block-quote {
    border-color: #abb8c3;
}

/* home page slideshow Kyle https://www.youtube.com/watch?v=T_IxNMvbxaI*/
.bg-fade-wrapper {
	position: relative;
	overflow: hidden;
}

.bg-fade{
	position: absolute; 
	width: 100%;
	height: 100%; 
        inset: 0;
	background-size: cover; 
	background-position: center center;
	opacity: 0;
	animation-name: fade-zoom;
	/*animation-duration: 4s;*/
	animation-duration: 18s;
	animation-iteration-count: infinite;
}


.bg-fade:nth-child(2){
	animation-delay: 0s;
}

.bg-fade:nth-child(3){
        animation-delay: 6s;
}

.bg-fade:nth-child(4){
	animation-delay: 12s;
}


@keyframes fade-zoom {
	0% {
        opacity:0;
	transform: scale(100%);
    }
	16.66% {
        opacity:1
    }
	33.33% {
        opacity:1
    }
	48.66% {
        opacity:0
    }
	100% {
        opacity:0; 
	transform: scale(106%);
    }
}

/* Use this if you want to pause the animation on hover */ 
.bg-fade-wrapper:hover .bg-fade{
	animation-play-state: paused;
}

/* ken burns */
.home .kb-single:before {
    animation: move 40s ease;
    animation: move 10s ease;
    animation-fill-mode: forwards;
    transform-origin: bottom right;
}
@-webkit-keyframes move {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}