/* Minification failed. Returning unminified contents.
(164,1): run-time error CSS1019: Unexpected token, found '#'
 */
/*CUSTOM PORTAL STYLES 

    1. UNIVERSAL STYLES
    2. HEADER STYLES
    3. PAGE CONTENT
    4. FOOTER
	5. THANK YOU PAGE
    5. RESPONSIVE CSS

*/

/* 1. UNIVERSAL STYLES */
/* This area is for importing fonts from Google, adjusting attributes for the html and body elements and for hiding elements that do not get used at all in the portal. */

/* Imported Font from Google */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");

html {
  height: 100%;
}

/* Fullscreen Background Image - If we want the page to have a background image that covers the entire page, we should add it as a background to the body element here. Set it 'cover' and 'no-repeat'.*/
body {
  font: 14px Arial, sans-serif;
  color: #000000;
  background: #ffffff; /* <-- Place background image URL here inbetween the parentheses. */
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  min-height: 100%;
  padding-top: 0; /* <-- Non-Fixed Header Step 1 - By default, the portals have the header set to fixed and the body content is pushed down the screen using padding. Since we do not want a fixed header, we will change the position attribute of the header element to 'relative' and the top padding of the body element set to '0'. */
  margin: 0;
  padding-bottom: 50px;
}
/* Hidden Elements - Elements that are never displayed on any of the portals -- DO NOT EDIT */
.hero__container,
#popb_fileContainer,
#popb_responseSavedMessage {
  display: none !important;
}

/* ------------------------------------------- */

/* 2. HEADER STYLES */
header.navbar {
  width: 100%;
  margin: 0 auto;
  position: relative; /* Non-Fixed Header Step 2 - By default, the portals have the header set to fixed and the body content is pushed down the screen using padding. Since we do not want a fixed header, we will change the position attribute of the header element to 'relative' and the top padding of the body element set to '0'. */
  background: transparent; /* <-- EDIT FOR BACKGROUND COLOR OF HEADER */
  padding: 0; /* <-- EDIT FOR SPACE ABOVE AND BELOW THE LOGO AREA. This attribute, combined with the height of the logo, determines the height of the header area. */
	max-width: 450px;
}
header.navbar.navbar-expand-md {
  box-shadow: none; /* <-- Hides box shadow that shows below header by default. */
}
.navbar-header {
  background: url('https://e-nonprofitw.com/edsEnewslettersimages/images/Millersville_Uni/FY25/IM/Survey/logo.png'); /* <-- PLACE LOGO HERE */
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
  width: 100%; /* <-- SET WIDTH OF THIS ELEMENT TO MATCH WIDTH OF THE LOGO */
max-width: 450px;
  height: 96px; /* <-- SET HEIGHT OF THIS ELEMENT TO MATCH HEIGHT OF THE LOGO */
  margin: 0 auto; /* <-- Use auto margin on left and right sides to center the logo. Remove auto to left align*/
}
.navbar-brand {
  display: none; /* <-- Hide default logo. */
}

/* ------------------------------------------- */

/* 3. PAGE CONTENT */
/* The heirarchy of this section is main > div.container-narrow > article.content. There is only one 'main' element but can be multiple div.container-narrow elements and article.content elements within it. For this design, we will apply a width and background to the 'main' element but not to the other elements. That is why they are not referenced below.*/
main.site-main {
  max-width: 450px;
  width: 100%;
  background: #ffffff; /* <-- EDIT FOR BACKGROUND COLOR OF MAIN */
  padding: 20px 13px 0; /* <-- EDIT FOR PADDING OF MAIN */
  font-family: Arial, sans-serif; /* UPDATE FONT FAMILY */
  font-size: 14px;
  line-height: 20px;
  color: #231f20; /* UPDATE FONT COLOR */
  margin: 0 auto;
  margin-top: 0; /* EDIT FOR SPACE ABOVE MAIN/ BELOW HEADER WHERE IMAGE SHOWS */
}
.section-padding-bottom {
  padding-bottom: 0; /* removes unneeded padding from sections */
}
/* The #surveyElement h5 is the label for all of the form fields */
#surveyElement h5 {
  margin-bottom: 5px;
}
#surveyElement h5 span {
  font-size: 16px;
  font-weight: 700;
}
/* The .form-control class is for all input fields. */
.form-control {
  border: 1px solid #bcbcbc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 4px;
  margin-bottom: 15px;
  height: auto;
  min-height: 32px;
  font-size: 13px;
}
/* The .card-footer element has a grey background and border by default. We are removing it here. */
.card-footer {
  background: none;
  border-top: none;
  padding: 0 0 20px 13px; /*EDIT FOR SPACING BELOW THE FORM BUTTONS AT BOTTOM */
}
/* The .btn class is used on all buttons. The next to CSS declarations edit the color of the button in it's hover state as well as it's default state. In proper CSS, the hover state must always be declared before the default state. */
.btn:hover {
  color: #FFF; /* UPDATE FONT COLOR */
  background: #53565A; /* UPDATE BUTTON HOVER COLOR */
}
.btn {
  color:#000000; /* UPDATE FONT COLOR */
  font: bold 16px Arial, sans-serif;
  text-decoration: none;
  background: #EEB111; /* UPDATE BUTTON COLOR */
  border: 0;
  height: 45px;
  padding: 0 30px;
  /* Rounded corner code below - Remove lines below if corners are not rounded */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-transform: capitalize;
}

.login-texts {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: -40px;
}

#surveyElement form {
  margin: 0 -10px;
}

.sv_prev_btn {
  display: none !important;
}
#popb_customSaveButton {
  display: none !important;
  float: right;
  margin-top: -13px;
}
#popb_customSaveToPdfButton {
  display: none !important;
}
#popb_responseUnsavedMessage {
  display: none !important;
}
#popb_responseSavedMessage {
  display: none !important;
}
##popb_responseMessagePlaceHolder {
  display: none !important;
}
/* ------------------------------------------- */

/* 4. FOOTER */
/*  */
footer.site-footer {
  width: 100%;
  max-width: 450px; /* <-- remove if Full-width footer */
  margin: 0 auto;

  background: #2E2E2E; /* <-- UPDATE BACKGROUND COLOR */
  text-align: left;
  color: #ffffff; /* <-- UPDATE FONT COLOR */
  font-family: Arial, sans-serif; /* <-- UPDATE FONT FAMILY */
  font-size: 11px; /* <-- UPDATE FONT SIZE */
  line-height: 15px;
  padding: 40px 31px; /* <-- UPDATE PADDING */
  margin-bottom: 50px; /* Adds space beloe footer for view of bg image - can be removed */
}
footer .menu-language {
  padding: 0;
  display: none; /* <-- Removing excess padding around the footer navigation. */
}

footer span {
  color: #ffffff;
  font-size: 12px;
} /* <-- Setting the Privacy Policy color to match the footer text color. */

/* ADD ADDITIONAL CUSTOM FOOTER CODE BELOW */

.footer-content {
  text-align: left;
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #ffffff;
  line-height: 15px;
  background: #2E2E2E;
}
.footer-content a {
  color: #ffffff;
  text-decoration: none;
}
.footer-content a.email {
  text-decoration: underline;
}
.footer-content a.collegename {
  font-weight: normal;
}

/* 6. THANK YOU PAGE */
/* CSS for additional Survey -- DO NOT DELETE -- */
.ty-content {
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  padding-bottom: 20px;
}
/* ADD ADDITIONAL CUSTOM THANK YOU PAGE CODE BELOW */

.ty-container {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #231f20;
  margin-top: -50px;
  padding: 0 5px 50px;
  line-height: 18px;
}

.ty-headline {
  font-size: 30px;
  color: #006F71;
  line-height: 31px;
  font-weight: bold;
  margin-bottom: 25px;
}

p.headline-text {
  font-family: 'Helvetica LT Std', Helvetica;
  font-size: 28px;
  line-height: 34px;
  font-weight: bold;
  color: #006F71;
}

.ty-container a {
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
}

.ty-container a.phone {
  text-decoration: none;
  font-weight: bold;
  color: #231f20;
}

.ty-container a.email {
  text-decoration: none;
  font-weight: bold;
  color: #231f20;
}

.ty-container p.texts {
  font-size: 14px;
  line-height: 20px;
  color: #231f20;
}

.ty-btn-top {
  font-family: 'Montserrat', Helvetica, sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #007B85;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 15px 35px;
  text-decoration: none;
}

.ty-btn-bottom {
  border-bottom: 1px solid #A27752;
}

.login-heading {
  font-family: 'Helvetica LT Std', Helvetica, sans-serif;
  font-size: 36px;
  line-height: 41px;
  font-weight: bold;
  color: #006F71;
}

.image-container {
	margin: -72px -13px -20px;
}
.image-container img {
	width: 100%;
}

/* ------------------------------------------- */

/* 6. RESPONSIVE CSS - Styles for Tablets and Mobile Devices */

/* Tablets in Landscape Mode */
@media only screen and (max-width: 1024px) {
}
@media (max-width: 867px){
	.image-container {
		margin: -72px -28px -20px;
	}
}
/* Tablets in Portrait Mode */
@media only screen and (max-width: 768px) {
  .navbar-toggler {
    display: none; /* <-- Hiding mobile hamburger menu since it is not used. */
  }
}

/* Mobile Phones in Landscape Mode */
@media only screen and (max-width: 667px) {
  .card-deck .card {
    min-width: 240px;
    margin-bottom: 30px;
  }
	.btn {
		width: 100%;
	}
}

/* Mobile Phones in Portrait Mode */
@media only screen and (max-width: 490px) {

}

@media only screen and (max-width: 360px) {
  #surveyElement form {
    margin: 0 -10px;
  }
  .ty-container {
    padding: 0 3px 40px;
  }

  p.headline-text {
    font-size: 24px;
    line-height: 29px;
  }

  .ty-btn-top {
    padding: 15px 20px;
  }
  
}

/* Older/Smaller Phones */
@media only screen and (max-width: 320px) {
}