/*Site Specific CSS*/

* {} * {} * {}

body {
    background-image: none;
}



/**********  All Site Headings Visual Adjustment  **********/

/* This is a "happy accident" left over from copying Crown Reporting's CSS
It helps to make all headings across the website more visually asthetic. ---Seth */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1px;
}



/********** Title Color **********/

.brand.site_name {
    color: #fdfdfd !important;
    text-shadow: 0px 1px 0px #6e6c76 !important;
}

.donor {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px #6e6c76;
}

.site-brand a:hover {
    color: #fdfdfd !important;
}



/**********  No Featured Image Drop-Shadow  **********/

.featured_image {
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0) !important;
}



/**********  Homepage Buttons Styling  **********/

#homepage-buttons .btn {
    border: medium none;
    padding: 0px !important;
}

#homepage-buttons div[class*="span"], #homepage-buttons div[class*="col-"]{
    padding: 0px 0px !important;
    margin-bottom: 16px !important;
}

#homepage-buttons div[class*="span"]:first-child, #homepage-buttons div[class*="col-"]:first-child {
    padding-left: 0px !important;
}

#homepage-buttons div[class*="span"]:last-child, #homepage-buttons div[class*="col-"]:last-child {
    padding-right: 0px !important;
}

#homepage-buttons {
    margin-bottom: 30px;
}

#homepage-buttons h3 {
    text-transform: uppercase;
}

.feature_title h3 {
    margin: 0px !important;
}


/**********  Homepage Buttons Row 1  **********/

#homepage-buttons .first-row-btns .image_label {
    left: 95px;
    position: absolute;
    top: 94px;
    -ms-transform:translateY(-65px);
    -moz-transform:translateY(-65px);
    -webkit-transform:translateY(-65px);
    -o-transform:translateY(-65px);
    transform:translateY(-65px);
}

.first-row-btns h3 {
    font-size: 1.42em;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: 0.5em;
}

/* Specific Styling for "Presidential Leasership Scholarship" Button */
.first-row-2 .image_label {
    left: 50px !important;
    transform: translateY(-91px) !important;
}
.first-row-2 h3 {
    font-size: 1.3em;
    font-variant: small-caps;
    font-weight: 400;
    letter-spacing: 0.3em;
    line-height: 1.35em;
}

/* Added Transparency to Make 'Apply' Button Stand Out */
    #homepage-buttons .first-row-2 {
        background-color: #185e5e;
        border-radius: 0px;
    }
    #homepage-buttons .first-row-3 {
        background-color: #7a7835;
        border-radius: 0px;
    }
    .first-row-2 img, .first-row-2 h3 {
        opacity: 0.6;
    }
    .first-row-3 img, .first-row-3 h3 {
        opacity: 0.6;
    }
    
    
    
/**********  Homepage Buttons Row 2  **********/

#homepage-buttons .second-row-btns .btn-content {
    position: relative;
}

.second-row-1 {
    margin-right: 8px;
}

.second-row-2 {
    margin: 0px 4px;
}

.second-row-3 {
    margin-left: 8px;
}

#homepage-buttons .second-row-btns .image_label {
    left: 0;
    position: absolute;
    transform: translateY(-65px);
    top: 100%;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    background-color: rgba(23, 94, 92, 0.72);
}

.second-row-btns h3 {
    font-family: "Arial Regular",Arial,Helvetica,sans-serif;
    font-size: 1.12em;
    font-weight: bolder;
    font-variant: small-caps;
    letter-spacing: 0.4em;
    line-height: 1.3em;
}



/**********  Homepage Buttons Row 3  **********/

#homepage-buttons .third-row-btns .btn-content {
    text-align: left;
}

#homepage-buttons .third-row-btns h3 {
    margin-bottom: 20px !important;
    padding: 0 12px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 0.25px;
    font-size: 1.32em;
    line-height: 1.3em;
}

#homepage-buttons .third-row-btns p {
    padding: 0px 12px;
    font-size: 1.04em;
    line-height: 1.4em;
    color: #ffffff;
}

.third-row-1 {
    background-color: #96A6A6;
    margin-right: 12px;
    border-radius: 0px;
}
.third-row-2 {
    background-color: #A29F36;
    margin-left:  4px;
    margin-right: 8px;
    border-radius: 0px;
}
.third-row-3 {
    background-color: #185E5E;
    margin-left:  8px;
    margin-right: 4px;
    border-radius: 0px;
}
.third-row-4 {
    background-color: #3D4748;
    margin-left:  12px;
    border-radius: 0px;
}



/**********  Homepage Content Area  **********/

.content-area {
    background-image: url('../images/homepage-images/content-area/content-blocks.jpg');
    background-repeat: no-repeat;
}

.content-area-heading {
    margin-top: -26px;
}

.page_content {
    padding-top: 32px;  /***** This keeps page content from overlapping the content-area graphic across all pages *****/
}

.marketing-statement {
    padding-top: 29px;
}

.marketing-blurbs {
    padding-top: 10px;
    color: #6c6c6c;
    background-color: #e6f1f1;
}

.marketing-blurb1 {
    padding: 0px;
}

.fancy-number {
    font-size: 3.9em;
    line-height: 1.0em;
    color: #bbbbbb;
    margin-top: 13px;
    margin-bottom: 27px;
}

.marketing-blurb2 {
    /*This is here just incase the second marketing icon area needs styling in the future. ---Seth*/
}

.win-icon {
    /*This is here just incase the second marketing icon area needs styling in the future. ---Seth*/   
}

.video-area {
    background-image: url('../images/homepage-images/content-area/blurred-background.jpg');
}

.video-area a {
    border-bottom: none;
}

.video-area-vid {
    padding-top: 34px;
    padding-left: 52px;
}




/**********  Students Page Buttons  **********/

#student-buttons {
    margin-bottom: -45px;
}

#student-buttons a {
    text-decoration: none;
    border: none;
}

.student-btn-grp h3 {
    font-size: 1.42em;
    font-weight: 600;
    text-transform: uppercase;
    font-variant: small-caps;
    letter-spacing: 0.5em;    
}

.student-btn-1 {
    border-radius: 0px;
    background-color: #255E5E;
    padding: 10px;
    margin: 5px;
}

.student-btn-2 {
    border-radius: 0px;
    background-color: #973A25;
    padding: 10px;
    margin: 5px;
}



/**********  Student Stories Categories Color Adjustment  **********/

.category.category_color_Green {
    background-color: #aaa436 !important;
    color: #fff !important;
}
.category.category_color_Teal {
    background-color: #0b6666 !important;
    color: #fff !important;
}
.category.category_color_Red {
    background-color: #9d3b20 !important;
    color: #fff !important;
}

/*********Oppurtunities Page Buttons********/
.grad_button.featurebutton_maroon {
    border-radius: 0px !important;
    background-image: none !important;
}


/**********  Below Footer Links Stylization  **********/

.um_standard_footer ul a {
    color: #b1b1b1;
    border: none;
}
.um_standard_footer ul a:hover {
    color: #a4cd4f;
    border: none;
}



/**********  Email Form  **********/

#dhc_form .email_form {
    list-style: none;
}

#dhc_form .email_form li.checkbox label.question {
    /*width:95% !important;*/
    padding-left: 0;
}


#dhc_form .email_form li.checkbox div.checkbox {
    width:95% !important;
}


#dhc_form .email_form li.checkbox div.option {
    /*width:95% !important;*/
    margin-left: 5px;
}

#dhc_form .email_form li.checkbox div.option input {
    margin-left: 0;
}

#dhc_form .email_form li.checkbox div.option label {
    margin-left: 5px;
}

#dhc_form .email_form label {
    /*width:80% !important;*/
    margin-top:10px;
}



/**********  Registration Form  **********/

form > h1 {
    /*font-family: 'helvetica neue', sans-serif;
    font-size: 35px;
    font-weight: 100;*/
    margin-top: 0 !important;
}

form h2 {
    /*font-family: 'helvetica neue', sans-serif;
    font-size: 2.4em !important;
    font-weight: 100;*/
    clear: both;
    /*float: left;*/
    padding-top: 10px;
}

form a {
    font-weight: bold;
}

form em {
    /*float: left;*/
}

form .form_helptext {
    margin-bottom: 0;
}

form select {
    margin-bottom:15px;
}

form label {
    clear: both;
    display: block;
    /*font-family: 'helvetica neue', sans-serif;
    font-size: 16px;*/
}

form input {
    margin-right: 10px !important;
    margin-bottom: 15px !important;
    clear: both;
    float: left;
}

form label input {
    /*margin: 0 10px 5px 0 !important;*/
}

form legend {
    margin-top:25px;
}

form input.cv-input {
    margin-bottom:10px;
}

fieldset .file-upload {
    margin-bottom:25px;
}

fieldset textarea {
    /*width: 90% !important;*/
    margin: 10px 0 30px;
}



/**********  Media Sizing  **********/
/* Large devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    #homepage-buttons .first-row-btns .image_label {
        left: 24%;
        top: 137%;
    }
    .first-row-2 h3 {
        font-size: 1.3em;
        font-variant: all-petite-caps;
        font-weight: 400;
        letter-spacing: 0.3em;
        line-height: 1.2em;
    }
}

@media (min-width: 992px) and (max-width: 992px) {
    .first-row-2 h3 {
        font-size: 1.3em;
        font-variant: all-petite-caps;
        font-weight: 400;
        letter-spacing: 0.3em;
        line-height: 1.2em;
    }
    .marketing-statement {
        font-size: 14px !important;
    }
    .fancy-number {
        font-size: 4.0em !important;
    }
    .content-area p {
        font-size: 14px;
    }
    .content-area-heading {
        margin-top: -8px;
    }
}

/* Medium devices (768px to 991) */
@media (min-width: 768px) and (max-width: 991px) {
    #homepage-buttons .first-row-btns .image_label {
        left: 37%;
    }
    #homepage-buttons .first-row-1 {
        background-color: #9d3b20;
    }
    #homepage-buttons .first-row-2 {
        background-color: #185e5e;
    }
    #homepage-buttons .first-row-3 {
        background-color: #a29f36;
    }
    .first-row-2 .image_label {
        left: 273px !important;
        transform: translateY(-89px) !important;
        width: 28%;
    }
    .content-area-heading {
        margin-top: -8px;
    }
    .content-area p {
        font-size: 14px;
    }
    .content-area {
        background-image: none;
    }
    .fancy-number {
        font-size: 4.0em !important;
    }
    .marketing-blurbs {
        background-color: #ffffff;
    }
    .video-area-vid {
        padding-left: 112px;
        padding-top: 54px;
        margin-bottom: 74px;
    }
}

/* Small devices (559px to 767px) */
@media (min-width: 559px) and (max-width: 767px) {
    #homepage-buttons .first-row-btns .image_label {
        left: 37%;
    }
    .first-row-2 .image_label {
        left: 37% !important;
        transform: translateY(-91px) !important;
        width: 28%;
    }
    #homepage-buttons .second-row-btns .image_label {
        left: 24.3%;
        width: 51.5%;
    }
    #homepage-buttons .third-row-btns .btn-content {
        text-align: center;
    }
    #homepage-buttons .third-row-btns h3 {
        font-size: initial;
    }
    #homepage-buttons .third-row-1 {
        margin: 8px;
    }
    #homepage-buttons .third-row-2 {
        margin: 8px;
    }
    #homepage-buttons .third-row-3 {
        margin: 8px;
    }
    #homepage-buttons .third-row-4 {
        margin: 8px;
    }
    .content-area-heading {
        margin-top: -8px;
    }
    .content-area p {
        font-size: 14px;
    }
    .content-area {
        background-image: none;
    }
    .fancy-number {
        font-size: 4.0em !important;
    }
    .marketing-blurbs {
        background-color: #ffffff;
    }
    .video-area-vid {
        padding-left: 112px;
        padding-top: 54px;
        margin-bottom: 74px;
    }
}

/* Extra small devices (480px to 558px) */
@media (min-width: 480px) and (max-width: 558px) {
    #homepage-buttons .first-row-btns .image_label {
        left: 32%;
    }
    .first-row-2 .image_label {
        left: 37% !important;
        transform: translateY(-91px) !important;
        width: 28%;
    }
    #homepage-buttons .second-row-btns .image_label {
        left: 14.0%;
        width: 72.1%;
    }
    #homepage-buttons .third-row-btns .btn-content {
        text-align: center;
    }
    #homepage-buttons .third-row-btns h3 {
        font-size: initial;
    }
    #homepage-buttons .third-row-1 {
        margin: 8px;
    }
    #homepage-buttons .third-row-2 {
        margin: 8px;
    }
    #homepage-buttons .third-row-3 {
        margin: 8px;
    }
    #homepage-buttons .third-row-4 {
        margin: 8px;
    }
    .content-area-heading {
        margin-top: -8px;
    }
    .content-area p {
        font-size: 14px;
    }
    .content-area {
        background-image: none;
    }
    .fancy-number {
        font-size: 4.0em !important;
    }
    .marketing-blurbs {
        background-color: #ffffff;
    }
    .video-area-vid {
        margin-bottom: 74px;
        padding-left: 0px;
        padding-top: 15px;
    }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 479px) {
    #homepage-buttons .first-row-btns .image_label {
        left: 28%;
    }
    .first-row-2 .image_label {
        left: 37% !important;
        transform: translateY(-91px) !important;
        width: 28%;
    }
    #homepage-buttons .second-row-btns .image_label {
        left: 14.0%;
        width: 72.1%;
    }
    #homepage-buttons .third-row-btns .btn-content {
        text-align: center;
    }
    #homepage-buttons .third-row-btns h3 {
        font-size: initial;
    }
    #homepage-buttons .third-row-1 {
        margin: 5px;
    }
    #homepage-buttons .third-row-2 {
        margin: 5px;
    }
    #homepage-buttons .third-row-3 {
        margin: 5px;
    }
    #homepage-buttons .third-row-4 {
        margin: 5px;
    }
    .content-area-heading {
        margin-top: -8px;
    }
    .content-area p {
        font-size: 14px;
    }
    .content-area {
        background-image: none;
    }
    .fancy-number {
        font-size: 4.0em !important;
    }
    .marketing-blurbs {
        background-color: #ffffff;
    }
    .video-area-vid {
        margin-bottom: 74px;
        padding-left: 0px;
        padding-top: 15px;
    }
}
