/*
 * Theme Name: UA Theme - Child
 * Theme URI: https://sa.ua.edu/
 * Description: This WordPress theme framework is intended solely for The University of Alabama Division of Student Life.
 * Version: 1.0
 * Author: UA Division of Student Life - Web Team
 * Author URI: https://sa.ua.edu/
 * Template: ua-theme
 * Text Domain: uastudentlife
 */
 
/* @import url("../ua-theme/style.css");*/
 
/* Add Custom CSS Here */
h2{
    font-size: 26px;
}
h3{
    font-size: 22px;
}

dd{
	margin-left: 20px;
}
.wp-caption-text{
    margin-bottom: .5em;
}
a:focus{
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

/* Add red border and light gray background to all blockquotes */
blockquote{
    border-color: #ae0000;
    background-color: #f8f8f8;
}

/* Change color of code blocks from red to gray */
code{
	color: #5c5f68;
	background-color: #f8f8f8;
	display: block;
	border: solid 1px #dfdede;
	padding: 10px;
}

/* Center home page image box images, for UREC icon use */
.page-template-home-page-3 .box-img.text-center img{
    margin: auto;
}

/* Remove dead space below home page content (above widgets) */
.page-template-home-page-3 section.site-content.bg-light{
    min-height: 0;
    padding: 20px 0 20px 0;
}

/* Add .my-box-top-margin-0 to col or div class to remove margin above content box */
.my-box-top-margin-0 .content-box, .my-box-top-margin-0 .content-box-v2{
    margin-top: 0;
}

/* Add space after a button (default is 0) */
.btn{
    margin-bottom: 15px;
}

/* Remove extra spacing on gravity forms */
body .gform_legacy_markup_wrapper ul li.gfield{
	margin-top: 0 !important;
}
.gform_legacy_markup_wrapper li.gfield.gsection{
	margin-top: 24px!important;
}
/* Fix tiny font when gform (check)list items are in two columns */
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li label, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label{
	font-size: 13px;
}

/* Remove some of the extra space after posts in list */
.news{
	margin-bottom: 30px;
}

/*
//    ###            ##
//   #   #            #
//  #        ####     #     #    #  ## #    # ###    #####
//  #       #    #    #     #    #  # # #   ##   #  #
//  #       #    #    #     #    #  # # #   #    #   ####
//   #   #  #    #    #     #   ##  # # #   #    #       #
//    ###    ####    ###     ### #  #   #   #    #  #####
*/

/* Split list into two columns (optimized for pages with sidebar) */
.my-list-2-col{
    -moz-column-width: 320px;
    -webkit-column-width: 320px;
    column-width: 320px;
}

/* Split list into three columns (optimized for pages with sidebar) */
.my-list-3-col{
    -moz-column-width: 200px;
    -webkit-column-width: 200px;
    column-width: 200px;
}

/* Split list into four columns (optimized for pages with sidebar) */
.my-list-4-col{
    -moz-column-width: 150px;
    -webkit-column-width: 150px;
    column-width: 150px;
}

/* Within a half-page column, split list into 2 columns (optimized for pages with sidebar) */
.col-md-6 .my-list-2-col, .col-sm-6 .my-list-2-col{
    -moz-column-width: 145px;
    -webkit-column-width: 145px;
    column-width: 145px;
}

/* Auto-adjust column heights to be equal. Add class 'equal-height-col' to row */
.row.equal-height-col {
    display: flex;
    flex-wrap: wrap;
}
.row.equal-height-col > [class*='col-'] {
    display: flex;
}
.row.equal-height-col .content-box {
	width: 100%;
}
/* Auto-adjust column heights to be equal on col-sm and wider screens */
@media  (min-width: 768px){
	.row.equal-height-col-sm {
		display: flex;
		flex-wrap: wrap;
	}
	.row.equal-height-col-sm > [class*='col-'] {
		display: flex;
	}
	.row.equal-height-col-sm .content-box {
		width: 100%;
	}
}

/*
//    #                                          #    #
//    #                                          #
//   ###     ####    ####    ####   # ###    #####  ###      ####   # ###
//   # #    #       #       #    #  ##      #    #    #     #    #  ##   #
//  #####   #       #       #    #  #       #    #    #     #    #  #    #
//  #   #   #       #       #    #  #       #    #    #     #    #  #    #
// ##   ##   ####    ####    ####   #        #####  #####    ####   #    #
*/

/* Accordions - expand all collapsed elements when printing */
@media print{
    .collapse{
        display: block !important;
        height: auto !important;
    }
}

/* change color/underline back to default */
h2.panel-title a{
    color: #333 !important;
    text-decoration: underline !important;
}

/**
//  #    #   ###            #    #               #                   ##       #
//  #    #  #   #           #    #               #                    #
//  #    #      #           #    #  # ###    #####   ####   # ###     #     ###     # ###    ####
//  ######     #            #    #  ##   #  #    #  #    #  ##        #       #     ##   #  #    #
//  #    #    #             #    #  #    #  #    #  ######  #         #       #     #    #  ######
//  #    #   #              #    #  #    #  #    #  #       #         #       #     #    #  #
//  #    #  #####            ####   #    #   #####   ####   #        ###    #####   #    #   ####
//**/

h2{border-bottom: 2px solid #992020;}
.home h2, footer h2, .content-box h2, #tribe-events h2, h2.tablepress-table-name, h2.panel-title {border-bottom:none;}

h2 a {color: #900 !important; text-decoration: none !important;}
h2 a:hover, h2 a:focus {color: #666 !important}

/** #         #             #
//  #                       #
//  #       ###     # ###   #   #    #####
//  #         #     ##   #  #  #    #
//  #         #     #    #  ###      ####
//  #         #     #    #  #  #         #
//  #####   #####   #    #  #   #   #####
**/
/** Link Underlining for Accessibility **/
/*****  used on old child theme
.content-box.text-center a{
    text-decoration: none;
}
.content-box.box-img a{
    text-decoration: underline;
}
a.ua-logo{
    text-decoration: none !important;
}
.btn{
    text-decoration: none !important;
}
.home .col-md-12 a, .home .site-content .col-md-4 a, .home .h3 a, .navbar-nav.pull-right a, .navbar-nav.pull-right a:hover, .navbar-nav.pull-right a:focus,.col-md-9 a{
    text-decoration: underline;
}
*****/
p.copyright-text a, .nav.nav-pills a, .content-box.text-center a, .btn{
    text-decoration: none !important;
}
.site-content a{
    text-decoration: underline;
}
.news h3 a{
	color: #900;
}
/**
//  ######                    #
//  #                         #
//  #        ####    ####   #####    ####   # ###
//  ####    #    #  #    #    #     #    #  ##
//  #       #    #  #    #    #     ######  #
//  #       #    #  #    #    #     #       #
//  #        ####    ####      ###   ####   #
//
**/
/* icon color - increase color contrast for dark icons */
footer .icon-social.icon-social-bg li a{
    color: #c6c6c6;
}
/* icon color - light background, darker icon */
footer .icon-social.icon-social-bg.icon-light li a{
    color: #5c5f68;
}
/* border color - add dark border as inverse of social icon "background - gray" */
footer .icon-social.icon-social-bg.icon-light{
    color: #5c5f68;
    border-color: #5c5f68;
}
/* background color - less bright red, matches red buttons */
footer .icon-social.icon-social-bg.icon-primary>li{
    background-color: #992020;
}
/* crimson button on dark footer - slightly lighter text so it's easier to read */
footer.bg-dark a.btn.btn-crimson{
    color: #e0e0e0;
}

/**
// ##   ##    #          #
//  #   #                #
//  #   #   ###      #####   ####    ####
//   # #      #     #    #  #    #  #    #
//   # #      #     #    #  ######  #    #
//    #       #     #    #  #       #    #
//    #     #####    #####   ####    ####
//
**/
.my-responsive-embed{
    position:relative;
    padding-bottom: 56.25%;
}
.my-iframe{
    position:absolute;
    width:100%;
    height:100%;
}

.my-responsive-homepage-embed{
    position:relative;
    padding-bottom:360px;
}
.my-homepage-iframe{
    position:absolute;
    width:100%;
    height:330px;
}

/*
//    #       ###
//           #
//  ###     ####    # ###    #####  ## #     ####
//    #      #      ##      #    #  # # #   #    #
//    #      #      #       #    #  # # #   ######
//    #      #      #       #   ##  # # #   #
//  #####    #      #        ### #  #   #    ####
//  */

/* Student Life Policies */

iframe#ifrm.sl-policy-ifrm{
    min-height:2340px;
}
@media (min-width: 600px){
    iframe#ifrm.sl-policy-ifrm{
        min-height:1830px;
    }
}
@media (min-width: 800px){
    iframe#ifrm.sl-policy-ifrm{
        min-height:1735px;
    }
}
@media (min-width: 1200px){
    iframe#ifrm.sl-policy-ifrm{
        min-height:1645px;
    }
}


/*
//    #    ##   ##  #####            ####                                   #
//    #     #   #   #    #          #    #                                  #
//   ###    #   #   #    #          #        ####    #####  # ###    ####   #####
//   # #     # #    #####            ####   #    #  #    #  ##      #       #    #
//  #####    # #    #                    #  ######  #    #  #       #       #    #
//  #   #     #     #               #    #  #       #   ##  #       #       #    #
// ##   ##    #     #                ####    ####    ### #  #        ####   #    #
//
*/
.avp-search .content-box{
    max-width: 400px;
}
/*@media (min-width: 992px){
    .avp-search .content-box{
        min-height: 550px;
    }
}
@media (min-width: 1200px){
    .avp-search .content-box{
        min-height: 540px;
    }
}*/
.box-centered{
    float: none;
    margin: 0 auto;
}


/** #####    #######  ######   #######
//  #    #   #        #     #     #
//  #     #  #        #     #     #
//  #     #  #####    ######      #
//  #     #  #        #           #
//  #    #   #        #           #
//  #####    #######  #           #
**/
.my-dept-row .content-box {
    max-width: 600px;
}
.my-dept-row .col-md-6 .content-box .box-body h3{
    font-size: 20px;
    font-weight: bold;
}
.my-dept-row p, .my-dept-row div{
    font-size:14px;
}
.my-dept-row .btn{
    margin-bottom: 0;
}
@media (min-width: 992px){
    .my-dept-row .my-text-wrapper{
        min-height: 85px;
    }
	.my-dept-row .my-text-wrapper2{
        min-height: 72px;
    }
    .my-dept-row .my-contact-wrapper{
        min-height: 65px;
    }
    .my-dept-row .my-button-wrapper{
        min-height: 25px;
    }
    .my-dept-row .content-box {
        min-height: 516px;
    }
}
@media (min-width: 1200px){
    .my-dept-row .col-md-6 .content-box .box-body h3{
        font-size: 16px;
    }
    .my-dept-row .my-text-wrapper{
        min-height: 103px;
    }
	.my-dept-row .my-text-wrapper2{
        min-height: 86px;
    }
    .my-dept-row .content-box {
        min-height: 483px;
    }
}

/**
//    ##     ####   #    #
//   #  #   #    #  ##  ##
//  #    #  #       # ## #
//  #    #   ####   #    #
//  #    #       #  #    #
//   #  #   #    #  #    #
//    ##     ####   #    #
**/

@media (min-width: 992px){
    .my-osm-row .content-box{
        min-height: 404px;
    }
    .my-osm-row .my-text-wrapper{
        min-height: 115px;
    }
    .my-osm-row .my-contact-wrapper{
        min-height: 135px;
    }
    .my-osm-row .my-button-wrapper{}
}


/**
//    ##    ######   ####   #
//   #  #   #       #    #  #
//  #    #  #       #       #
//  #    #  ####     ####   #
//  #    #  #            #  #
//   #  #   #       #    #  #
//    ##    #        ####   #####
**/

.my-row-title{
    margin: 0 0 10px 0;
}
.my-gray-row{
    background: #f8f8f8;
    margin: 20px 0;
}
.my-auto-size{
    height: auto;
    width: auto;
}
.my-col-padding{
    padding: 20px 5px 20px 20px;
}
.chapter .chapter-info{
    margin-top: 20px;
    margin-bottom: 20px;
}

/*
//  #####                                             ###             #          #
//    #                                              #   #                       #
//    #     ## #     #####   #####   ####           #       # ###   ###      #####
//    #     # # #   #    #  #    #  #    #          #  ###  ##        #     #    #
//    #     # # #   #    #  #    #  ######          #    #  #         #     #    #
//    #     # # #   #   ##   #####  #                #   #  #         #     #    #
//  #####   #   #    ### #       #   ####             ####  #       #####    #####
//                           ####
 */

/* SL Image Grid shortcode styles [sl-img-grid] */
/* match h3 font size */
.my-img-grid h2.img-grid-name, .my-img-grid h4.img-grid-name, .my-img-grid h5.img-grid-name{
    font-size: 22px;
}
.my-img-grid h2.img-grid-name{
	border-bottom:none;
}
/* max-width of 300 by 300 pixel staff photos in sl_image_grid */
.square-img-max-width{
	max-width:230px;
}

.my-img-grid{
    text-align: center;
}
.my-img-grid img{
    display: inline;
}
.my-img-grid h3{
    margin-bottom: 10px;
}

/* Auto-adjust column heights to be equal. Add class 'img-grid-flex' to row */
@media (min-width: 768px){
	.row.img-grid-flex {
		display: flex;
		flex-wrap: wrap;
	}
}

/* CSL Bama Year One */
.my-img-grid.byo-grid .row div{
    margin-bottom: 25px;
}
@media (min-width: 768px){
    .my-img-grid.byo-grid .row div{
        min-height: 585px;
        margin-bottom: 0px;
    }
}

/* FYE A Team */
.my-img-grid.fye-grid .row div{
    min-height: 425px;
}
/* FYE Bridge Builders */
.my-img-grid.bridge-grid .row div{
	min-height: 450px;
}
@media (min-width: 768px){
	.my-img-grid.bridge-grid .row div{
		min-height: 380px;
	}
}
/* FYE Quick Links */
.my-fye-links .row div{
    margin-bottom: 15px;
}
@media (min-width: 992px){
    .my-fye-links .row div{
        min-height: 95px;
    }
}
/* HPW */
/* Labyrinth */
.my-img-grid.labyrinth-grid .row div{
    min-height: 450px;
}

/* Parent Programs */
/* Parent Advisory Council */
.my-img-grid.pac-grid .row div{
    min-height: 445px;
}
/* Parent Ambassadors */
.my-img-grid.pa-grid .row div{
    min-height: 430px;
}
@media (min-width: 768px) {
    .my-img-grid.pa-grid .row div {
        min-height: 460px;
    }
}

/* Student Involvement */
/* Student Teams*/
.my-img-grid.si-team-grid .row div{
    min-height: 430px;
}
@media (min-width: 768px) {
    .my-img-grid.si-team-grid .row div {
        min-height: 460px;
    }
    .my-img-grid.si-team-grid .row.source-directors div{
        min-height: 500px; /* was 550 with three lines of bio under each name */
    }
    .my-img-grid.si-team-grid .row.source-directors h3{
        min-height: 48px;
    }
}

/* CRIS supporters logos */
.cris-supporters .row div{
	max-width: 400px;
}

/* SGA */
.my-img-grid.sga-grid .row div{
    margin-bottom: 25px;
}
@media (min-width: 768px){
    .my-img-grid.sga-grid .row div{
        min-height: 585px;
        margin-bottom: 0px;
    }
}
@media (min-width: 768px){
    .sga-bio-grid .row div, .sga-council-grid .row div{
        min-height: 350px;
        margin-bottom: 0px;
    }
}
/* Fixing poll question margins */
body .gform_wrapper ul li.field_description_below div.ginput_container_radio{
	margin-top: 0;
}
.gform_wrapper .top_label .gfield_label, .gpoll_field_label{
	margin-top: 25px;
}

/* Career and Co-op Ambassadors (Co-op website) */
.my-img-grid.cca-grid .row div{
    margin-bottom: 25px;
}
@media (min-width: 768px){
    .my-img-grid.cca-grid .row div{
        min-height: 678px;
        margin-bottom: 0px;
    }
}

/* Equestrian Team */
.my-img-grid.equestrian-grid .row div{
    min-height: 400px;
}

/* UP Meet our student team */
@media (min-width: 500px){
	div.up-student-team{
		min-height: 225px;
	}
}

/* WGRC Ambassadors */
.my-img-grid.wgrc-a-grid .row div{
    min-height: 480px;
}

/*
//  #####   #                            #          #####
//  #    #  #                            #            #
//  #    #  #   #    #####  # ###    #####            #     ## #     #####
//  #####   #  #    #    #  ##      #    #  ######    #     # # #   #    #
//  #    #  ###     #    #  #       #    #            #     # # #   #    #
//  #    #  #  #     #####  #       #    #            #     # # #    #####
//  #####   #   #        #  #        #####          #####   #   #        #
//                   ####                                            ####
*/

/* resizing background images - some also under Housing heading on CSS sheet */



/* SL image box resize for Student Health and Wellbeing landing page */

/* set height/style of background images */
.sl-box-bg-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
@media (min-width: 992px) {
    .sl-box-bg-img{
        height:215px;
    }
}
@media (min-width: 750px) and (max-width: 991px) {
    .sl-box-bg-img{
        height:430px;
    }
}
@media (min-width: 700px) and (max-width: 749px){
    .sl-box-bg-img{
        height:390px;
    }
}
@media (min-width: 600px) and (max-width: 699px){
    .sl-box-bg-img{
        height:330px;
    }
}
@media (min-width: 550px) and (max-width: 599px){
    .sl-box-bg-img{
        height:300px;
    }
}
@media (max-width: 549px){
    .sl-box-bg-img{
        height:215px;
    }
}

/* hide empty p's that result when switching between visual and text editor due to divs shifting */
.sl-box-bg-img-shw p:empty{
    display:none;
}
.sl-box-bg-img-shw p{
    margin-bottom:0;
}

/*
//  #####           #        ##             #####
//    #             #         #             #    #
//    #      #####  #####     #      ####   #    #  # ###    ####    #####   #####
//    #     #    #  #    #    #     #    #  #####   ##      #    #  #       #
//    #     #    #  #    #    #     ######  #       #       ######   ####    ####
//    #     #   ##  #    #    #     #       #       #       #            #       #
//    #      ### #  #####    ###     ####   #       #        ####   #####   #####
//
*/
/* Custom CSS Classes for TablePress across all sites. Enter the class on a specific table under Table Options: Extra CSS Classes */
/* left - left-align table headers and cells */
.tablepress.left thead th, .tablepress.left tbody td{
    text-align: left;
}
/* center - center table headers and cells */
.tablepress.center thead th, .tablepress.center tbody td{
    text-align: center;
}
/* right - right-align table headers and cells */
.tablepress.right thead th, .tablepress.right tbody td{
    text-align: right;
}
/* vertical-center - vertically center table headers and cells */
.tablepress.vertical-center thead th, .tablepress.vertical-center tbody td{
    vertical-align: middle;
}

/*
//  #    #  #####   ######    ###
//  #    #  #    #  #        #   #
//  #    #  #    #  #       #
//  #    #  #####   ####    #
//  #    #  #  #    #       #
//  #    #  #   #   #        #   #
//   ####   #    #  ######    ###
//
*/

.sport-club h3{
    font-size: 16px;
}
.urec-contact h3{
	font-size: 20px;
	margin-bottom: 5px;
}

legend.urec-legend{
	font-size:16px;
	font-weight:600;
}
div#dayofweek .form-group, div#classname .form-group{
	display:inline-block;
}
.urec-button{
	color: #fff; 
	background-color: #992020; 
	border-color: #681313; 
	border: 1px solid transparent; 
	border-radius: 4px; 
}
.urec-button label{
	min-width: 135px;
}


/*
//  #    #                                                    #
//  #    #
//  #    #   ####   ## #     ####    ####    ####   ## #    ###     # ###    #####
//  ######  #    #  # # #   #    #  #       #    #  # # #     #     ##   #  #    #
//  #    #  #    #  # # #   ######  #       #    #  # # #     #     #    #  #    #
//  #    #  #    #  # # #   #       #       #    #  # # #     #     #    #   #####
//  #    #   ####   #   #    ####    ####    ####   #   #   #####   #    #       #
//                                                                           ####
*/
.spirit-cup h4{
    margin-top: 25px;
    margin-bottom: 10px;
}

.homecoming-events h2{
    background-color: #992020;
    color: #fff;
    padding: 10px;
    border-radius: 2px;
}

@media (min-width: 768px) {
    .homecoming-events div {
        min-height: 473px;
    }
}

/*
//   ####     ###     #
//  #    #   #   #    #
//  #       #        ###
//   ####   #  ###   # #
//       #  #    #  #####
//  #    #   #   #  #   #
//   ####     #### ##   ##
//
*/

.sga-election-timeline h2{
    background-color: #992020;
    color: #fff;
    padding: 7px;
    border-radius: 2px;
    font-size: 22px;
}

.progress-tracker .fa-li{
	top: .4em;
}

/*
//  #    #                            #
//  #    #
//  #    #   ####   #    #   #####  ###     # ###    #####
//  ######  #    #  #    #  #         #     ##   #  #    #
//  #    #  #    #  #    #   ####     #     #    #  #    #
//  #    #  #    #  #   ##       #    #     #    #   #####
//  #    #   ####    ### #  #####   #####   #    #       #
//                                                   ####
*/


.hall-details p{
    margin-left: 10px;
}
.hall-details h3{
    margin-bottom: 5px;
    font-size: 20px;
}
.hall-details hr{
    height: 2px;
    background-color: #992020;
    margin-top: -12px;
    margin-bottom: 15px;
} /*hr style created by dawalton*/

.hall-staff .content-box{
    max-width: 238px;
}

.hall-list .content-box{
    max-width: 360px;
    min-height: 350px;
}

.hall-list h2{
    font-size: 23px;
}

.hrc-move-bring .content-box{
	max-width: 358px;
}
.hrc-move-involve .content-box{
	max-width: 358px;
}
.hrc-move-resources .content-box{
	max-width: 300px;
}
@media (min-width: 768px){
	.hrc-move-involve div.box-body{
		min-height: 155px;
	}
	.hrc-move-resources .content-box{
		min-height: 255px;
	}
	.hrc-move-resources h3{
		font-size: 20px;
	}
}
@media (min-width: 992px){
	.hrc-move-resources .content-box{
		min-height: 280px;
	}
}

.hrc-icon-png .content-box{
	max-width: 400px;
}

.hrc-icon-png .img-responsive{
	display: inline;
}

/* Table within accordion - Room selection guide */
#hrc-rsg-accordion table.dataTable thead>tr>th.sorting{
    padding-right:25px;
}
#hrc-rsg-accordion .tablepress td, .tablepress th{
    padding-left:8px;
    padding-right:0px;
}
#hrc-rsg-accordion .tablepress.dataTable{
    font-size:14px;
}

/* Bus list colored bullets */
.hrc-bus-list-col{
    -moz-column-width: 100px;
    -webkit-column-width: 100px;
    column-width: 100px;
}
ul.hrc-bus-list-col{
    list-style-type:none;
    margin-left: -30px;
}
.my-bus-list-spacing{
    margin-top:-3px;
}
ul.hrc-bus-list-col li::before {
    content:'';
    display:inline-block;
    height: 15px;
    width: 15px;
    list-style-image: none;
    background-image: no-repeat;
    background-size: 15px;
    margin-right: 5px;
    margin-bottom:-2px;
}
ul.hrc-bus-list-col li.crimson::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/crimson.png");
}
ul.hrc-bus-list-col li.green::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/green.png");
}
ul.hrc-bus-list-col li.gold::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/gold.png");
}
ul.hrc-bus-list-col li.blue::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/blue.png");
}
ul.hrc-bus-list-col li.bronze::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/bronze.png");
}
ul.hrc-bus-list-col li.silver::before {
    background-image: url("https://wpdemo.sa.ua.edu/wp-content/uploads/sites/27/2019/04/silver.png");
}

/* Housing Application Steps page styling */

@media (min-width: 768px) {
    div.housing-app-steps .pair-a .content-box{
        min-height:307px;
    }
    div.housing-app-steps .pair-b .content-box{
        min-height:277px;
    }
    div.housing-app-steps .pair-c .content-box{
        min-height:286px;
    }
    div.housing-app-steps .pair-d .content-box{
        min-height:212px;
    }
    div.housing-app-steps .pair-e .content-box{
        min-height:306px;
    }
}

@media (min-width: 992px) {
    div.housing-app-steps .pair-d .content-box{
        min-height:235px;
    }
}

@media (min-width: 1200px) {
    div.housing-app-steps .pair-a .content-box{
        min-height:287px;
    }
    div.housing-app-steps .pair-d .content-box{
        min-height:213px;
    }
    div.housing-app-steps .pair-e .content-box{
        min-height:309px;
    }
}

/* Housing Student Jobs */

/* set height/style of background images */
.hrc-jobs-bg-img{
    height:365px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* hide empty p's that result when switching between visual and text editor due to divs shifting */
.hrc-student-jobs p:empty{
    display:none;
}

/* Centered icon boxes with left-aligned text (add class to div around icon boxes, and add class to 'p's that are excluded) (ua-br-placeholder causes exclusions, so hit enter twice instead) */
.sl-text-left .content-box p,.sl-text-left{
    text-align: left !important;
}

/* give an image the look of a social media profile picture - circlular */
.social-media.img-circle{
    position: relative;
    width: 96px;
    height: 96px;
    display: block;
    background-color: rgba(0,0,0,.1);
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
}

/*
//  #####                                     #
//  #    #                                    #
//  #    #   #####  # ###    ####   # ###   #####    #####
//  #####   #    #  ##      #    #  ##   #    #     #
//  #       #    #  #       ######  #    #    #      ####
//  #       #   ##  #       #       #    #    #          #
//  #        ### #  #        ####   #    #     ###  #####
//
*/

.pfp-orientation h3{
    margin-top: 25px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .pfp-resources .content-box {
        min-height: 279px;
    }
}
@media (min-width: 1200px) {
    .pfp-resources .content-box {
        min-height: 257px;
    }
}
/* Family Weekend page with icon boxes */
.xs-min-height-0{
	min-height:0;
}
@media (min-width:768px){
	.xs-min-height-0{
		min-height:1px;
	}
	.row.family-weekend-icons .content-box{
		min-height:172px;
	}
}

/*
//  #####   #                        ####     ##    #    #  #####     ###   ######
//    #     #                       #    #   #  #   #    #  #    #   #   #  #
//    #     #####    ####           #       #    #  #    #  #    #  #       #
//    #     #    #  #    #           ####   #    #  #    #  #####   #       ####
//    #     #    #  ######               #  #    #  #    #  #  #    #       #
//    #     #    #  #               #    #   #  #   #    #  #   #    #   #  #
//    #     #    #   ####            ####     ##     ####   #    #    ###   ######
//
 */

@media (min-width: 768px) {
    .thesource-resources .content-box {
        min-height: 170px;
    }
}
@media (min-width: 1200px) {
    .thesource-resources .content-box {
        min-height: 146px;
    }
}

/* Student Involvement */
@media (min-width: 768px){
	.si-opportunity-board .content-box{
		min-height: 170px;
	}
}

/*
//    ###
//   #   #
//  #        #####  # ###    ####    ####   # ###
//  #       #    #  ##      #    #  #    #  ##
//  #       #    #  #       ######  ######  #
//   #   #  #   ##  #       #       #       #
//    ###    ### #  #        ####    ####   #
//
*/
/* First Destination Outcomes */
.cc-outcome-college .content-box{
    min-height:240px;
    max-width: 345px;
}
.cc-outcome-college h3{
    line-height: 90px;
}
.cc-outcome-college h3 a, .cc-career-fair h3 a{
    color:#900;
}
.cc-outcome-college span, .sl-vertical-center{
    display:inline-block;
    line-height:normal;
    vertical-align:middle;
}
.cc-outcome-college .cc-percent{
    background-color: #3d3d3d;
    color: #ffffff;
    font-size: 40px;
    display: block;
    margin: 0px 20px 15px 20px;
    border-radius: 25px;
}
.cc-fd-overall-outcomes .content-box{
    max-width: 345px;
}
@media (min-width: 768px) {
	.cc-fd-overall-outcomes .content-box{
		min-height: 233px;
    }
    .cc-fd-quotes .content-box {
        min-height: 110px;
        line-height: 60px;
    }
}
@media (min-width: 992px) {
    .cc-fd-quotes .content-box{
        min-height: 201px;
        line-height: 155px;
    }
}
@media (min-width: 1200px) {
	.cc-fd-services .content-box{
		min-height: 235px;
		}
    .cc-fd-quotes .content-box{
        min-height: 155px;
        line-height: 105px;
    }
}
.cc-fd-services .content-box{
	max-width: 455px;
}
.cc-fd-large-number{
	font-size: 30px;
}
.cc-fd-xl-number{
	font-size: 50px;
}
.cc-fd-quotes blockquote.sm-quote{
    padding: 0px;
    font-size: 16.5px;
}
.cc-fd-quotes blockquote, blockquote.cc-fd-quotes{
    border-color: #3d3d3d;
}
/*Contact page*/
.cc-contact-row h3 {font-size: 19px;}
@media (min-width: 768px) {
	.cc-contact-row .content-box {min-height: 355px;}
}
@media (min-width: 992px) {
	.cc-contact-row .content-box {min-height: 350px;}
}
@media (min-width: 1200px) {
	.cc-contact-row .content-box {min-height: 365px;}
}

/*
//   ####   #    #    ###
//  #    #  #    #   #   #
//  #       #    #  #
//   ####   ######  #
//       #  #    #  #
//  #    #  #    #   #   #
//   ####   #    #    ###
*/

.shc-faq-list-col{
    -moz-column-width: 300px;
    -webkit-column-width: 300px;
    column-width: 300px;
}

/*
//   ####   #    #  #    #  #####
//  #    #  #    #  #    #  #    #
//  #       #    #  #    #  #    #
//   ####   ######  #    #  #####
//       #  #    #  # ## #  #    #
//  #    #  #    #  ##  ##  #    #
//   ####   #    #  #    #  #####
*/

.icon-social.sl-hwb-icon li a{
    width:30px;
    height:30px;
    font-size:16px;
}
.icon-social.sl-hwb-icon li a>i{
    line-height:30px;
}


/*
//  #    #  #####  
//  #    #  #    # 
//  #    #  #    # 
//  #    #  #####  
//  #    #  #     
//  #    #  #     
//   ####   #    
//
*/

/* Partners page styling */
.row.up-partners div{
	max-width:400px;
} 

@media (min-width: 992px) {
.row.up-partners .pair-a .content-box{
	min-height:296px;
	} 
.row.up-partners .pair-b .content-box{
	min-height:196px;
	} 
.row.up-partners .pair-d .content-box{
	min-height:205px;
	}	
}

@media (min-width: 1200px) {
.row.up-partners .pair-a .content-box{
	min-height:312px;
	} 
.row.up-partners .pair-b .content-box{
	min-height:204px;
	} 
.row.up-partners .pair-d .content-box{
	min-height:216px;
	}	
}

/*
//    ###                                            ##       #
//   #   #                                            #
//  #        ####   #    #  # ###    #####   ####     #     ###     # ###    #####
//  #       #    #  #    #  ##   #  #       #    #    #       #     ##   #  #    #
//  #       #    #  #    #  #    #   ####   ######    #       #     #    #  #    #
//   #   #  #    #  #   ##  #    #       #  #         #       #     #    #   #####
//    ###    ####    ### #  #    #  #####    ####    ###    #####   #    #       #
//                                                                           ####
*/

/* Tide Against Suicide */
@media (min-width: 992px) {
    .row.tas-grid .content-box{
        min-height: 290px;
    }
}
@media (min-width: 1200px) {
    .row.tas-grid .content-box{
        min-height: 330px;
    }
}

/* Resources */
@media (min-width: 768px) {
    .row.cc-resources .content-box{
        min-height:156px;
    }
}
@media (min-width: 768px) {
	.row.cc-resources h3{
		margin-bottom:0;
	}
}

/*
//   ####     ###
//  #    #   #   #
//  #       #
//   ####   #
//       #  #
//  #    #   #   #
//   ####     ###
//
*/

/* Student Conduct Process */
@media (min-width: 768px) {
    .row.scp-findings .content-box{
        min-height:182px;
    }
}

/* VETS */

/* Vets New Students */
@media (min-width: 768px) {
	.row.vets-new .content-box{
		margin:0;
		}
}


/* Student Life website customizations */
/* custom icons in image boxes */
.my-icons-sm img{
	max-width:75px; 
	max-height:75px; 
	margin:15px auto 0 auto;
}
.my-icons-sm .box-body{
	padding:5px 15px 15px 15px;
}
.my-icons-sm .content-box{
	width:100%;
}
/* custom home page with dark background image */
/* image position */
.bg-transparent-dark.position-lt{background-position: left top;}
.bg-transparent-dark.position-lc{background-position: left center;}
.bg-transparent-dark.position-lb{background-position: left bottom;}
.bg-transparent-dark.position-ct{background-position: center top;}
.bg-transparent-dark.position-cc{background-position: center center;}
.bg-transparent-dark.position-cb{background-position: center bottom;}
.bg-transparent-dark.position-rt{background-position: right top;}
.bg-transparent-dark.position-rc{background-position: right center;}
.bg-transparent-dark.position-rb{background-position: right bottom;}
/* background % dark */
.bg-transparent-dark:after {
	background-image: url(../../assets/img/opacity-dark-60.png); 
	background: rgba(0,0,0,0.65);
}
/* white link text color accessibility */
h2 a.link-white:hover, h2 a.link-white:focus{
	color:#fff !important; 
	text-decoration:underline !important;
} 
/* icon size, margins */
.my-sl-icon{
	max-width:100px; 
	max-height:100px;
}
.sl-icon-bg-dark h2{
	margin-top:5px;
}
/* Department image boxes */
.sl-dept-width .content-box{
	max-width:600px;
}
/* 911 Guide plain headings */
.row.plain-h2 h2{
	font-size:18px;
	border-bottom:none;
	margin-bottom:5px;
}

/* Blackburn Institute */
/* bb_cal shortcode classes */
.bb-cal-date-lg{
	font-size: 35px;
	font-weight: 600;
}
.bb-cal-date-formatting{
	text-align:center;
	padding-left: 5px !important;
	padding-right: 0px !important;
	margin-bottom: 0px !important;
	line-height:1.2;
}
.bb-cal .fa-ul{
	margin-left:1.14285714em;
}
.bb-cal .fa-li{
	left:-1.3em;
	width:1.14285714em;
}

/* Localist Calendar Embed */
/* larger event headings */
.localist-widget div.title > h4 > a{
	font-size:15px;
}
/* add flex (equal column height) to widget style calendar embed */
@media (min-width: 768px) {
	.localist-widget.equal-height-col-sm div#events{
		display: flex; 
		flex-wrap: wrap;
	} 
	.localist-widget.equal-height-col-sm div#events > [class*='col-'] {
		display: flex; 
		margin-bottom:15px;
	} 
	.localist-widget.row.equal-height-col-sm div#events .media {
		width: 100%;
	}
}
.localist-widget.equal-height-col-sm div#events > [class*='col-'] {
	margin-bottom:10px;
}
/* align the no events statement with the rest of the page content */
.localist-widget p.noevents {
	margin-left: 15px;
}