/*
Author: UAB Digital Media
Last Updated Date: Nov 2, 2017

[Table of Contents]

Alumni buttons
Banner
Staff Profiles
Footer
Forms
    -Contact Us
Grid Buttons
Sidebars
Video
*/

.pageHeight {
    min-height: 600px;
}

.pageHeightMed {
    min-height: 680px;
}

.pageHeightTall {
    min-height: 830px;
}

@media screen and (max-width: 1024px) {
body.hd #whitebox .half ~ div {
    margin: 0;
    width: 100%;
}
}

  @media only screen and (max-width: 575px)  {
.facultyImages .item-image img {
    min-width: 100%;

}

 .facultyImages .pull-right {
    float: none !important;
  }

.item-image {
    margin: 0 auto!important;
}

}

       .facultyImages .pull-right {
    padding:10px;
  }

  @media only screen and (min-width: 576px)  {
.item-image {
    margin: 0 0 20px 20px;
}
}
@media only screen and (max-width: 715px) {
		.imageMobileHoriz {
			float: none!important;
			width: 100%;
			margin: 0 auto !important;
		}
	}

	@media only screen and (max-width: 655px) {
		.imageMobileVert {
			float: none!important;
			width: 100%;
			margin: 0 auto !important!;
		}
	}

  ul.bulletpoint {
		margin: 0 24px 5px 15px;
	}


    /*////////////////////////////////////////BEGIN Alumni Buttons///////////////////////////////////////*/

.alumniLinkedIN h3,
.alumniLinkedIN h4 {
    margin-top: 0px !important;
    text-align: center!important
}

.alumniLinkedIN p {
    text-align: center!important;
}

    /*////////////////////////////////////////END Alumni Buttons///////////////////////////////////////*/

    /*///////////////////////////////////////BEGIN Banners///////////////////////////////////////*/
    /**************BEGIN Image***************/

    .wideload-banner {
        background-color: #231F20;
        background-image: url("/cas/physics/images/banners/PHY_home_banner_1280x350.jpg");
        min-height: 350px;
        background-size: cover;
        background-position: left;
        position: relative;
        width: 100%;
    }

    .wideload-overlay {
        background: rgba(50, 50, 50, 0.50);
        min-height: 350px;
        overflow: hidden;
        z-index: 2;
    }

    .wideload-content {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 70%;
    }
    /*---BEGIN Mobile---*/

    @media only screen and (min-width: 1025px) {
        .wideload-banner {
            background-image: url("/cas/physics/images/banners/PHY_home_banner_1280x350.jpg");
        }
    }

    @media only screen and (min-width:760px) and (max-width: 1024px) {
        .wideload-banner {
            background-image: url("/cas/physics/images/banners/PHY_home_banner_1020x350.jpg");
        }
    }

    @media only screen and (min-width:550px) and (max-width: 760px) {
        .wideload-banner {
            background-image: url("/cas/physics/images/banners/PHY_home_banner_780x350.jpg");
        }
    }

    @media only screen and (min-width:300px) and (max-width: 550px) {
        .wideload-banner {
            background-image: url("/cas/physics/images/banners/PHY_home_banner_420x350.jpg");
        }
    }
    /*---END Mobile---*/
    /**************END Image***************/
    /**************BEGIN Text***************/

    .wideload-banner h1,
    .wideload-banner h2 {
        text-align: center;
    }

    .wideload-banner h1 {
        color: #fff;
        margin: 0px;
    }

    .wideload-banner h2 {
        color: #A3CD65;
        margin: 0px;
    }

    .wideload-content h1 {
        font-size: 48pt;
        text-shadow: 2px 2px 2px black;
    }

    .wideload-content h2 {
        font-size: 24pt;
        font-family: din-condensed, san-serif !important;
        text-transform: uppercase;
        text-shadow: 2px 2px 2px black;
    }
    /*---BEGIN Mobile---*/

    @media only screen and (max-width: 980px) {
        .wideload-content {
            width: 95%;
        }
        .wideload-content h1 {
            font-size: 48px !important;
        }
        .wideload-banner h2 {
            font-size: 24px !important;
        }
    }
    /*---END Mobile---*/
    /**************END Text***************/

 /*---BEGIN Interior Banner---*/
 
 .wideload-banner-interior {
     background-image: url("/cas/physics/images/banners/physics-half-banner-1280x150-100.jpg");
     background-size: cover;
     height: 150px;
 }
 
 @media only screen and (min-width:760px) and (max-width: 1024px) {
     .wideload-banner-interior {
         background-image: url("/cas/physics/images/banners/physics-half-banner-1020x150-100.jpg");
     }
 }
 
 @media only screen and (min-width:550px) and (max-width: 760px) {
     .wideload-banner-interior {
         background-image: url("/cas/physics/images/banners/physics-half-banner-768x150-100.jpg");
     }
 }
 
 @media only screen and (min-width:300px) and (max-width: 550px) {
     .wideload-banner-interior {
         background-image: url("/cas/physics/images/banners/physics-half-banner-420x150-100.jpg");
     }
 }

 /*---End Interior Banner---*/
    /*///////////////////////////////////////END Banners///////////////////////////////////////*/

    /*///////////////////////////////////////START Staff Profiles ///////////////////////////////////////*/

    .staffHeadings h2 {
        font-size: 23px;
    }

    /*///////////////////////////////////////END Staff Profiles ///////////////////////////////////////*/

    /*///////////////////////////////////////BEGIN Footer ///////////////////////////////////////*/

    body.ribbonFullwidth #footer {
        background-color: white !important;
    }

    .quicklinksNestedContainer a {
        color: green;
    }

    ul.engineeringFooterLinks li a {
        text-decoration: none;
        color: #0A6142 !important;
        font-size: 18px !important;
    }

    #footer .engineeringFooterLinks a:hover {
        color: #0A6142 !important;
    }

    #footer .uabFooterMenu a:hover {
        color: #eee !important;
    }

    .customFooterLinks a {
        color: #0a6142 !important;
     }

    @media only screen and (max-width: 1024px) and (min-width: 300px) {
        #footer {
            background-color: white !important;
        }
    }

    .uabFooterMenu {
        background-color: rgba(0, 0, 0, 0.65);
    }

    body.hd #footer .uabFooterMenu {
        padding: 2em 0 2em 0;
    }

    .engineeringFooter {
        padding: 0px 0px !important;
        background-color: #f5f5f5;
    }

    .nestedContainer,
    .quicklinksNestedContainer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        justify-content: center;
    }

    .footerSocialMediaContainer {
        padding-right: 100px;
    }

    .footerContainer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        background-color: #f5f5f5;
        padding: 50px 0px;
    }

    .footerItem {
        margin: 20px 0px;
    }

    .footerSecondItem {
        flex-grow: 1;
        align-self: flex-end;
    }

    .footerThirdItem>img {
        margin-left: 15px;
    }

    .quicklinksText {
        margin-right: 0px !important;
        padding-right: 0px!important;
    }

    .footerSocialMediaContainer a {
        margin-right: 5px;
    }

    @media only screen and (min-width: 200px) and (max-width: 1055px) {
        .footerItem {
            flex: 1 100%;
            padding-top: 30px;
        }
        .footerSecondItem {
            flex-grow: 2;
        }
        .footerSocialMediaContainer {
            padding-right: 0px;
        }
        .nestedContainer,
        .quicklinksNestedContainer {
            display: flex;
            align-items: center;
        }
        .quicklinksNestedContainer {
            margin-left: -50px;
        }
        .footerFirstItem {
            justify-content: center;
        }
        .quicklinksText {
            margin-right: 40px !important;
        }
    }

    @media screen and (min-width: 1024px) {
        body.ribbonFullwidth #footer div { }
    }

    .uabFooterMenu,
    .poweredByDM {
        background-color: rgba(0, 0, 0, 0.65);
        background-color: #595959;
    }


    /*///////////////////////////////////////END Footer ///////////////////////////////////////*/

    /*///////////////////////////////////////   BEGIN Forms   ///////////////////////////////////////*/
    /**************BEGIN Contact Us Form***************/

    body.hd .contactUsForm .rsform-block input,
    body.hd .contactUsForm .rsform-block textarea {
        width: 90%;
        padding: 15px 10px;
    }

    .contactUsForm input[type="text"],
    .contactUsForm .form-control,
    .contactUsForm textarea {
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .contactUsForm #userForm label {
        color: #fff;
        margin: 0px !important;
    }

    .contactUsForm #g-recaptcha-38 {
        transform: scale(1.1);
        transform-origin: 0 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .contactUsForm .rc-anchor-center-container {
        color: #555 !important;
    }

    .contactUsForm .form-horizontal .controls {
        margin-left: 0px !important;
    }

    .contactUsForm .form-horizontal .control-label {
        width: 0px;
    }

    .contactUsForm button.btn {
        width: 96%;
    }

    .contactUsForm .rsform-text-box {
        color: #555 !important;
    }
    /*---BEGIN Mobile---*/

    @media only screen and (min-width: 1024px) {
        .homepageModule.contactUsForm form#userForm {
            border-top: 1px solid #D3D3D3;
            padding-top: 10px;
        }
    }

    @media only screen and (max-width: 1260px) and (min-width: 1024px) {
        .contactUsForm #g-recaptcha-38 {
            transform: scale(1);
            transform-origin: 0 0;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 300px) {
        #downright input {
            max-width: 100%;
        }
        .rsform-block input,
        body.hd .rsform-block textarea {
            width: 98% !important;
        }
        .contactUsForm button.btn {
            width: 100% !important;
        }
        .contactUsForm {
            padding: 10px;
        }
    }

    @media only screen and (max-width: 1120px) and (min-width: 1024px) {
        .rsform-block input,
        body.hd .rsform-block textarea {
            width: 80% !important;
        }
        .contactUsForm button.btn {
            width: 90%;
        }
        .contactUsForm #g-recaptcha-38 {
            transform: scale(.9);
            transform-origin: 0 0;
        }
    }

    @media (max-width: 1024px) {
        .homepageModule.contactUsForm form#userForm {
            margin-right: 10px;
        }
    }
    /*adds extra right margin on form on mobile*/

    @media (max-width: 480px) {
        .form-horizontal .control-label {
            display: none;
            /*removes form labels when screen size is below 480px*/
        }
    }
    /*---END Mobile---*/
    /**************END Contact Us Form***************/
    /*///////////////////////////////////////   END Forms   ///////////////////////////////////////*/

    /*///////////////////////////////////////BEGIN Grid Buttons///////////////////////////////////////*/

h4.fp_Buttons {
    text-shadow: 2px 2px 2px black;
}

    @media only screen and (min-width: 1280px) {
        .fp_Buttons {
            font-size: 22px !important;
        }
    }

    @media only screen and (min-width:1025px) and (max-width: 1280px) {
        .fp_Buttons {
            font-size: 18px !important;
        }
    }

    @media only screen and (min-width:300px) and (max-width: 1025px) {
        .fp_Buttons {
            font-size: 22px !important;
        }
    }

    /*///////////////////////////////////////END Grid Buttons///////////////////////////////////////*/

    /*///////////////////////////////////////BEGIN Sidebars///////////////////////////////////////*/

@media only screen and (max-width: 750px) {
.sidebarMobile {
   width: 100%!important;
float: none!important;
margin: 0 0 10px 0!important;
}
}

@media only screen and (max-width: 750px) {
.advisingMobile {
  width: 95%!important;
float: none!important;
margin: 0 0 10px 0!important;
}
}

    /*///////////////////////////////////////END Sidebars///////////////////////////////////////*/

 /*///////////////////////////////////////BEGIN Video///////////////////////////////////////*/

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*///////////////////////////////////////END Video///////////////////////////////////////*/
 /*///////////////////////////////////////BEGIN WidgetKit fixes///////////////////////////////////////*/
    /*Widgetkit Accordion Title - Fix*/
	.template-01 .v2-accordion-wrapper .wk-accordion-title:after {
		display: none;
	}

	.template-01 .v2-accordion-wrapper .wk-accordion-title:before {
		background-image: none;
		position: static;
		color: #222 !important;
		. height: auto;
		width: auto;
		margin-top: -3px;
	}

	#content .wk-scope .wk-accordion li a.wk-accordion-title {
		font-weight: 600;
		border-bottom-width: 0 !important;
		line-height: 1.4;
		padding-top: 4px;
	}

	#content .wk-scope .wk-accordion li a.wk-accordion-title:hover {
		background-color: #deefdf;
		font-weight: 400;
	}

	.wk-scope .wk-accordion-title::before {
		margin-left: 0;
		margin-right: 10px;
		float: left;
	}

	.wk-scope .wk-open .wk-accordion-title::before {
		transform: rotate(45deg);
	}

	.wk-open .wk-accordion-title {
		background-color: #1E6B52;
	}

	.wk-scope p:last-child {
		margin-bottom: 0;
	}

	.wk-scope .wk-accordion>:nth-child(n+2) {
		margin-top: 0 !important;
	}
.wk-accordion-title span {
    font-size: inherit;
    color: inherit !important;
    font-weight: inherit !important;
}
/*///////////////////////////////////////END WidgetKit fixes///////////////////////////////////////*/