.md_primary{
    color:#dc87b7;
}

.md_bgprimary{
    background-color:#dc87b7;
}

a.md_primary:link, a.md_primary:visited {
  color: #d22787;
}

a.md_primary:hover, a.md_primary:active {
  background-color: #dc87b7;
  color: white;
}

.md_greyed{
    color:grey;
}

.md_bggreyed{
    background-color:grey;
}

a.md_greyed:link, a.md_greyed:visited {
  color: grey;
  text-decoration:underline!important;
}

a.md_greyed:hover, a.md_greyed:active {
  color: #dc87b7;
}

.md_bg_center{
    background-position: center;
    background-size: cover;
}

.md_tulip_bg{   
    background-image: url(/module/mothers_day/view/img/tulip_background.jpg)!important;
    background-position: center!important;
}

.md_floral_pattern_bg{
    background-image:url(/module/mothers_day/view/img/pattern-floral-background.jpg);
}

.md_boxed_tag{
    border:1px solid #dc87b7;
    color:black;
}

.md_boxed_hommage{
    border:1px solid #f0f0f0;
    background-color:white;
}

.md_button{
    background-color:#d22787 !important;
    border:0px solid #f2f5f5;
    color:white;
}

.lettrine::first-letter {
    font-family:lobster;
    font-size:3.5em;
    padding-right:0.2em;
    float:left;
    color:#dc87b7;
}

.hover-scale {
    transition: all .2s ease-in-out !important;
}
.hover-scale:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

@media (min-width: 1024px) {
    #md_bg {
        background-color: #ddd;
        background-position: center;
        background-image:url(\'/module/mothers_day/view/img/bouquet-of-pink-flowers-beside-white-ceramic-mug-1410225.jpg\');
    }

    #md_inner-section {
        height: 300px;
        font-weight:
            bolder; color: white;
        display:flex;
        justify-content: space-between;
        flex-direction: row;
    }

    #md_message {
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
    }

    #md_left {
        height:61px;
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
        padding-left:50px;
        padding-right:50px;
        flex: 1;
    }

    #md_right {
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
        padding-left:50px;
        padding-right:50px;
        flex: 1;
    }

    #md_div_right_message {
        color: black;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:14px;
    }

    #md_banner_title {
        color: #753f55;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:30px
    }

    #md_btn {
        position:absolute; bottom:-25px;
        right:20px;
        font-weight:900;
        background-color:#95b296 !important;
        max-width: 80vw;
    }

    #md_mother_name {
        text-align: left;
        font-size: 20px;
        margin-bottom:14px;
    }

    #md_your_msg {
        display:flex;
        position:relative
    }

    #md_your_name {
        text-align: right;
        font-size: 20px;
    }
}

@media (min-width: 1024px) {
    .grid_flex {
        display: flex;
        justify-content: space-around;
        margin-right:1em;
        margin-left:1em;
    }
    .grid_flex_left {
        max-width:950px;
        flex-basis: 50%;
        margin-right:1em;
    }
    .grid_flex_right {
        max-width:950px;
        flex-basis: 50%;
        margin-left:1em;
    }

    #md_bg {
        background-color: #ddd;
        background-position: center;
        background-image:url(/module/mothers_day/view/img/bouquet-of-pink-flowers-beside-white-ceramic-mug-1410225.jpg);
    }

    #md_inner-section {
        height: 300px;
        font-weight:
        bolder; color: white;
        display:flex;
        justify-content: space-between;
        flex-direction: row;
    }

    #md_message {
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
    }

    #md_left {
        height:61px;
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
        padding-left:50px;
        padding-right:50px;
        flex: 1;
    }

    #md_right {
        display:flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 100%;
        padding-left:50px;
        padding-right:50px;
        flex: 1;
    }

    #md_div_right_message {
        color: black;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:14px;
    }

    #md_banner_title {
        color: #753f55;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:30px
    }

    #md_btn {
        position:absolute; bottom:-25px;
        right:20px;
        font-weight:900;
        background-color:#95b296 !important;
        max-width: 80vw;
    }

    #md_mother_name {
        text-align: left;
        font-size: 20px;
        margin-bottom:14px;
    }

    #md_your_msg {
        display:flex;
        position:relative
    }

    #md_your_name {
        text-align: right;
        font-size: 20px;
    }
}

@media (max-width: 1023px) {
    .grid_flex {
        margin-right:1em;
        margin-left:1em;
    }
    .grid_flex_left {
        max-width:950px;
        margin-left:1em;
        margin-right:1em;
        margin-bottom:2em;
    }
    .grid_flex_right {
        max-width:950px;
        margin-left:1em;
        margin-right:1em;
    }

    #md_bg {
        background-color: #ddd;
        background-position: center;
        background-image:url(/module/mothers_day/view/img/bouquet-of-pink-flowers-beside-white-ceramic-mug-1410225.jpg);
    }

    #md_inner-section {
        height: fit-content;
        font-weight:
        bolder; color: white;
    }

    #md_message {
        height: 100%;
    }

    #md_left {
        height:61px;
        height: 100%;
        padding-left:20px;
        padding-right:20px;
    }

    #md_right {
        height: 100%;
        padding-left:20px;
        padding-right:20px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #md_div_right_message {
        color: black;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:14px;
    }

    #md_banner_title {
        color: #753f55;
        background-color:rgba(255, 255, 255, 0.75);
        padding:25px;
        position:relative;
        font-size:20px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    #md_btn {
        position:absolute; bottom:-25px;
        right:20px;
        font-weight:900;
        background-color:#95b296 !important;
        max-width: 60vw;
    }

    #md_mother_name {
        text-align: left;
        font-size: 20px;
        margin-bottom:14px;
    }

    #md_your_msg {
        position:relative
    }

    #md_your_name {
        text-align: right;
        font-size: 20px;
    }
}

@media only screen and (max-height: 400px) { .covidcount {display:none!important}}
@media only screen and (max-height: 767px) { #text_trans {display:none!important}}
@media only screen and (max-height: 1024px) { #text_trans {background-color:rgba(255,255,255,0.7);max-width:90%}}
@media only screen and (min-height: 1025px) { #text_trans {background-color:rgba(255,255,255,0.7);max-width:50%}}
@media only screen and (max-width: 1024px) { .covidtitle {font-size:8vh!important;line-height: 7vh!important;}}
@media only screen and (min-width: 1025px) { .covidtitle {font-size:9vh!important;line-height: 8vh!important;}}
@media only screen and (max-width: 1024px) { .firstname_search_field {max-width:50vw;}}
@media only screen and (min-width: 1025px) { .firstname_search_field {max-width:50vw}}
@media only screen and (min-width: 1025px) { .firstname_search_field {max-width:50vw}}