/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
body.stretched #header.full-header .container {
    width: 100%;
    max-width: none;
    padding: 0 50px;
}

.dark .slider-caption, .dark .slider-caption h2 {
    color: #EEE;
    text-shadow: 0px 2px 10px rgba(0,0,0);
}
/* 
a:hover {
    color: rgb(255, 255, 255)!important;
} */

.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
    background-color: #001241;
    color: #FFF;
}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #001f6e;
}

.my-3.p-4.hover-effect:hover {
    box-shadow:0px 0px 5px rgba(0,0,0,0.4);
    transform: scale(1.05);
    transition: 1s;
}

#header.transparent-header {
    /* background: rgb(28, 33, 39); */
    background: #333;
}

#header.transparent-header.full-header #logo {
    border-right-color: transparent!important;
}

#header, #header-wrap, #logo img {
    height: inherit!important;
}

#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo {
    border-right-color: transparent!important;
}

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul {
    border-right-color: transparent !important;
}

/* .page-transition-wrap,
.css3-spinner {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background-color: #FFF;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-perspective: 1000;
} */

body:not(.no-transition) #wrapper,
.animsition-overlay {
	opacity: 1!important;
}

@media (max-width: 992px) {
    .hover-effect {
        border: solid 0.5px rgba(0,0,0,0.2);
    }

    #logo img {
        padding-top:10%;
    }

    /* #footer, #footer hr {
        text-align: center!important;
        margin-left: auto!important;
    } */
}