body{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #43425D; background: #000 }
.body_bg{width: 100%; height: 100%; float: left; position: absolute; background-image:url('../images/bg.jpg'); background-position: center; background-repeat: no-repeat;  background-size: cover; opacity: 0.3;}
input:focus{outline: 0px;}

a, a:hover{ transition: 0.5s; color: #43425D}

h6{color: #8c1922}

.margin_top_5{margin-top: 5px;}
.margin_top_7{margin-top: 7px;}
.margin_top_10{margin-top: 10px;}
.margin_top_15{margin-top: 15px;}
.margin_top_20{margin-top: 20px;}
.margin_top_30{margin-top: 30px;}
.margin_top_40{margin-top: 40px;}
.margin_top_50{margin-top: 50px;}

.padding_00{padding: 0px;}
.padding_left_0{padding-left: 0px;}
.padding_right_0{padding-right: 0px;}

.float_left{float: left;}
.float_right{float: right;}
.width_100{width: 100%; height: auto; float: left;}
.line-height_30{line-height: 30px;}

.logo{width: 170px; height: auto; float: left;}
.logo img{width: 100%;}

.desktop_menu{width: 100%; height:  auto; float: left; background: linear-gradient(0deg, rgb(255,0,0,0) 0%, rgb(140, 25, 34) 100% ); padding: 10px; border: 1px solid #616161;  }
.desktop_menu ul{margin: 0px; padding: 0px; }
.desktop_menu ul li{list-style: none; float: left;}
.desktop_menu ul li a{padding: 8px 12px; float:left; color: #fff; text-transform: uppercase; font-weight: 500; border-right: 1px solid #963244; border-bottom: 3px solid transparent; }
.desktop_menu ul li a:hover{border-bottom: 3px solid #ffeff0; text-decoration: none;}
.desktop_menu ul li .drop_down{display: none; position: absolute; width: 100%; height: auto; float: left;  top: 40px; z-index: 999; padding: 15px; left: 15px}
.desktop_menu ul li:hover .drop_down{display: block; }
.desktop_menu ul li:last-child a:hover{border-bottom: 3px solid #ffeff0;}
.desktop_menu ul li .drop_down .bg{background: #ffeff0; padding:0px 20px 20px 20px; float: left; min-height: 230px; }
.desktop_menu ul li .drop_down .bg a{color: #43425D; padding: 0px; background: none; border: 0px; text-transform: lowercase;}
.desktop_menu ul li .drop_down .bg a:hover{text-decoration: underline;}
.desktop_menu ul li:last-child a{border: 0px; border-bottom: 3px solid transparent; }

.desktop_menu ul li li{list-style: circle; float: none;}
.donate_button{float: right; padding: 5px 8px; font-size: 12px; font-weight: 500; background: #8c1922; color: #fff; text-transform: uppercase;}
.donate_button:hover{text-decoration: none; background:#fff; color: #8c1922}

.desktop_menu ul li .drop_down_content{width: 100%; min-height:150px; height: auto; }

.events_ul{width: 100%; height: auto; float: left; margin-top: 20px;}
.events_ul .left{float: left; padding:0px 13px; font-size: 18px; font-weight: bold; color: #8c1922; border-right: 1px solid #ffa6ad;}
.events_ul .left span{font-size: 14px; font-weight: normal; color: #43425D}
.events_ul .right{color: #8c1922; float: left; padding: 3px 0px 0px 10px; }
.events_ul .right span{font-size: 12px; color: #43425D}

.board_ul{width: 100%; height: auto; float: left; margin-top: 20px;}
.board_ul .left{float: left; width: 50px; height: auto; border: 1px solid #ffa6ad; }
.board_ul .left img{width: 100%;}
.board_ul .right{color: #8c1922; padding-left:10px; float: left; padding: 3px 0px 0px 10px;  }
.board_ul .right span{font-size: 12px; color: #43425D}

.responsive_menu{display: none; position: absolute; top: 25px; left: 20px; z-index: 99}
.responsive_menu .menu-link{color:#fff; font-size: 30px; padding: 5px 10px; float: left; margin-top: 0px; background: #8c1922}
.responsive_menu .menu-link:hover{text-decoration: none; background: #0d2968}


.btn-link{color: #fff; font-size: 14px;}
.btn-link:hover{color: #fff;}
.card-header{padding: 5px 10px; background: #661b21;}
.rosurces_ul{width: 100%; height: auto; float: left; }
.rosurces_ul ul{margin: 0px; padding: 0px; width: 100%; height: auto; float: left;}
.rosurces_ul ul li{width: 100%; height: auto; float: left; list-style: none;}
.rosurces_ul ul li a{width: 100%; height: auto; float: left;}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #DCDCDC;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #8c1922 !important; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#8c1922 !important;  
}