/* ADD YOUR CUSTOM CSS BELOW THIS LINE */
 :focus {
	outline: 2px dashed !important;
}
 .max-w-27rem {
	 max-width: 14rem;
}
 .max-w-15rem {
	 max-width: 8.5rem;
}

.nav-segment{
    .nav-link{
        color: #576573;
    }
}

/*--------ALERT TWEAKS---------*/
 @media (min-width: 768px) {
	 .alert {
		 padding: 1rem 25rem;
	}
}
 @media (max-width: 1700px) {
	 .alert {
		 padding: 1rem 10rem;
	}
}
 @media (max-width: 768px) {
	 .alert {
		 padding: 1rem 5rem;
	}
}
 .alert-info {
	 color: #fff;
	 background-color: #696969;
	 border-color: #696969;
}
 .divider-text{
	 color: #696969;
}

 .shadow {text-shadow: 0 2px 3px rgb(0 0 0 / 60%);}
  em {font-style: italic !important;}
		    .starting-template ul {
		    list-style: none !important;
		    margin-left: 0px !important;
		    }

/*--------VIDEO BANNER TWEAKS--------*/
 @media (min-width: 768px) {
	 .hs-video-bg-preview,.hs-video-bg-video {
		 height: 130%;
		 width: 100%;
	}
}
 @media (min-width: 768px){
	 .vh-md-70 {
		 height: revert;
	}
}
 .space-4, .space-top-4{
	 padding-bottom: 8.33rem;
}
 .min-h-450rem {
	 min-height: 28.125rem;
}
 .video-player-btn {
	 display:none;
}
 @media (max-width: 768px){
	 .hs-video-bg-preview,.hs-video-bg-video {
		 position: absolute;
		 top: 50%;
		 left: 25%;
		 width: 100%;
		 height: 100%;
		 transform: translate(-50%,-50%) 
	}
}
 @media (max-width: 768px) and (pointer: fine){
	 .vh-md-70 {
		 width: 200%;
	}
}
 @media (max-width: 768px) and (pointer: none){
	 .vh-md-70 {
		 width: 200%;
	}
}
 @media (pointer: coarse) {
	/* mobile device */
	 .w-sm-50 {
		 width: 50% !important;
	}
}
 @media (min-width: 576px) and (max-width: 768px){
	 .vh-md-70{
		 height: 70vh;
	}
}
 .hs-video-bg-preview,.hs-video-bg-video {
	 display: inline;
}