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

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


.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
     color: #1ABC9C; 
}
.dark .heading-block > span:not(.before-heading) {
    color: rgb(236 31 36) !important;
}
.heading-block > span:not(.before-heading) {
    color: rgb(236 31 36) !important;
}

.dark #footer, #footer.dark {
    background-color: #4e4e4e !important;
}

.dark .input-group-text {
    color: #fffdfd !important;
    background-color: rgb(78 78 78) !important;
}
.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark), .dark .form-select:not(.not-dark) {
    color: #fff !important;
    background-color: rgb(78 78 78) !important;
}
.footer-logo {
    height: 35px !important;
}
#footer .footer-widgets-wrap {
    padding: 53px 0 !important;
}
.button.button-border.button-light {
    border-color: #ec1f24 !important;
    color: #fff !important;
}
.button.button-border.button-light:hover {
    color: #333 !important;
}

.text-md-end {
    padding: 0 100px 0 0;
}
.form-control:active, .form-control:focus {
    border-color: #ec1f24 !important;
}

.bottommargin-lg {
     margin-bottom: 0rem !important; 
}

.portfolio-item {
    border: 8px solid transparent;
    border-image: linear-gradient( #972538, #e31639, #6a0808, #851136, #b3203b) 1;
}


.badge_over{
	position: relative !important;
	display: inline-block !important;
}

.badge_over .badge {
	position: absolute !important; 
	top: -1px !important; 
	right: -2px !important; 
	padding: 3px 7px !important; 
	border-radius: 50% !important; 
	background: #ffffff !important; 
	color: black; font-size: 10px !important; 
	font-weight: bold !important; 
	border: 3px #000 solid !important;
}
.badge_over .badge2 {
	position: absolute !important; 
	top: -10px !important; 
	right: 309px;
	padding: 3px 7px !important; 
	border-radius: 50% !important; 
	background: #444444 !important; 
	color: #ffffff; 
	font-size: 10px !important; 
	font-weight: bold !important; 
	border: 3px #ffffff solid !important;
}

.b24-form-header-title {
	font-size: 30px !important;
	font-weight: bold !important;
}
/* .b24-form-header-description{ 
	color: rgb(236 31 36) !important;
} */
.b24-form-control-add-btn{
	border: 2px solid #444 !important;
    background-color: transparent !important;
    color: #333 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    padding: 10px 20px;
}
.b24-form-control-add-btn:after, .b24-form-control-add-btn:before {
	left: 1 !important;
}
.b24-form-control-container {
	padding: 5px;
}
/* .b24-form-btn {
    background-color: #ec1e24 !important;
} */
/* .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: 5px solid rgb(236 30 36) !important;
} */

.b24-form {
  /* The image used */
  /*background-image: url("../images/Wistwin-Logo.png");
  min-height: 380px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;*/
  background: linear-gradient(-45deg, #000000, #bb9696, #b75959, #ff0006);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}
.inner-page ul{
	padding: 0 0 0 25px !important;
}
.inner-page ol{
	list-style-type: none;
}

iframe {
    /* width: 100px !important; */
}

.full-header #logo {
    border-right: 0px solid #EEE !important;
}


.portfolio-meta li span {
    width: 370px !important;
}
.portfolio-meta li span i {
    width: 15px !important;
    padding: 5px 0;
}
h1 img {
    max-width: 100%;
    height: 70px;
    top: -9px;
    position: relative;
}

/*320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more —  Extra large screens, TV*/


@media (min-width:320px) and (max-width: 479px)  { 
	/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.content-wrap {
	    padding: 40px 0;
	}
	.dark .mobile_text { 
	    background-image: linear-gradient(to left, #e31639, #000, #fff, #000, #e31639);
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    background-clip: text;
	    color: transparent !important;
	}
}
@media (min-width:480px) and (max-width: 599px)  { 
	/* smartphones, Android phones, landscape iPhone */ 
	.content-wrap {
	    padding: 40px 0;
	}
	.dark .mobile_text { 
	    background-image: linear-gradient(to left, #e31639, #000, #fff, #000, #e31639);
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    background-clip: text;
	    color: transparent !important;
	}
}
@media (min-width:600px) and (max-width: 800px)  { 
	/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
	.content-wrap {
	    padding: 40px 0;
	}
	.dark .mobile_text {
	    background-image: linear-gradient(to left, #e31639, #000, #fff, #000, #e31639);
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    background-clip: text;
	    color: transparent !important;
	}
}
@media (min-width:801px)  { 
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
}
@media (min-width:1025px) { 
	/* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) { 
	/* hi-res laptops and desktops */ 
}