/* HOMEPAGE STYLE FIXES */
body {/* Reset the `font-size` to 16px/1em/100% */font-size: 16px;}
/* UTILITY */
.col-1-2,.col-1-3,.col-2-3 {padding:0 1em;float:left;box-sizing: border-box;}
.col-1-2 {width: 50%;}
.col-1-3 {width: 33.3333%;}
.col-2-3 {width: 66.6666%;}
@media (max-width: 1024px) {
 .col-1-2,.col-1-3,.col-2-3 {width:100%!important;}
}
[id^="section"] .content {
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: auto;
}
[id^="section"] .wide-content {max-width: 1200px;}
[id^="section"] .content:after {
    content: " ";
    display: block;
    clear: both;
}
#header_stripe {position: relative;}
#content_00 {background-color: #003b73;overflow: hidden;height:auto;}
#button_row {top: 115px;}
#feature_slider.slider {width: 100%;height:44em;margin: 0 auto;}
#feature_slider div {height: 100%;display: block;}
.slider_container {margin: auto;width: 100%;position: relative;}
.a_slide {background-position: center center;background-size: cover;}
#feature_slider .slide_headline {height: auto;position: absolute;bottom: 25px;left: 0;padding-right: 400px;}
#content_00 .slick-prev, #content_00 .slick-next, #content_00 .slick-prev:hover, #content_00 .slick-next:hover, #content_00 .slick-prev:focus, #content_00 .slick-next:focus {background-color: transparent;}
#content_00 .slick-dots {text-align: right;padding-right: 3%;padding-bottom: .5em;box-sizing: border-box;position: absolute;right: 0;width: initial;}
#content_00 .slick-dots li button:before {color: #FFFFFF;opacity: 1;}
#content_00 .slick-dots li.slick-active button:before {color: #0096FA;opacity: 1;}

@media (max-width: 1040px) {#button_row {width:180px;}}
@media (max-width: 1024px) {
     #main_content {margin-top: 55px;}
     #content_00 {flex-direction:column;-ms-flex-direction: column;}
     #feature_slider.slider {height: 40em;}
     #feature_slider .slide_headline {padding-right:0;}
     #button_row {top: 18px;}
}
@media (max-width: 812px) {
/* #content_00 .slick-next, #content_00 .slick-prev {display:none!important;} */
     #feature_slider.slider {height: 25em;}
     #button_row {position: relative;top: 0;display: flex;flex-direction: row;width: 100%;height: auto;}
     #button_row a {text-align: center;margin: 0;flex-grow: 1;}
     #content_00 .slick-dots {display:none!important;}
}
/* Slides are called in the HTML on the CMS for the Homepage */

#content_aa {
    background-color: #0096FA;
}
#content_aa .content {
    width: 100%;
    max-width: 1040px;
    margin: 1em auto;
}
#content_aa .content p {margin:0;}
.admission_message {
    display: flex;
    flex-wrap:wrap;
    padding: 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.admission_message_headline {
    margin: 0 auto;
    flex-grow: 2;
    align-self: center;
}
.admission_message_headline h3 {
    display: block;
    line-height: 100%;
    color: #fff;
    padding: 0;
    font-size: 3em;
    font-weight: 700;

}
.admission_message_paragraph, .admission_message_cta {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    flex-grow: 1;
}
.admission_message_paragraph p {margin:0;}
.admission_message_paragraph .button {
    display: inline-block;
    width: auto;
    text-decoration: none;
    font-size: 130%;
    font-weight: 700;
    color: #fff;
    border: 3px solid #fff;
    padding: 0 10px;
    margin: 10px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* CONTENT 01 */

#content_01 {
    background: #FFF;
    padding: 4em 0;
}
#content_01 .content {position:relative;}
#content_01 h1, #content_01 h2 {
    color: #000;
    font-size: 4em;
    padding-bottom: 0;
    display: inline-block;
}
#content_01 span {
    background-color: #0096FA;
}
h1 span:after {
    content: " ";
    display: block;
    height: 4px;
    background-color: black;
    position: relative;
    bottom: 8px;
}
#content_01 .thenumbers {
    position: relative;
}
#content_01 h2 {
    border-bottom: 4px solid #000;
    width: 100%;
    max-width: 325px;
    margin-top: .75em;
}
#content_01 p {
    display: block;
    width: 100%;
    max-width: 450px;
    margin-top: .25em;
    font-size: 12px;
}
#content_01 .image-cloud {
    position: absolute;
    top: 110px;
    right: 0;
    width: 50%;
    padding-top: 60%;
}
#content_01 .image-cloud img {
    position: absolute;
    /* -webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in; */
}
#content_01 .image-cloud .image-one {
    bottom: 4rem;
    left: 0;
    width: 200px;
    /* margin-bottom: 8rem; */
    z-index: 1;
}
#content_01 .image-cloud .image-two {
    bottom: 5rem;
    right: 0px;
    width: 140px;
    /* margin-bottom: 8rem; */
    z-index: 1;
}
#content_01 .image-cloud .image-three {
    right: 100px;
    width: 170px;
    bottom: .2rem;
    /* margin-top: 8rem; */
    z-index: 1;
}
#content_01 .image-cloud .image-four {
    bottom: 1.5rem;
    left: 20px;
    width: 150px;
    /* margin-top: 8rem; */
    z-index: 1;
}
#content_01 .image-cloud .image-five {
    top: 50px;
    right: 20px;
    width: 435px;
}

@media  (max-width: 1024px) {
    #content_01 {padding-left: 1em;padding-right:1em;box-sizing: border-box;}
    #content_01 h1, #content_01 h2 {margin-top: .25em;}
    .image-cloud {display: none!important;}
    .stat {display: inline-block;width:50%;float:left;box-sizing: border-box;height: 150px;padding: 1em;}
}
@media (max-width: 735px) {
    #content_01 h1, #content_01 h2 {font-size:3em;}
/*    .stat {width: 100%;} */
}
#content_02 {background-color: #0096FA;}

/*/ START NEW STYLES FOR CONTENT 2 ON /*/
#content_01 p {font-size: 1em!important;}
#section_02, #section_04 {background:url('/media/collegesschools/sjmc/images/headers/Texture-Pattern_Wide2 copy.png') center center;background-size:cover;background-attachment:fixed;background-color: #ededed;padding:3em 0;}
#section_02 a img.linkarrow, #section_04 a img.linkarrow {
    width: .6em;
    position: absolute;
    padding: 0.9em .3em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#section_02 a:hover img.linkarrow, #section_04 a:hover img.linkarrow {padding:.9em .5em;}
        #section_02 h2, #section_04 h2 {font-family: 'proxima nova', sans-serif;font-size: 3.5em;text-transform:uppercase;font-weight:700;background-color: #0096FA;display:inline-block;padding:0;margin:0 0 1em 0;}
#section_02 h2 {float: right;}
#section_02 ul a {color: #000;font-weight: 700;font-size: 2em;line-height: 2.4em;text-decoration: none;border-bottom: 3px solid #000;}
#section_03 {display: block;width: 100%; height:auto;}
#section_03 img {width: 100%;}
#section_04 p {font-size: 1.5em;line-height: 1.25em;}
@media screen and (max-width: 667px) {
   #content_aa {border-top: 1px solid white;} 
   #section_02 h2, #section_04 h2 {font-size: 2em;}
   #section_02 ul li {margin-bottom:1em;}
   #section_02 ul a {line-height: 1.4em;}
   #section_02 a img.linkarrow, #section_04 a img.linkarrow {padding:.4em .3em;}
   #section_02 a:hover img.linkarrow, #section_04 a:hover img.linkarrow {padding:.4em .5em;}
}
.slick-initialized .slick-slide{position:relative;}
.small_picture a .instaoverlay {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 100%;
    width: 100%!important;
    height: 100%!important;
    /* display: block; */
    /* z-index: 99999; */
    background: rgba(0,59,115,.25);
    padding: 35%;
    box-sizing: border-box;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.small_picture a:hover .instaoverlay {
    margin-top: 0;
}
.instapainted {
width: 30%;
max-width: 50px;
height: auto;
}

        /* ============
        dropdown
        ============ */

 .dropdown_featured_content {
   display: block;
   width: 100%;
   height: auto;
   background-color: rgb(0,59,115);
   background-image: url('/media/collegesschools/sjmc/images/homepage/bg-tile-dark3.jpg');
   background-attachment: fixed;
   background-size: cover;
 }

 .dropdown_featured_content .content {
   max-width: 1500px;
 }

 .dropdown_programs_container {
   height: auto;
   width: 100%;
   align-items: center;
   padding: 4em;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 .dropdown_programs_container h3 {
   text-align: center;
 }
 .dropdown_programs_container h4 {
   color: #fff;
   text-align: center;
   font-weight: 700;
 }
.dropdown-content h6 {
    padding: 0.5em 0 0 .5em;
    font-size: 1em;
    line-height: 1.25;
}
 .dropdown_programs_box {
   width: 100%;
   height: auto;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   -ms-flex-align: center;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   max-width: 1500px;
   margin: 0 auto;
 }
 .dropdown_programs_box .bucket {width: 20%;}
 .dropdown_featured_content h3 {
   color: rgb(255,255,255);
   font-family: 'harfang-pro', serif;
   font-weight: 100;
   font-size: 45px;
 }
 .dropdown_featured_content p {
   color: rgb(255,255,255);
   font-weight: 400;
   font-family: 'proxima-nova', sans-serif;
   font-size: 1.25em;
   padding-bottom: 1em;
 }
 @media (max-width: 1024px) {
   .dropdown_programs_box h3 {font-size: 3em;}
   .dropdown_programs_box p {font-size: 1em;}
 }
 @media (max-width: 479px) {
   .dropdown_programs_box h3 {font-size: 2em;}
 }
 .dropdown {
   position: relative;
   overflow: visible;
   width: 100%;
   max-width: 320px;
   flex-grow: 0;
 }
 .dropdown .dropbtn {
   font-size: 1em;
   outline: none;
   background-color: rgb(255,255,255);
   color: rgb(0,59,115);
   padding: 10px 46px 10px 16px;
   border: 2px solid rgb(0,59,115);
   width: 100%;
   display: block;
   cursor: pointer;
   border-radius: 4px;
   text-align: left;
   background-image: url('/media/collegesschools/cbpa/images/homepage/dropdown-icon.png');
   background-position: right 1em center;
   background-repeat: no-repeat;
 }
 .dropdown:hover .dropbtn {
   border-color: rgb(0,59,115);
 }
 .dropdown-content {
   display: none;
   position: absolute;
   background-color: rgb(255,255,255);
   min-width: 160px;
   z-index: 1;
 }
 .dropdown-content a {
   float: none;
   color: rgb(0,59,115);
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
   line-height: 1.25;
 }
 .dropdown-content a:hover {
   background-color: #dddddd;
 }
 .dropdown:hover .dropdown-content {
   display: block;
   border: 2px solid rgb(0,59,115);;
   border-top: 0;
   width: 100%;
   box-sizing: border-box;
   max-height: 250px;
   overflow: scroll;
 }
 @media (max-width: 479px) {
   .dropdown_programs_container {padding: 3em 0;}
   .dropdown {max-width:100%;margin-top:1em;}
   .dropdown:hover .dropdown-content {width:100%;}
 }