.green-bg{
background-color:#7DB7b7;
    }

.white-text{
font-size:16px;
color:#fff;
text-align:center;
}
/*.banner-text-1, .banner-text-2, .banner-text-f1, .banner-text-f2{
font-size:28px;
text-align:center;
line-height:30px;
}
 .banner-text-1{
margin-top:9%;
margin-left:60px;}

.banner-text-2{
margin-top:9%;
            }
.banner-text-f1{
margin-top:9%;

}
.banner-text-f2{
margin-top:9%;
}*/

.banner-text{

font-size:24px;
line-height:32px;
background-color:rgba(255, 255, 255, 0.7);
width:60%;
padding:30px;
margin-top:15%;
margin-left:58px;

}
    .caregiver-colcntl{
margin-top:20px;
}

.common-btn-pd{
padding-bottom:60px;
    }
.common-top-pd{
padding-top:20px;
        }
.yellow-bg{
background-color:rgb(247, 248, 234)!important;
}
.light-lavender-bg{
background-color:#F7F8EA;
    }
/*#what-is-rsv{background-color:#f5f8fa;}*/

.subhead{
font-size:27px;
color:#1A3358;
line-height:30px;
}
ul .green-bullet::marker{
color:#0F827F;
}

.green-text{
color:#0f827f;
padding-top:20px;
font-size:18px;
text-decoration:none!important;
    }
.green-text a{
text-decoration: none!important;
    }
.blue-bg{
background-color: #E8F0FC;
        }

.light-green-bg{
background-color:#DFF2F1;
}

.navyblue-arrows{
color:#1A3358;
font-size:15px;
        }

.subhead-green{
color:#0f827f;
font-size:28px;
}
.component-section.full-width.container.no-style.root-sect-container {

padding-top:0px!important;

}
/*Exit-Ramp*/

.modal-content{
/*box-shadow:5px 10px rgb(207 220 177);
border-left:0px solid rgb(207 220 177)!important;
border-top:0px solid rgb(207 220 177)!important;*/
border-radius:0px!important;
                      }

.modal-title{
    color:#0f827f;
    font-size: 20px;
    text-align: center;    
    font-family: 'Poppins-Regular'!important; 
    margin-top: 20px;              
 }
.modal-title strong{
 font-family: 'Poppins-Regular'!important; 
    }
.modal-header{
border-bottom:none;
             }

.modal-footer .btn.btn-default{
background-color:#84b8c4;
border-radius:8px;
color:#fff;
        }

.btn.btn-primary {
    border-color: #84b8c4;
    background: #84b8c4;
    color: white;
    border-radius:8px;
}

.btn.btn-default {
    color:#0f827f;
         }

.moday-body .btn .btn-default .close-btn{
border:none;

}
 .btn{
border: 1px solid #84b8c4; 
font-style:normal;
}

.modal-footer{
 border-top:none;}

.fa-chevron-right:before{
display:none;
 }

.cross{
    float: right;
    margin-top: -95px;
    border: none;
    }

.self-certification-modal-footer, .login-footer, .modal-footer{
text-align:center;        }

.fa{
    font-size:40px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Poppins-Light'
            }
.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.btn:active, .btn.active {
    box-shadow: none;
}

.btn.btn-default.exit-ramp-cancel
{
margin-right:-220px!important;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    display:none;
}


/*what is rsv page*/
.blue-border{
padding:10px;
border:1px #7DB7b7 solid;
}
.navyblue-text{
color:#1A3358;
text-decoration:none!important;
}
.navyblue-text a{
    color: #1A3358!important;
    text-decoration:none!important;
}
.lightblue-text{
color: #7DB7b7;
    }
.callout{
    background-color: #7DB7b7;
    color:white;
    display: flex;
    padding: 20px 20px 20px 85px;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}
.callout-img {
    width: 20%;
    height: 50%;
    margin-bottom: -60px;
    margin-left: 95px;
}
.padd20{
padding-top:50px;
padding-right:190px;
padding-left:100px;
height:480px;
}

.no-partition .col-sm-6, .no-partition .col-sm-4{

padding-right:0px;
padding-left:0px;
        }

.no-partition .row{
margin-left:0px;
margin-right:0px;
}

.babyrisk-padd{
padding-top:20px;
padding-right: 15%;
}

.baby-icon{
width:125%;
}
/*end*/
/*what if my baby catches rsv*/

.book-icon{
margin-left:-95px;
}
/*end*/
/*is my baby at risk page*/
.rsv-infec-border-bottom{
border-bottom:2px #0f827f solid;
width:50%;
}
 .text-align-center{
text-align:center;
    }
.white-bg{
background-color:white;
            }
.rsv-infec-padd{
padding:25px;
height:265px;
    }
.rsv-infec-top-border{
border-top:5px #7DB7b7 solid;
    }
.discussion-guide{
font-size:18px;
color:#fff;
text-align:center;
}
.discussion-guide a{
color:#fff!important;
text-decoration: none!important;
}

.dehydration-col .col-sm-4.col-xs-12.column-1{
width:20%;
                }
.dehydration-col .col-sm-4.col-xs-12.column-2{
width:40%;
                }
.dehydration-col .col-sm-4.col-xs-12.column-3{
width:40%;
                }
.useful-col .col-sm-4.col-xs-12.column-1{
width:40%;
                }
.useful-col .col-sm-4.col-xs-12.column-2{
width:40%;
                }
.useful-col .col-sm-4.col-xs-12.column-3{
width:20%;
                }


/*end*/
/*rsv season*/
.callout-2{
width:58%;
    }
.callout-img-2 {
    width: 19%;
    height: 50%;
    margin-bottom: -60px;
    margin-left: 75px;
}
/*end*/

.rsvspread-contagious{
    padding-top:30px;
    
}
/*rsv season*/


.navyblue-underline{
border-bottom: 1px solid #1A3358;
inline-size: fit-content;
}
.black-underline{
border-bottom: 1px solid #000;
inline-size: fit-content;
}
.white-underline{
border-bottom: 1px solid #fff;
inline-size: fit-content;
}
.callout-3{
background-color: #7DB7b7;
    color: white;
    display: flex;
    padding: 20px;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}
.useful-links{
margin-left: -9%;
padding-top: 35px;
}
.rsv-season-margin.multi-column-container .row{
margin:0;
width:100%;
}
/*end*/
/*Resources*/
.callout-4{
background-color: #7DB7b7;
    color: white;
    display: flex;
    padding: 20px;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
}
.download-icon{
padding-left:20px;
width:60px;
height:50px;
    }
 .dwn-margin{
margin-top:40px;
          }
.blue-dwn-btn{
   width:38%;
   position: absolute;
    top: -20%;
    padding-left: 23%;

}
.callout-4 a{
color:#fff;
text-decoration: none!important;
}
.extra-padd{
padding:20px;
}
.res-links{
text-decoration:none!important;
}
/*end*/
/*main-page-new*/
.care-dwn-btn {
    position: absolute;
    top: -10%;
    padding-left: 24%;
    width: 38%;
}
.dwn-big{
font-size:18px;
}
.dwn-col-contrl .col-sm-6.column-2{
padding-top:20px;
}
/*end*/




@media only screen and (min-width:370px) and (max-width:376px)
{
.le-vrs{display:block!important; }        

.le-vrs-none{display:none;}

            }


@media only screen and (max-width:767px)
        {
.banner-text-mob.component-section
{

padding: 0px 10px 20px;
}
.component-section   .container .transparent, .component-section   .container .transparent #sectioncontainer  
{
padding:0px 10px 20px;
}
.subhead, .subhead-green{   
 line-height: 26px;}

.disp-desk{display:none;}

.banner{
    /*background-image:url(/content/dam/open-digital/rsvshield-ca/en/images/mobile/104837_001_azsynagis_unb_web_p1_mobile_hero_banner.png)!important;
    background-size:100% 100%!important;*/
    background-position:45% 55%;
    background-repeat: no-repeat;
    height: 250px;
                }
.le-vrs{ display:none;}

.callout-img {
    width: 25%;
    height: 50%;
    margin-bottom: -53px;
    margin-left: 5px;
}
.callout{
padding: 20px 20px 20px 88px;
width: 82%;
}
.padd20 {
    padding-top: 50px;
    padding-right: 10px;
    padding-left: 22px;
    height: 480px;
}
.callout-img-2 {
    width: 27%;
    height: 50%;
    margin-bottom: -60px;
    margin-left: 12px;
}
.care-dwn-btn {
    position: absolute;
    top: -5%;
    padding-left: 20%;
    width: 40%;
}
.download-icon {
    padding-left: 20px;
    width: 25%;
    height: 25%;
}


.banner-text {
    font-size: 16px;
    line-height: 26px;
    width: 70%;
    padding: 10px;
    margin-top: 28%;
    margin-left: auto;
    margin-right: auto;
}

.baby-icon {
    width: 100%;
}
.mob-padd{
padding:10px;
}
.mob-foot-padd{
margin-top:5px;
}

.blue-dwn-btn {
    position: absolute;
    top: -7%;
    padding-left: 20%;
    width: 126px;
}
.discussion-guide {
        font-size: 16px;}

.subhead {
        font-size: 20px;}

.dehydration-col .row{
display: flex;
    flex-direction: column;
}
.dehydration-col .col-sm-4.col-xs-12.column-1{
width:100%;
                }
.dehydration-col .col-sm-4.col-xs-12.column-2{
width:100%;
                }
.dehydration-col .col-sm-4.col-xs-12.column-3{
width:100%;
                }

.useful-links {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.babyrisk-padd {
 padding-right: 0px; }

.cross {

    margin-top: -112px;
}  
.modal-title {
    font-size: 22px;
    top: 28px;
    position: relative;
}
.book-icon{
margin-left:auto;
margin-right:auto;
    }
}


@media only screen and (min-width:768px)
                                    {
.disp-mob{display:none;}
.le-vrs{ display:none;}
                            }

@media only screen and (min-width:768px) and (max-width:991px)
                {

/* .white-text{margin-top:12%;}*/

.banner-text-1, .banner-text-2, .banner-text-f1, .banner-text-f2{
font-size:22px;
line-height:24px;
}

.banner-text-1{margin-top:5%;margin-left:30px;}

.banner-text-2{margin-top:5%;margin-left:25px;}

.banner-text-f1{margin-top:5%;margin-left:-5px;}

.banner-text-f2{margin-top:5%;margin-left:20px;}

  .banner{
    background-repeat: no-repeat;
    height: 258px;
                }
.ban-fr{
 background-repeat: no-repeat;
    height: 275px;
    background-position:45% 50%;
        }
/*new pages*/
.banner-text {
    font-size: 18px;
    width: 75%;/*90%*/
    padding:20px;
    margin-left: 0px;
}
.care-dwn-btn {

    top: -3%;}


.rsv-infec-padd {
    height: 320px;
}
.padd20 {
    height: 540px;
    padding-right: 58px;
    padding-left: 58px;
}
.subhead {
    font-size: 21px;

}
.callout-img {
    margin-left: 60px;
}
.callout {
        padding: 20px 20px 20px 50px;}

.blue-dwn-btn {
    top: -8%;
}
 }
@media only screen and (min-width:992px) and (max-width:1199px)
                {

/* .white-text{
     margin-top:10%;
                    }*/
.banner{
    background-repeat: no-repeat;
    height: 320px;
                }
.banner-text-f1{margin-top:9%;margin-left:0px;}

.banner-text-f2{margin-top:9%;margin-left:40px;}

.ban-fr{
    background-position:45% 50%;
        }

        }
@media only screen and (min-width:1200px) and (max-width:1400px)
                        {

/*.white-text{
     margin-top:10%;
                    }*/


                }
@media only screen and (min-width:1200px) and (max-width:1365px)
     {

   .banner{
    background-repeat: no-repeat;
    height: 400px;
                }


        }
@media only screen and (min-width:1366px) and (max-width:1500px)
     {

   .banner{
    background-repeat: no-repeat;
    height: 427px;
                }


        }
@media only screen and (min-width:1401px) and (max-width:1500px)
                        {

/*.white-text{
     margin-top:12%;
                    }

*/
                }


@media only screen and (min-width:1501px)
                    {

 .banner{
    background-repeat: no-repeat;
    height: 600px;}
.ban-fr{
background-repeat: no-repeat;
    height: 460px;
  }
            }
@media only screen and (min-width:1600px) 
                            {

      .banner-text-1{margin-left:25px;}


                    }
@media only screen and (min-width:1501px) and (max-width:1700px)
                            {

/*
.white-text{
     margin-top:15%; }*/


                    }
@media only screen and (min-width:1701px){
/*.white-fr{
     margin-top:17%; }*/

.banner-text-f1 {
    margin-left: -60px;
}
                  }
@media only screen and (min-width:1701px) and (max-width:1860px)
                                {

/*.white-text{
     margin-top:18%; }*/

                        }
@media only screen and (min-width:1861px){
/*.white-text{
     margin-top:19%; }*/
                                }

.res-padd{

padding-top:60px;
padding-bottom:60px;
                                }
.foot-padd{

padding-top:120px;}


/*media queries for iphone7*/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.banner-text {
    font-size: 16px;
    line-height: 26px;
    width: 38%;
    padding: 10px;
    margin-top: 5%;
    margin-left: 0%;

}
.babyrisk-padd {
 padding-right: 0px; }

.care-dwn-btn {
    top: -5%;
    padding-left: 28%;
    width: 38%;
}
.blue-dwn-btn {
    position: absolute;
    top: -11%;
    padding-left: 28%;
    width: 40%;
}
.saf-baby-hl{
width:50%;
}
.row{
margin-right:0px!important;
margin-left:0px!important;
}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.saf-baby-hl{
width:89%;
}
/*.rsv-season-margin.multi-column-container */
.row{
margin-right:0px!important;
margin-left:0px!important;
}

}