/* field border color == #ced4da */
/* fund me grad blue == #00aeef */
/* primary blue color == #007bff */

@media (min-width: 350px){
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@font-face {
    font-family: 'calibrib';
    src: url('../font/calibri-bold.ttf');
}

.donate-button{
	font-family: 'calibrib';
	font-size: 1.25em;
}

.mt--8{
	margin-top:-8px;
}

#fmg-logo{
    max-width: 150px !important;
}

.main-container{
	margin-top:80px;
}

#mobile-menu-hamburger{
	display:none;
	margin-left: 15px;
	margin-top: 2px;
}


#header{
    background-color: white;
    min-height:80px;
	position:fixed;
	width:100%;
	z-index:4;
	top:0;
	border-bottom:1px solid #cccccc;
}

#header-right{
	padding-right:30px;
	padding-top:20px;
}

#header-left{
	padding-left:30px;
	padding-top:15px;
}

#footer{
	padding-bottom:30px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    margin-right:10px;
  }

.field-icon:hover{
  cursor:pointer;
}

.btn-fmg{
  background-color:#00aeef;
  border-color:#00adef;
  color:#ffffff;
}

.badge-fmg{
	background-color:#00aeef !important;
	color:#ffffff !important;
}


.btn-fmg:hover{
  background-color:#0086bb;
  border-color:#0086bb;
  color:#ffffff;
}

.btn-donate-group.go{
	background-color:#ffc107;
	border-color:#0086bb;
	color:#000000;
}

.btn-fmg-outline{
	background-color:#ffffff;
	border-color:#00adef;
	color:#00adef;
}
  
.btn-fmg-outline:hover{
	background-color:#00adef;
	border-color: #00adef;
	color:white;
}

.btn-fmg-outline-red{
	background-color:#ffffff;
	border-color:red;
	color:red;
}
  
.btn-fmg-outline-red:hover{
	background-color:#c8f0ff;
	border-color: red;
	color: red;
}

.btn-fmg-outline-green{
	background-color:#ffffff;
	border-color:green;
	color:green;
}
  
.btn-fmg-outline-green:hover{
	background-color:#c8f0ff;
	border-color: green;
	color: green;
}

.large-radius{
	border-radius:3.625rem !important;
}

.color-fmg{
	color:#00adef;
}

.color-disabled{
	color:#a7a8aa !important;
}

.color-red{
	color:#dc3545 !important;
}

.bg-light-red{
	background-color:#fcedee !important;
}

.color-green{
	color:#28a745 !important;
}
.bg-light-green{
	background-color:#d8f6df !important;
}

.color-blue{
	color:#0000b3 !important;
}
.color-light-blue{
	color:#00aeef !important;
}
.color-grey{
	color:#767777 !important;
}
.color-black{
	color:#000000 !important;
}
.color-white{
	color:#ffffff !important;
}
.bg-white{
	background-color:#ffffff !important;
}
.color-yellow{
	color:#fffb07 !important;
}
.color-orange{
	color:#ffa500 !important;
}
.color-purple{
	color:#800080 !important;
}
.color-text{
	color: #495057 !important;
}

#menu-container{
	padding-right:35px;
	padding-left:28px;
	padding-top:28px;
	padding-bottom:28px;
	text-align: center;
}

.bold{
	font-weight: bold;
}

.menu-link{
	text-decoration: none !important;
	font-weight: bold;
	color:black;
	margin-right:20px;
}

#mobile-menu{
	display:none;
}

#footer{
	background-color:black;
	color: grey;
}

#mobile-menu-container{
	list-style-type: none;
}

#btn-back-to-top{
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
	z-index:2;
}

.text-bold{
    font-weight:bold;
}

.display-none{
	display:none;
}

.mw50{
	max-width: 50px !important;
}

.mw75{
	max-width: 75px !important;
}

.w75{
	width: 75px !important;
}

.mw100{
	max-width: 100px !important;
}

.mw125{
	max-width: 125px !important;
}

.mw150{
	max-width: 150px !important;
}

.mw200{
	max-width: 200px !important;
}

.mw300{
	max-width: 300px !important;
}

.mw62{
	max-width: 62px !important;
}

.mw475{
	max-width: 475px !important;
}

.mh31{
	max-height: 31px !important;
}

.fmg-active{
	background-color:#fffebe !important;
}

.img-social{
	width:50px !important;
	margin-right:10px;
	margin-left:10px;
}

#social-header{
	font-size:2em;
}

.minw50{
	min-width:50px;
}
.minw75{
	min-width:75px;
}