/******* 2019-09-09 16:45:15 *******
    ~\\ Color Scheme \\~
    Brand Purple -- #7029EC
    Brand Black -- #0F1934
    Grey One -- ##92929B
    MFB Purple -- #B542EB
    Hot Pink--  #FF51BA
*********************************/

* {box-sizing: border-box;}

html {font-size: 62.5%;background-color: #FFF;}

body {margin: 0;font-family: 'Graphik', Arial, sans-serif;font-size: 1.6rem;color: #0F1934;}

/* **** CHANGED FROM HERE **** */
img {display: initial; /* for overwrite reasons only */}

p {
    font-family: 'Graphik'; /* for overwrite reasons only */
    color: #0F1934; /* for overwrite reasons only */
    font-size: 1.6rem; /* for overwrite reasons only */
    line-height: initial; /* for overwrite reasons only */
}
/***** TO HERE *****/

h1, h2, h3, h4 {margin: 0;font-family: 'GraphikBold', Arial, serif;text-transform: uppercase;color: #FFF;}

/***** CHANGED FROM HERE *****/
a:focus {outline: none;}
a.button:focus {outline: none;}
a.link {display: flex;align-items: center;margin-top: 10px;padding-bottom: 5px;border-bottom: 2px solid #FF51BA;font-family: GraphikBold, Arial, sans-serif;font-size: 1.8rem;text-decoration: none;color: #FFF;cursor: pointer;transition: .25s all;}
a.link:hover, a.link:active {border-color: #FF51BA;color: #FF51BA;}
a.link:hover .arrow {transform: translateX(10px) rotate(-45deg);}
/***** TO HERE *****/

.arrow {margin-left: 8px;border-right: 5px solid #FFF;border-bottom: 5px solid #FFF;width: 11px;height: 11px;transform: rotate(-45deg);transition: .25s transform;}
.arrow.down {transform: rotate(-90deg);}
.counter {display: flex;align-items: center;justify-content: center;height: 25px;width: 25px;margin-left: 5px;border-radius: 50%;font-size: 1.3rem;background-color: #9135BC;}
.search-icon {width: 20px;}
.bell-icon {width: 20px;height: 20px;}
.bold {font-family: 'GraphikBold', Arial, sans-serif;}
.two-column {display: flex;}
.left, .right {display: flex;flex-direction: column;width: 50%;}
.purple {color: #7029EC;}
.blueBg {background-color: #6179FF;}
.blueBg:hover, .blueBg:active {background-color: #4768C7;}
.mfbpurpleBg {background-color: #B542EB;}
.mfbpurpleBg:hover, .mfbpurple:active {background-color: #B542EB;}
.pinkBg {background-color: #FF51BA;}
.pinkBg:hover, .pinkBg:active {background-color: #CC4295;}
.pink {color: #FF51BA !important;}
.white {color: #FFF !important;}

/**** DRTV Page ****/
.donation-form-before-donation h3 {color:#7029EC!important;text-transform: none;}
.donation-form-after-success-donation h3 {color:#7029EC!important;}

/* Media Queries */
@media only screen and (min-width: 300px) {
    h1 {font-size: 4.2rem;}
    h2 {font-size: 2.7rem;margin-bottom: 25px;}
    h3 {font-size: 2.2rem;margin-bottom: 20px;}
    h4 {font-size: 2.0rem;margin-bottom: 10px;}
    .container {padding-left: 20px;padding-right: 20px;width: auto;margin-right:auto;margin-left:auto;}
   #global-nav .container {padding-left: 20px;padding-right: 20px;width: auto;margin-right:auto;margin-left:auto;}
}

@media only screen and (min-width: 800px) {
    .container {max-width: 1356px;padding-left: 40px;padding-right: 40px;margin-right:auto;margin-left:auto;}
    #global-nav .container {max-width: 1356px;padding-left: 40px;padding-right: 40px;margin-right:auto;margin-left:auto;}
    .search-icon {width: 25px!important;cursor: pointer;}
}