/* You can write dashboard, front-end main styles and responsive etc
-------------------------------------------------------------- */
.custom-widget h2{
    color: white;
}
.custom-widget ul {
    padding: 0;
}

.custom-widget ul li {
    margin-bottom: 5px;
    list-style-type: none !important;
}
.custom-widget ul li::marker {
  display: none !important;
}

.custom-widget ul li a {
    text-decoration: none;
    color: white;
}

.custom-widget ul li a:hover {
    color: cornsilk;
}
.wt-videocontent span {
    color: var(--e-global-color-primary);
}
.wt-bannercontentseven.wt-bannercontent .wt-title h1 {
    color: var(--e-global-color-primary) !important;
	font-size: 40px;
}
.wt-headereleven .wt-navigation:not(.wt-categories-navbar)>ul>li>a {
    color: #000000;
}
.wt-headereleven.wt-header .wt-navigation:not(.wt-categories-navbar)>ul>.menu-item-has-children:after {
    color: #000000;
}
.wt-videoshow a i {
    background: #347dba29;
}
.wt-bannercontentseven.wt-bannercontent .wt-title h1 span {
    color: var(--e-global-color-secondary) !important;
    font-weight: 600;
}
.wt-videoshow a:after {
    background: rgb(51 123 183);
}

/* Member Registration Form Styling */

.member-registration-row .um-col-1{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.member-registration-row .um-field {
    width: calc(50% - 5px) !important;
	padding: 0px !important;
}

.um-field input{
	min-height: 50px !important;
	padding: 10px 20px !important;
	border: 1px solid #dbdbdb !important;
}
.um input[type=submit].um-button{
	background: var(--e-global-color-secondary) !important;
}
.um input[type=submit].um-button:hover{
	background: var(--e-global-color-secondary) !important;
	box-shadow: 10px 10px 25px 0 rgba(0,0,0,0.25);
}
p.um_request_name {
    display: none !important;  
}
label.um-field-checkbox.um-field-half {
    display: flex !important;
    width: 100% !important;
}
.um-field-checkbox-option{
	margin: 0 0 0 30px !important;
}
.um-field-checkbox .um-field-area {
    background: #f7f7f7;
    padding: 5px 10px;
}
.um-field-checkbox {
    padding: 0 !important;
}

@media (max-width: 576px){
	.member-registration-row .um-col-1{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
		flex-direction: column;
}

.member-registration-row .um-field {
    width: 100% !important;
	padding: 0px !important;
}
}