/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 21 2024 | 15:42:03 */
/* .btn orange */
.btn-orange {
    color: white;
    background-color: #eb6408;
    border-color: #eb6408;
    box-shadow: none;
    text-shadow: 0px;
}
.btn-orange:hover {
    color: white;
    background-color: #d75c07;
    border-color: #ba4f06;
}
.btn-orange:focus,
.btn-orange.focus {
    background-color: #ba4f06 !important;
    color: white;
    box-shadow: none, 0 0 0 0.2rem rgba(238, 123, 45, 0.5);
}
.btn-orange.disabled,
.btn-orange:disabled {
    color: #fff;
    background-color: #eb6408;
    border-color: #eb6408;
}
.btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg):active,
.btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg).active,
.show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #ba4f06 !important;
    border-color: #ad4a06;
}
.btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg):active:focus,
.btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(238, 123, 45, 0.5);
}

/* .btn-primary */
.btn-primary-light {
    color: #006d68;
    background-color: rgba(0, 211, 201, 0.15);
    border-color: rgba(0, 211, 201, 0.15);
    box-shadow: none;
    text-shadow: 0px;
}
.btn-primary-light:hover {
    color: #003a37;
    background-color: #00bfb6;
    border-color: #00a099;
}
.btn-primary-light:focus,
.btn-primary-light.focus {
    background-color: #00a099 !important;
    color: #003a37;
    box-shadow: none, 0 0 0 0.2rem rgba(38, 218, 209, 0.5);
}
.btn-primary-light.disabled,
.btn-primary-light:disabled {
    color: #fff;
    background-color: #00d3c9;
    border-color: #00d3c9;
}
.btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active,
.btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active,
.show > .btn-primary-light.dropdown-toggle {
    color: #fff;
    background-color: #00a099 !important;
    border-color: #00938c;
}
.btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active:focus,
.btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active:focus,
.show > .btn-primary-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(38, 218, 209, 0.5);
}
.btn-secondary-light {
    color: #6c9d95;
    background-color: rgba(169, 198, 193, 0.15);
    border-color: rgba(169, 198, 193, 0.15);
    box-shadow: none;
    text-shadow: 0px;
}
.btn-secondary-light:hover {
    color: #568079;
    background-color: #9dbeb8;
    border-color: #8bb1ab;
}
.btn-secondary-light:focus,
.btn-secondary-light.focus {
    background-color: #8bb1ab !important;
    color: #568079;
    box-shadow: none, 0 0 0 0.2rem rgba(182, 206, 202, 0.5);
}
.btn-secondary-light.disabled,
.btn-secondary-light:disabled {
    color: #fff;
    background-color: #a9c6c1;
    border-color: #a9c6c1;
}
.btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active,
.btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active,
.show > .btn-secondary-light.dropdown-toggle {
    color: #fff;
    background-color: #8bb1ab !important;
    border-color: #83aca6;
}
.btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active:focus,
.btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active:focus,
.show > .btn-secondary-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(182, 206, 202, 0.5);
}

/* default margin buttons */
.btn {
	margin-bottom: 10px;
	margin-top: 10px;
}

.btn-sm {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Barlow;
  	font-size: 16px;
  	font-weight: 600;
  	letter-spacing: 0.19px;
  	line-height: 20px;
  	text-align: center;
}

.btn-normal {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Barlow;
  	font-size: 20px;
  	font-weight: 600;
  	letter-spacing: 0.19px;
  	line-height: 24px;
  	text-align: center;
	border-radius: 2px;
}

.btn-md {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Barlow;
  	font-size: 20x;
  	font-weight: 600;
  	letter-spacing: 0.19px;
  	line-height: 22px;
  	text-align: center;
}

.btn-lg {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Barlow;
  	font-size: 22px;
  	font-weight: 600;
  	letter-spacing: 0.19px;
  	line-height: 24px;
  	text-align: center;
}

.btn-xl {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Barlow;
  	font-size: 24px;
  	font-weight: 600;
  	letter-spacing: 0.19px;
  	line-height: 26px;
  	text-align: center;
}

/* shadow types buttons */
/* Small Shadow */
.btn.shadow-sm {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}

/* normal Shadow */
.btn.shadow {
  	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25)!important;
}

.btn.shadow:hover {
	box-shadow: none!important;
    color: #fff !important; 
}

/* Global button border radius */

.btn-xl{
	border-radius:2px;
}


/* Global font weight for buttons fix */
.btn span.font-weight-bold{
	font-weight:500 !important;
}

a.overviewbck-btn{
	width:100%;
	max-width:315px;
	position:relative;
}

a.overviewbck-btn > i{
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	font-size:19px;
}

/* 
a.over-ons-btn {
    width: 315px !important;
} 


a.over-ons-btn .icon-arrow-from-right:before{
    position: absolute !important;
    left: -95px !important;
    bottom: -9px !important;
}

.sidebar-menu-btn span, .sidebar-menu-btn-with-hover span{
     font-size: 24px;
  
  letter-spacing: 0.23px;
  line-height: 29px;
}

.sidebar-menu-btn-with-hover:hover span{
    color:  #EB6408 !important;
}*/




/* Responsive css for buttons */


@media (max-width:991px){
	.btn{
		max-width:100% !important;;
	}
}

@media (max-width: 767px){
	.vc_section a.btn{
		width: 100% !important;;
	}
}




