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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.hero-message .hero-contact-button {
    background: var(--cnvs-secondary-color) !important;
    color: #ffffff;
    display: block;
    padding: 2px;
    margin-top: 5px;
    border-radius: 50px;
    text-align: center;
	font-weight: bold;
}

.hero-message a {
	color: #ffffff;
}

.portfolio-single-image .hero-message {
    padding: 20px 30px 30px;
    background: #264653;
    color: white;
    z-index: 9999999;
    width: 500px !important;
    text-align: center;
    font-size: 30px;
    position: absolute;
    top: 70%;
    left: 30%;
    text-align: left;
    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	.portfolio-single-image .hero-message {
		width: 100%;
		max-width: 320px;
		font-size: 22px;
		top: 65%;
		left: 50%;
	}
}

.content-wrap.pt-0 #contact {
    margin-top: 80px;
    margin-bottom: 50px !important;
}

#contact{
	scroll-margin-top: 150px;
}

#contact h5 a{
	color: #f1f1f1;
}

#header{
	height: 101px;
}

@media (max-width: 499px) {
	#header{
		height: 81px;
	}
}

#header-wrap{
	position: fixed!important;
}

.is-expanded-menu .sticky-header #header-wrap{
	top: auto;
}

#top-bar{
	top: 0;
	position: sticky;
	z-index: 9999;
	width: 100%;
}

.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img{
	height: var(--cnvs-header-height);
}

#header.sticky-on-scrollup.sticky-header-shrink:not(.show-sticky-onscroll) #header-wrap {
    transform: none!important;
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
    }
}

.g-recaptcha {
    margin-bottom: 1.5rem !important;
}

:not(#about).content-wrap.py-5{
	padding-top: 0!important;
}

@media (max-width: 499px) {
	#header-wrap #logo img{
		max-height: 80px;
	}
}

.dark .top-links-item{
	background-color: #32505b;
}

.top-links-container li:nth-child(2){
	display: none;
}

.top-links-container{
	justify-content: flex-end;
}