/* Default Link Styles */
a {
  color: #82003d;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #82003d; }
  a img {
    border: none; }

h1 { font-weight:700;}

.large-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 2.5rem; line-height: 2.5rem;
  font-weight:600; padding-bottom:1.25rem; display:block;}

.jumbo-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 4rem;
  font-weight:600; padding-bottom:1.25rem; display:block;}

button, .button {background-color:#82003d;}
button, .button.darker {background-color:#5b002b;}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #d3d3d3;
	color:#82003d;
}


.no-border {border:0px;}

/* PIC AND GROW */

.pic {
  height: 114px;
  width: 178px;
  overflow: hidden;
   
 /*  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111; */
}

/*GROW*/
.grow img {
  height: 114px;
  width: 178px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
   height: 200%;
	width: 356px;
   /* overflow:hidden; */
}






blockquote, blockquote p {
    color: #82003d;
    line-height: 1.6;
}

blockquote cite {
    color: #82003d;
    display: block;
    font-size: 0.8125rem;
}

/* TAB CHANGES */

.tabs dd.active a, .tabs .tab-title.active a {
    background-color: #82003d;
    color: #ccc;
}

.tabs dd > a, .tabs .tab-title > a {
    display: block;
    background-color: #ccc;
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1rem;
    padding: 1rem 2rem;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background-color: #666;
}

.tabs-content {padding-bottom:7px;}

.tabs-content a:link {color:#82003d; padding-bottom:7px;}

/* Accordian Changes */
.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #82003d; color: #FFF;}
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #C9C9C9;
      color: #222222;
      display: block;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #666; color:#FFF;}
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
        display: block; }



.inline-list i {
  font-size: 4rem;
}





iframe[name="google_conversion_frame"] {
  height: 0;
  padding: 0;
  margin: 0;
  display: block;
}





.top-bar {
    background: transparent;
    overflow: visible;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #82003d none repeat scroll 0 0;
    color: #ffffff;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
}

.top-bar-section .has-dropdown > a {padding-right: 15px !important;} .top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent;}

.top-bar-section ul li.burgundy > a {
    background: none repeat scroll 0% 0% #82003d !important;}

.top-bar-section li.burgundy a:not(.button) {
    background: none repeat scroll 0% 0% #82003d !important;}
	
	.top-bar-section ul li.gold > a {
    background: none repeat scroll 0% 0% #cc9900 !important;}

.top-bar-section li.gold a:not(.button) {
    background: none repeat scroll 0% 0% #cc9900 !important;}


.icon-bar {
  display: inline-block;
  font-size: 0;
  width: 100%;
  background: #151515; 
}

.icon-bar > * {
    display: block;
    float: left;
    font-size: 1rem;
    margin: 0 auto;
    padding: .8rem;
    text-align: center;
    width: 25%; 
}


.icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; 
}

.icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem; 
}
    
.icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle;
}

.icon-bar > * img {
      height: 1.875rem;
      width: 1.875rem;
}
  
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
    display: inline-block;
    margin: 0 .0625rem 0 0; 
}

.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; 
}
  
.icon-bar.label-right > * label {
    display: inline-block; 
}

/* MODAL CALLOUT PANEL */
.modal-callout {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #dfdfdf;
  background-image:url(/img/slider_M_background.png) 

  }


.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #dfdfdf; 
  background-image:url(/img/slider_M_background.png)
  }

.full-width {
max-width: 1400px;
}

.header {
  	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
   background-color: #82003d;
  color: #FFF;
  padding: 2rem 4rem;
}

.breadcrumb {
  margin-top: 2rem;
  margin-bottom:2rem;
}

.content {
  margin-top: 2rem;
  margin-bottom:2rem;
  color:#000;
}

.content-white {
  margin-top: 2rem;
  margin-bottom:2rem;
/* .content-white h1, h2, h3, h4, p {color;#FFF;} */
	}

.magazine {background-color: #82003d; padding:0; margin:0;}



.utility {
  	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
   background-color: #82003d;
  	color: #FFF;
	}

.feature {
  background-color: #FFF;
  color: #000;
  padding: 2rem 2rem;
}

.feature-admissions{
  background-color: #FFF;
  color: #000;
  padding: 0;
}

.billboard-hero-academics {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	/* background-image: url(/img/academics_billboard_hero_business.jpg); */
	background-repeat: no-repeat;
	}

.billboard-hero-admissions {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(/img/admissions_billboard_hero.jpg);
	background-repeat: no-repeat;
	}


.hero {
	background-color: transparent;
  height: auto;
  color: #fff;
  margin:0;
  }

.next-steps {
  background-color: #fafafa;
  height: auto;
  color: #000;
  padding-top: 2rem;
  padding-bottom:0;
  }

.news {
  background-color: #bdbdbd;
  color: #000;
  padding: 4rem 0 0 4rem;
}

.news-admissions {
  background-color: #dedede;
  color: #000;
  padding: 2rem 0rem 2rem 0rem;
}


.news-mobile {
  background-color: #FFF;
  color: #000;
  padding: 0 0 0rem 2rem;
}

.events-mobile {
  background-color: #FFF;
  color: #000;
padding: 0 0 0rem 2rem;
}

.testimonials {
 background-color: #d3d3d3;
  color: #000;
  padding: 4rem 4rem;
  }

.academic-experience {
 background-color: #d3d3d3;
  color: #000;
  padding: 4rem 4rem;
  }


.band.quotes {
	padding-top: 21px;
	padding-bottom: 21px;
	background-color: #666;
	}

	.band.quotes h1 {
	font-size: 2.4rem;
	font-weight:normal;
	color: #FFF;
	}

	.band.quotes cite {
	color: #FFF;
	}

.quotations {
	width: 100%;
	margin: 0;
	background-color: #323232;
	padding-top: 28px;
	padding-bottom: 21px;
	}

	.quotations cite {
	color: #FFF;
	}
	.quotations blockquote {
	color: #FFF;
	}

	.quotations h1, .quotations h1 a, .quotations h1 a:hover, .quotations h1 a:focus {
	 color:#ccc; font-size: 3rem;
	}

	.quotations h2, .quotations h2 a, .quotations h2 a:hover, .quotations h2 a:focus {
	 color:#ccc; font-size: 2rem;
	}

	.quotations h3, .quotations h3 a, .quotations h3 a:hover, .quotations h3 a:focus {
	 color:#ccc; font-size: 1.5rem;
	}

	.quotations h4, .quotations h3 a, .quotations h3 a:hover, .quotations h3 a:focus {
	 color:#ccc; font-size: 1.2rem;
	}

	.quotations p, .quotations p a, .quotations p a:hover, .quotations p a:focus {
	 color:#ccc; font-size: 1rem;
	}

.quickfacts {
 background-color: #b8b8b8;
  color: #000;
  padding: 4rem 4rem;
  }

.grey { background-color: #b8b8b8;
  color: #000;
  padding: 2rem 2rem;
  }

.grey10-no-padding { background-color: #f9f9f9;
  color: #000;
  padding: 2rem;
  }

.grey10-no-padding h1 {color:#000;}
.grey10-no-padding h2 {color:#000;}
.grey10-no-padding h3 {color:#000;}
.grey10-no-padding h4 {color:#000;}
.grey10-no-padding p {color:#000;}
.grey10-no-padding a {color:#000;}
.grey10-no-padding a:hover {color:#000;}

.grey10 { background-color: #fafafa;
  color: #000;
  padding: 2rem 2rem;
  }

.grey10 h1 {color:#000;}
.grey10 h2 {color:#000;}
.grey10 h3 {color:#000;}
.grey10 h4 {color:#000;}
.grey10 p {color:#000;}
.grey10 a {color:#000;}
.grey10 a:hover {color:#000;}

.grey60 {background-color: #CFCFCF;
  color: #000;
  padding: 4rem 4rem; 
}


.grey70 {background-color: #EDEDED;
  color: #000;
  padding: 4rem 4rem;
}

.grey90 { background-color: #4D4D4D;
  color: #000;
  padding: 4rem 4rem;
  }

.grey90 h1 {color:#FFF;}
.grey90 h2 {color:#FFF;}
.grey90 h3 {color:#FFF;}
.grey90 h4 {color:#FFF;}
.grey90 p {color:#FFF;}
.grey90 a {color:#FFF;}
.grey90 a:hover {color:#FFF;}

div.tabs-content {padding-bottom: 0px; margin-bottom:0px;} /* spacing underneath */


.meredith-grey {background-color: #E5E5E5;
  color: #000;
  padding: 1rem 4rem 0rem 4rem;
}

.meredith-grey h1 {color:#000;}
.meredith-grey h2 {color:#000;}
.meredith-grey h3 {color:#000;}
.meredith-grey h4 {color:#000;}
.meredith-grey p {color:#000;}
.meredith-grey a {color:#82003d;}
.meredith-grey a:hover {color:#82003d;}


.meredith-red {background-color: #82003d;
  color: #FFF;
  padding: 1rem 4rem 0rem 4rem;
}

.meredith-red h1 {color:#FFF}
.meredith-red h2 {color:#FFF}
.meredith-red h3 {color:#FFF}
.meredith-red h4 {color:#FFF}
.meredith-red p {color:#FFF;}
.meredith-red a {color:#FFF;}
.meredith-red a:hover {color:#FFF;}


.faculty {
  background-color: #FFF;
  color: #000;
  padding: 2rem 2rem;
}



.cyan { background-color: #007e82;
  color: #000;
  padding: 2rem 2rem;
  }
.cyan h1 {color:#FFF;}
.cyan p {color:#FFF;}
.cyan a {color:#FFF;}
.cyan a:hover {color:#FFF;}


.azure { background-color: #F0FFFF;
  color: #000;
  padding: 2rem 2rem;
  }

.azure h1 {color:#FFF;}
.azure p {color:#FFF;}
.azure a {color:#FFF;}
.azure a:hover {color:#FFF;}

.mint { background-color: #f5fffa;
  color: #000;
  padding: 2rem 2rem;
  }

.mint h1 {color:#FFF;}
.mint p {color:#FFF;}
.mint a {color:#FFF;}
.mint a:hover {color:#FFF;}


.purple { background-color: #592c82;
/* background-color: #663399; */
  color: #000;
  padding: 2rem 2rem;
  }

.purple h1 {color:#FFF;}
.purple h2 {color:#FFF;}
.purple h3 {color:#FFF;}
.purple h4 {color:#FFF;}
.purple p {color:#FFF;}
.purple a {color:#FFF;}
.purple a:hover {color:#FFF;}


/* .purple h1, h2, h3, h4, p {color:#FFF;}
.purple.large-heading {color:#FFF;}

	.purple h1, .purple a, .purple a:hover, .purple a:focus {
	 color:#FFF;
	} */

.band.medium-grey {
	width: 100%;
	margin: 0;
	background-color: #ccc;
	padding-top: 28px;
	padding-bottom: 21px;
	}


	.band.medium-grey h1, .band.medium-grey h1 a, .band.medium-grey h1 a:hover, .band.medium-grey h1 a:focus {
	 color:#82003d;
	}
	
	.band.medium-grey h2, .band.medium-grey h2 a, .band.medium-grey h2 a:hover, .band.medium-grey h2 a:focus {
	 color:#82003d;
	}

	.band.medium-grey h3, .band.medium-grey h3 a, .band.medium-grey h3 a:hover, .band.medium-grey h3 a:focus {
	 color:#82003d;
	}
	
	.band.medium-grey h4, .band.medium-grey h4 a, .band.medium-grey h4 a:hover, .band.medium-grey h4 a:focus {
	 color:#222;
	}
	
	.band.medium-grey p a:hover {
	 color:#000;
	}

	
.band.light-grey {
	width: 100%;
	margin: 0;
	background-color: #EBEBEB;
	padding-bottom: 21px;
	padding-top: 49px;
	}

	.band.light-grey h1, .band.light-grey h1 a, .band.light-grey h1 a:hover, .band.light-grey h1 a:focus {
	 color:#990033;
	}
	
	.band.light-grey h2, .band.light-grey h2 a, .band.light-grey h2 a:hover, .band.light-grey h2 a:focus {
	 color:#990033;
	}

	.band.light-grey h3, .band.light-grey h3 a, .band.light-grey h3 a:hover, .band.light-grey h3 a:focus {
	 color:#990033;
	}
	
	.band.light-grey h4, .band.light-grey h4 a, .band.light-grey h4 a:hover, .band.light-grey h4 a:focus {
	 color:#333;
	}
	
	.band.light-grey p a:hover {
	 color:#000;
	}

.light-grey {
 background-color: #d3d3d3;
  color: #000;
  padding: 4rem 4rem;
  }


.catalogue {
	width: 100%;
	margin: 0;
	background-color: #3f3f3f;
	padding-top: 28px;
	padding-bottom: 21px;
	}

	.catalogue h1, .catalogue h1 a, .catalogue h1 a:hover, .catalogue h1 a:focus {
	 color:#FFF; font-size: 3rem;
	}

	.catalogue h2, .catalogue h2 a, .catalogue h2 a:hover, .catalogue h2 a:focus {
	 color:#ccc; font-size: 2rem;
	}

	.catalogue h3, .catalogue h3 a, .catalogue h3 a:hover, .catalogue h3 a:focus {
	 color:#ccc; font-size: 1.5rem;
	}

	.catalogue h4, .catalogue h3 a, .catalogue h3 a:hover, .catalogue h3 a:focus {
	 color:#ccc; font-size: 1.2rem;
	}

	.catalogue p, .catalogue p a, .catalogue p a:hover, .catalogue p a:focus {
	 color:#ccc; font-size: 1rem;
	}

.band.pdf {
	width: 100%;
	margin: 0;
	background-color: #666;
	padding:0px;
	}

	.band.pdf a:link, .band.footer a:hover {color:#FFF; text-decoration:underline;}
	.band.pdf a:hover {color:#FFF; opacity: 0.75;}

	.band.pdf p {color:#FFF;font-weight:normal;}



.slider {
  background-color: transparent;
  height: auto;
  color: #fff;
  margin:0;
}

.call-to-actions {
  background-color: transparent;
  height: auto;
  color: #fff;
  margin:0;
}

.enews-icons {
	padding-top: 28px;
	padding-bottom: 28px;
	background-color:#FFF;
	}

.social {
  background-color: #151515;
  color: #fff;
  text-align:center;
}




.social i {
 font-size: 2rem;
 padding-top: 1rem;
 padding-right: 2rem;
 padding-left:2rem;
}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: #FFF none repeat scroll 0% 0%;
    color: #000;
}





.social h3 {

  color: #fff;

  font-size: 2rem;

  font-weight: 400;

  text-transform: none;

  margin-top: 2.5rem;

  margin-bottom: 10px;
  
 display:block;

}

.social p, .social a {

  font-weight: 300;

  font-size: .8em;

  color: #fff;

}


.band.header-campus-connections {
	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
	background-color:#82003d;
	margin:0;
	padding: 14px;
	height:auto;
	}

	.band.header-campus-connections h1, .band.header-campus-connections h1 a, .band.header-campus-connections h1 a:hover, .band.header-campus-connections h1 a:focus {
	 color:#FFF; font-size: 2.8rem; line-height: 2.5rem;
	}

	.band.header-campus-connections h2, .band.header-campus-connections h2 a, .band.header-campus-connections h2 a:hover, .band.header-campus-connections h2 a:focus {
	 color:#FFF; font-size: 2rem; line-height: 2rem;
	}


.band.header-lux {
	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
	background-color:#82003d;
	margin:0;
	padding: 14px;
	height:auto;
	}

	.band.header-lux h1, .band.header-lux h1 a, .band.header-lux h1 a:hover, .band.header-lux h1 a:focus {
	 color:#FFF; font-size: 2.8rem; line-height: 2.5rem;
	}

	.band.header-lux h2, .band.header-lux h2 a, .band.header-lux h2 a:hover, .band.header-lux h2 a:focus {
	 color:#FFF; font-size: 2rem; line-height: 2rem;
	}


.band.header-parent-connection {
	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
	background-color:#82003d;
	margin:0;
	padding: 14px;
	height:auto;
	}

	.band.header-parent-connection h1, .band.header-parent-connection h1 a, .band.header-parent-connection h1 a:hover, .band.header-parent-connection h1 a:focus {
	 color:#FFF; font-size: 2.8rem; line-height: 2.5rem;
	}

	.band.header-parent-connection h2, .band.header-parent-connection h2 a, .band.header-parent-connection h2 a:hover, .band.header-parent-connection h2 a:focus {
	 color:#FFF; font-size: 2rem; line-height: 2rem;
	}

.band.header {
	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background.png);
	background-repeat: no-repeat;
	background-color:#82003d;
	margin:0;
	padding: 14px;
	/* height:100px; */
	height:auto;
	}

	.band.header h1, .band.header h1 a, .band.header h1 a:hover, .band.header h1 a:focus {
	 color:#FFF; font-size: 2.8rem;
	}

	.band.header h2, .band.header h2 a, .band.header h2 a:hover, .band.header h2 a:focus {
	 color:#FFF; font-size: 2rem;
	}


	.band.header h3, .band.header h3 a, .band.header h3 a:hover, .band.header h3 a:focus {
	 color:#FFF; font-size: 1.4rem;
	}

.band.header-beyondstrong {
	background: none repeat scroll 0 0 transparent;
	background-image: url(/img/header_background_beyondstrong2.png);
	background-repeat: no-repeat;
	background-color:#82003d;
	margin:0;
	padding: 14px;
	height:100px;
	}





.footer {
	background: none repeat scroll 0 0 transparent;
	background-repeat: no-repeat;
	background-image: url(/img/footer_background.png);


  background-color: #80023d;

  padding: 2rem 2rem; 

  text-align: center;

  color: #fff;

}

.footer i {

  font-size: 100px;

}



.footer h4 {

  color: #fff;

  font-size: 1em;

  font-weight: 400;

  text-transform: uppercase;

  margin-top: 0;

  margin-bottom: 10px;

}

.footer h3 { color: #fff;}

.footer p, .footer a {

  font-weight: 300;

  font-size: .8em;

  color: #fff;

}



@media only screen and (min-width: 40.063em) {

  .footer .columns:nth-child(n+2) {

    border-left: 1px solid #b3b3b3;

    min-height: 280px;

  }
}
  

.footer-links {
  list-style-type: none;

}

.footer-links li {
	margin-top: 0px;
	line-height: 1.2em;
	padding-bottom: .8em;
}


.large {font-size: 1.4rem;}
.tiny {font-size: 1rem;}

.calendar {
	background-color: #B0B0B0;
	}
	
.celebrating125 {font-size:2rem; text-align:left;}


/* FOUNDATION OVERRIDES */

.breadcrumbs {border:none;}

/* Off Canvas */ 
.left-off-canvas-menu {background: #FFF !important;}

 ul.off-canvas-list li a {color: #000;  border-bottom: 1px solid #ccc;}

 ul.off-canvas-list li a:hover {background: #242424; color:#ccc;}
	  
 ul.off-canvas-list li a:active {background: #242424;}

  ul.off-canvas-list li label {
    background: #82003d;
    color: #FFF;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
	}
	
/* SideNav Styles */


.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: inside;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem; }
    .side-nav li a:not(.button) {
      display: block;
      color: #82003d;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	background: rgba(0, 0, 0, 0.055);
	color: #333333;
}


    .side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #008cba;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

 .side-nav li.here > a:first-child:not(.button) {
      /* background: rgba(0, 0, 0, 0.055); */
	  background:#82003d;
	  color: #FFF;
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
	  
	  
	  
	  /* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }