/***************************************************
 Links
****************************************************/
a {
    border-bottom: none;
}
.bg-dark:hover:not(.block-superfishmain *),
.bg-dark:hover svg,
.bg-dark:hover svg *,
.bg-dark:not(.block-superfishmain *):hover * {
	color: var(--color-link-dark) !important;
}
.bg-dark:not(.block-superfishmain *),
.bg-dark svg,
.bg-dark svg *{
	color: white !important;
}

.bg-light:hover,
.bg-light:hover svg, 
.bg-light:hover svg *{
	color: var(--color-link-light) !important;
}

a:hover:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *), 
a:active:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *), 
a:focus:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *), 
.link:hover:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *), 
.link:active:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *), 
.link:focus:not(a.smooth-hover,.smooth-hover > a, .top-button, #header *) {
    margin-bottom: -3px;
}
/***************************************************
Base hover
****************************************************/

.smooth-hover { 
	/* change mouse arrow to pointer */
	cursor: pointer;

	/* transition all settings back to original */
	-webkit-transition: all 200ms ease-in-out 75ms;
    transition:         all 200ms ease-in-out 75ms;
}

@media (hover: hover) {
	.smooth-hover-active:not(.smooth-hover-img) {

    	/* Transition to these settings */
    	-webkit-transition: all 200ms ease-in-out 75ms;
    	transition:         all 200ms ease-in-out 75ms;

    	/* Zoom effect safe for text */
    	z-index: 99000;
	}
	.smooth-hover-active:not(.ckeditor-button-link, .smooth-hover-noExpand) {
		margin-left: -5px !important;
    	margin-right: -5px !important;
	}
	.staff-row .smooth-hover-active {
		 margin-bottom: -15px !important;
	}
}
/***************************************************
Images and SVG
****************************************************/
.smooth-hover-img:hover {
	
	/* Transition to these settings */
	-webkit-transition: all 200ms ease-in-out 75ms;
    transition:         all 200ms ease-in-out 75ms;

	/* Zoom in */
	-webkit-transform: scale(1.03);
    transform: scale(1.03);

	/* add "shadow" effect */
    filter: drop-shadow(0px 0px 11px #1a1d23c2);
    
	/* change color of svg icons */
	color:var(--menu-active-color);
}

/***************************************************
Button style
****************************************************/

/* Round Corners */
.smooth-hover-round{
	border-radius: 50px;
}
.smooth-hover-round-all-5{
	border-radius: 5px;
}

/* Shadow */
.smooth-hover-black:hover {
	box-shadow: var(--shadow-black);
}

/* Blue Button */
@media (hover: hover) {
	.smooth-hover-blue:hover{
    	background:var(--menu-active-color) !important;
    	box-shadow: var(--shadow-black);
    	color: white !important;
	}
}

.smooth-hover-blue, .smooth-hover-blue-only, .smooth-hover-blue *{
	background:var(--menu-main-color);
	font-family: sans-serif;
}
.smooth-hover-blue a:not(.gTitle) {
	border-bottom: none;
}
.smooth-hover-blue *{ 
	color:white; 
	background:transparent;
}

.smooth-hover-blue-only-active{ 
	background:var(--menu-active-color) !important; 
}

/* orange Button */
.smooth-hover-orange:hover, 
.smooth-hover-orange.smooth-hover-active{
    background:#eeac31 !important;
    box-shadow: var(--shadow-black);
    color: black !important;
	opacity: .6;
}
.smooth-hover-orange:hover *,
.smooth-hover-orange.smooth-hover-active *{
	color: white !important;
}
.smooth-hover-orange {
    background:#eeac31;
	font-family: sans-serif;
	color:black !important;
	font-weight: bold;

}
.smooth-hover-orange a:not(.gTitle) {
    border-bottom: none;
	color: black;
}
.smooth-hover-orange *{
    color:black !important;
    background:transparent;
}

/***************************************************
Mini Pager
****************************************************/
.smooth-hover-round-pager:first-child {
    border-radius: 50px 0px 0px 50px;
}
.smooth-hover-round-pager:last-child {
    border-radius: 0px 50px 50px 0px;
}

/***************************************************
Square Quick Links
****************************************************/
.layout-sq-btn div li.menu-item:hover {
	
	/* Transition to these settings */
    -webkit-transition: all 200ms ease-in-out 75ms;
    transition:         all 200ms ease-in-out 75ms;
	
	/* Box Shadow */
	-webkit-box-shadow: var( --shadow-white );
    box-shadow: var( --shadow-black );
	
	/* zoom in */
	-webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.layout-sq-btn div li.menu-item {

    /* Transition back to these settings */
    -webkit-transition: all 100ms ease-in-out;
    transition:         all 100ms ease-in-out;
	
	/* zoom out */
    -webkit-transform: scale(1);
    transform: scale(1);

    /* Cange Cursor to pointer */
    cursor: pointer;
}

/***************************************************
Main Menu
****************************************************/
.okpud-menu-item.smooth-hover-active:not(.sf-depth-1, .menuparent) {
    /*animation:hover .2s ease-in;*/
    margin-left: -5px !important;
    z-index: 99000;
    width: calc(100% + 10px) !important;
    -webkit-transition: all 200ms ease-in-out 75ms;
    transition:         all 200ms ease-in-out 75ms;

}
.okpud-menu-item.smooth-hover.menuparent.sfHover{
    background: var(--color-blue) !important;
}

/***************************************************
Splash Screen
****************************************************/
@keyframes page {
  0% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes page {
  0% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes loader {
  0% {max-height:800px;}
  90% {max-height:800px;}
  100% {max-height:0px;}
}
@-webkit-keyframes loader {
  0% {max-height:800px;}
  90% {max-height:800px;}
  100% {max-height:0px;}
}

.loading {
	animation:loader 1.5s ease-in 0s 1 normal;
    -webkit-animation:loader 1.5s ease 0s 1 normal;
    -moz-animation:loader 1.5s ease 0s 1 normal;
    -ms-animation:loader 1.5s ease 0s 1 normal;
}