.imageinfo-wrapper{overflow-x:hidden}.imageinfo{display:grid}@media (min-width: 901px){.imageinfo{grid-template-columns:1fr 1fr}}.image-info-box{font-size:inherit}.image-info-box .imageinfo-paragraph{font-family:new-atten,sans-serif;margin-bottom:10px}.image-info-box div.imageinfo-image{float:none;margin:0}.image-info-box.half-width-image{position:relative;text-align:left;width:100vw;left:50%;right:50%;margin:80px 0 60px -50vw;min-height:250px}.image-info-box.half-width-image.default{margin:80px 0 60px -50vw;padding:30px}.image-info-box.half-width-image.default .imageinfo-text{max-width:none}.image-info-box.half-width-image.default .imageinfo-text:after{content:url(https://www.mc.edu/packages/mississippi_college/themes/mississippi_college_v2022/images/diamonds-gold-blue.svg);display:block;width:80px;border-bottom:none;margin:auto}.image-info-box.half-width-image div.imageinfo-image{overflow:hidden}.image-info-box.half-width-image div.imageinfo-image img{top:0;max-width:inherit;max-height:inherit;left:0;width:100%;height:100%;object-fit:cover}.image-info-box.half-width-image .imageinfo-url{margin-bottom:60px}.image-info-box.half-width-image .imageinfo-text{z-index:1;position:relative;padding:20px 30px 30px}.image-info-box.half-width-image .imageinfo-text:after{content:'';border-bottom:1px solid #ccc;width:60%;display:block}@media (min-width: 901px){.image-info-box.half-width-image .imageinfo-text{padding:45px 30px 30px}.image-info-box.half-width-image .imageinfo-text:after{content:none}}@media (min-width: 641px){.image-info-box.half-width-image div.imageinfo-image{height:100%}}@media (min-width: 901px){.image-info-box.half-width-image .imageinfo-text{max-width:350px;display:grid;align-content:center}.image-info-box.half-width-image div.imageinfo-image{position:relative;min-height:640px}}@media (min-width: 1281px){.image-info-box.half-width-image div.imageinfo-image{min-height:645px}.image-info-box.half-width-image .imageinfo-text{max-width:580px}}@media (min-width: 2001px){.image-info-box.half-width-image div.imageinfo-image{height:750px}}@media (min-width: 2401px){.image-info-box.half-width-image div.imageinfo-image{height:800px}}@media (min-width: 3001px){.image-info-box.half-width-image div.imageinfo-image{height:900px}}.image-info-box.half-width-image.light-blue,.image-info-box.half-width-image.dark-blue{background:#69B3E7;background-size:900px;background-repeat:no-repeat;background-position:0 100%;margin:0 0 0 -50vw;background-image:url(/academics/departments/english/application/blocks/image_info_box/images/diamond-background-grid-white.svg)}@media (min-width: 901px){.image-info-box.half-width-image.light-blue,.image-info-box.half-width-image.dark-blue{background-position:50vw 100%}}@media (min-width: 901px){.image-info-box.half-width-image.light-blue div.imageinfo-image,.image-info-box.half-width-image.dark-blue div.imageinfo-image{width:50vw}}.image-info-box.half-width-image.light-blue .imageinfo-text,.image-info-box.half-width-image.dark-blue .imageinfo-text{max-width:100%;top:0;left:0;width:100%}.image-info-box.half-width-image.light-blue .imageinfo-text:after,.image-info-box.half-width-image.dark-blue .imageinfo-text:after{content:none}.image-info-box.half-width-image.light-blue .imageinfo-text h3,.image-info-box.half-width-image.light-blue .imageinfo-text p,.image-info-box.half-width-image.light-blue .imageinfo-text ul,.image-info-box.half-width-image.light-blue .imageinfo-text li,.image-info-box.half-width-image.dark-blue .imageinfo-text h3,.image-info-box.half-width-image.dark-blue .imageinfo-text p,.image-info-box.half-width-image.dark-blue .imageinfo-text ul,.image-info-box.half-width-image.dark-blue .imageinfo-text li{color:#0c2340}.image-info-box.half-width-image.light-blue .imageinfo-text li::before,.image-info-box.half-width-image.dark-blue .imageinfo-text li::before{color:#fff}@media (min-width: 901px){.image-info-box.half-width-image.light-blue .imageinfo-text,.image-info-box.half-width-image.dark-blue .imageinfo-text{padding:45px 60px 30px}.image-info-box.half-width-image.light-blue .imageinfo-text:after,.image-info-box.half-width-image.dark-blue .imageinfo-text:after{content:none}}@media (min-width: 1921px){.image-info-box.half-width-image.light-blue .imageinfo-text,.image-info-box.half-width-image.dark-blue .imageinfo-text{max-width:40vw}}.image-info-box.half-width-image.dark-blue{background-color:#0c2340;background-image:url(/academics/departments/english/application/blocks/image_info_box/images/diamond-background-grid-blue.svg)}.image-info-box.half-width-image.dark-blue .imageinfo-text{color:#fff}.image-info-box.half-width-image.dark-blue .imageinfo-text p,.image-info-box.half-width-image.dark-blue .imageinfo-text ul,.image-info-box.half-width-image.dark-blue .imageinfo-text li{color:#fff}.image-info-box.half-width-image.dark-blue .imageinfo-text h3,.image-info-box.half-width-image.dark-blue .imageinfo-text li::before{color:#c99700}.image-info-box.spotlight{background:#69B3E7;color:#0c2340;padding:70px 0 60px}.image-info-box.spotlight p{color:#0c2340;margin-top:0}.image-info-box.spotlight h2{margin:0}.image-info-box.spotlight .imageinfo{display:block}@media (min-width: 901px){.image-info-box.spotlight .imageinfo{display:grid;grid-template-columns:12fr 12fr;grid-column-gap:3rem}}.image-info-box.spotlight .imageinfo-url{padding-left:30px}.image-info-box.spotlight .imageinfo-text{padding:0 30px}@media (min-width: 901px){.image-info-box.spotlight .imageinfo-text{padding:0 60px 0 0}}


/* ICON BOX STUFF STARTS HERE */
.icon-modal-container.blue-outline  {
    display: grid;
    grid-template-columns: 12fr;
    grid-gap: 2em;
    grid-row-gap: 4em;
    font-size: 1.325em;
    margin-top: 80px;
}
@media screen and (min-width: 901px) {
    .icon-modal-container.blue-outline[data-value="1"] {
    max-width: 80%;
}
}
.icon-modal-container.blue-outline[data-value="2"] {
    grid-template-columns: 12fr 12fr;
}
.icon-modal-container.blue-outline[data-value="3"] {
    grid-template-columns: 12fr 12fr 12fr;
  }
  .icon-modal-container.blue-outline[data-value="4"] {
    grid-template-columns: 12fr 12fr 12fr 12fr;
  }
  .icon-modal-container.blue-outline .icon-modal {
    background-color: #fff;
    border:10px solid #69B3E7;
    /*text-align: center;*/
    text-align:left;
    width: 100%;
    color: #0c2340;
    text-transform: none;
    letter-spacing: .01em;
    font-size: 1.25em;
    font-weight: inherit;
    margin: 0;
    padding: 20px;
    line-height: inherit;
    position: relative;
    box-shadow: none;
    border-radius: 0;
    display: block;
    text-decoration: none!important;
}

.icon-modal-container.blue-outline .icon-modal:first-of-type {
    background: #0c2340;
    color:#fff;
    border:10px solid #707070;


}


    .icon-modal-container.blue-outline .icon-modal .title h3 {
     color: #0c2340;
     font-family: psfournier-std,serif;
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0 0 12px 0;
    letter-spacing: -.05rem;
    line-height: 1.25em;
        
    }

    .icon-modal-container.blue-outline .icon-modal .title h4 {
        color: #fff;
        margin: 0;
        font-size: 1.575rem;
        line-height: 2rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .icon-modal-container.blue-outline .icon-modal .box-content p {
color:#0c2340;
    }

    .icon-modal-container.blue-outline .icon-modal:first-of-type h3,
    .icon-modal-container.blue-outline .icon-modal:first-of-type h4,
    .icon-modal-container.blue-outline .icon-modal:first-of-type p {
        color:#fff;
    
    
    }
    
    
    

@media screen and (max-width: 901px) {
    .icon-modal-container.blue-outline {
        grid-template-columns: 12fr!important;
    }
    .box-info {padding:1em;  }
    .icon-modal-container.blue-outline .icon-modal .title h3 { font-size:1.875rem; }
    .icon-modal-container.blue-outline .icon-modal .box-content p { font-size: 1.325rem;
        line-height: 1.325em; }

    .icon-modal-container {display:block;}
   .icon-modal {font-size:1.1em; margin:4em 0;}
   .icon-modal-container.left  .icon-modal {
    margin:1.5em 0; 
    padding: 20px 20px 20px 80px;
}

   .icon-modal-container.left  .icon-modal .image {    
    height: 90px;
    width: 90px; }

}

.program-page-new .icon-modal-container.blue-outline .icon-modal .title h3 { 
    font-size:4.5rem;
}
.program-page-new .icon-modal-container.blue-outline .subhead h4 {
    margin: 0.5em 0 0.5em;
}