@charset "UTF-8";

body {background-color:#ececec;}

.navbar-ck {background: linear-gradient(180deg, rgba(87,23,134,1) 0%, rgba(120,32,184,1) 50%, rgba(87,23,134,1) 100%); box-shadow:rgba(0,0,0,.6) 0 3px 4px;}

.navbar-ck .dropdown-menu {background-color: transparent;}

.navbar-ck .dropdown-item:focus, .navbar-ck .dropdown-item:hover {background-color:#ab8bc2;}

.bg-ck-lt {background-color:#17a2b8;}

.bg-ck-dark {background-color:#571786;}

.btn-ck {background-color:#17a2b8;border-color:#107484; color:#fff;}

.btn-ck:hover {color:rgba(255,255,255,1.0);background-color:#107484;}

.alert-ck {background-color: #ddd0e6; border: 1px solid #ab8bc2; color:#571786;}

.text-ck-purple {color: #42346f; }

a[href$=".pdf"]:after { font-family: "Font Awesome 5 Free"; font-size:110%; content: "  \f1c1"; } 

a[href$=".jpg"]:after { font-family: "Font Awesome 5 Free"; font-size:110%; content: "  \f1c5"; }


.ck-pop {transform:scale(.7); animation: pop 2s ease-in-out forwards;}
	
.ck-anim div.col-md-6 {opacity: 0;}

.ck-anim img, .ck-shadow {box-shadow:4px 4px 8px rgba(0,0,0, .7);}

@keyframes pop { 	
  	100% {transform: scale(1.0);}
}

@keyframes ck-spin-fade { 
	50% {opacity:1;}
	100% {opacity:1; transform:rotate3d(1,1,1,360deg); }
}
.ck-anim div.col-md-6 {
	animation: ck-spin-fade 2s ease-in-out forwards;
}
.ck-anim div.col-md-6:nth-child(1) {
	animation-delay: 0s;
}
.ck-anim div.col-md-6:nth-child(2) {
	animation-delay: .75s;
}
.ck-anim div.col-md-6:nth-child(3) {
	animation-delay: 1.5s;
}

.ck-over {
    position: relative;
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.ck-over .ck-over-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}

.ck-over:hover .ck-over-overlay {
    opacity: 1;
}

.ck-over-image {
    width: 100%;
	margin-bottom: .5em;
}

.ck-over-details {
	border-radius: 50%;
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out 0s;
}

.ck-over:hover .ck-over-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.ck-over-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.ck-over-details p {color:#fff;}

.fadeIn-bottom {
    top: 80%;
}

.ck-creation{
	border:1px solid #42346f;
	border-radius:5px;
	display:flex;
	flex-wrap: wrap;
	justify-content:stretch;
	gap:.25em;
	margin:1em;
}

.ck-creation img {width:100%;height:auto;}

.ck-creation div {flex: 1 1 24%;min-width:250px;padding:0 1em;}

.ck-creation .head {min-width:100%; padding-left:1em;}

.ck-creation .ck-descrip {min-width:300px;padding:.25em;}

@media screen and (min-width:768px) {
	.navbar-ck .dropdown-menu {background: linear-gradient(180deg, rgba(87,23,134,1) 0%, rgba(120,32,184,1) 50%, rgba(87,23,134,1) 100%); box-shadow:rgba(0,0,0,.6) 0 3px 4px;}
}