/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body.normal {
  background-color: #50b3ea;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 767px) {
	body.normal {
	  background-image: url('../images/bg_mobile.jpg');
	  background-attachment: scroll;
	}
}
@media (min-width: 768px) {
	body.normal {
	  background-image: url('../images/bg.jpg');
	}
}

.navbar-normal > .container > .navbar-header > .navbar-brand {
  padding: 15px;
}

body#home {
  width: 100%;
  height: 100%;
  margin: 0;
  padding-bottom: 0;
}
#home #home-announcements {
  display:none;
  position: fixed;
  width: 100%;
  height: 160px;
  z-index: 100;
}
@media (max-width: 767px) {
  #home #home-announcements {
    position: static;
  }
}
@media (min-width: 992px) {
  #home #home-announcements {
    top: 80px;
  }
}
@media (max-width: 991px) {
  #home #home-announcements {
    top: 120px;
  }
}

#home .home-announcement-container {
	background-color: transparent;
	margin-top: 4px;
}
#home .home-announcement-container .container {
	border: 3px solid white;
}
#home #home-announcements .home-announcement-row {
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#home #home-announcements .close-button {
  float: left;
  font-size: 16px;
}
/* https://stackoverflow.com/q/14147451/3643497 */
#home #home-overlay {
  background:rgba(0,0,0,0.3);
  display:none;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:99998;
  pointer-events:none;
}
#home #locale-selector-overlay {
  background:rgba(255,255,255,0.8);
  /*display:none;*/
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:99998;
  
  display: flex;
  align-items: center;
  justify-content: center;
}
#home #locale-selector-buttons {
	width: 100%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home .btn-locale-selector {
	width: 30%;
	height: 100%;
  font-size: 8vmin;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 1% 0 1%;
}
#home .btn-chinese {
	background-color: red;
	border-color: red;
}
#home .btn-korean {
  background-color: blue;
  border-color: blue;
}
#home .btn-english {
  background-color: gray;
  border-color: gray;
}
#home .page-header {
  margin-top: 80px;
  margin-bottom: 20px;
  border-bottom: 0px;
}
#home .page-header > h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}
#home #search-container {
  position:relative;
  z-index:1;
}
#home #search-container > .search-content {
  padding: 10px;
  background-color: rgba(0, 0, 0, 1);
  border-width: 0px;
}
#home #search-container > .search-content .row:not(:first-child) {
  margin-top: 10px;
}
#home #search-container > .search-content .form-control {
  background-color: white;
  color: black;
  border-color: black;
  border-radius: 0px;
  border-width: 1.5px;
  height: 40px;
}
#home #search-container > .search-content select.form-control {
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* arrows */
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: calc(100% - 5px) 7px;
}
#home #search-container > .search-content select.form-control > option {
  background-color: white;
  color: black;
}
#home #search-container > .search-content select#visa-status-dropdown.form-control option#option-J1VisaScholarExchangeProgramVisitor {
  background-color: white;
  color: red;
}
#home #search-container > .search-content .combobox-container > .input-group {
  color: black;
}
#home #search-container > .search-content .combobox-container > .input-group > .form-control {
  border-right-width: 0px;
}
#home #search-container > .search-content .combobox-container > .input-group > .form-control::-webkit-input-placeholder {
  padding-left: 0px;
  color: black;
}
#home #search-container > .search-content .combobox-container > .input-group > .form-control:-moz-placeholder {
  padding-left: 0px;
  color: black;
}
#home #search-container > .search-content .combobox-container > .input-group > .form-control:-ms-input-placeholder {
  padding-left: 0px;
  color: black;
}
#home #search-container > .search-content .combobox-container > .input-group > .input-group-addon {
  background-color: white;
  color: black;
  border-color: black;
  border-radius: 0px;
  border-width: 1.5px;
}
#home #search-container > .search-content .combobox-container > .input-group > ul.dropdown-menu {
  background-color: white;
  color: black;
  border-color: black;
  border-width: 1px;
}
#home #search-container > .search-content .combobox-container > .input-group > .dropdown-menu > li > a {
  color: black;
  padding-left: 12px;
}
#home #search-container > .search-content .combobox-container > .input-group > .dropdown-menu > li > a:hover,
#home #search-container > .search-content .combobox-container > .input-group > .dropdown-menu > li.active > a {
  background-color: #1e90ff;
}
#home #search-container > .search-content button.btn {
  width: 100%;
  height: 40px;
  padding-left: 30px;
  border-radius: 0px;
  background-color: #3155dd;
  color: #fff;
  border-width: 1.5px;
  border-color: #fff;
  background-image: url('../images/search.png');
  background-size: 10px;
  background-position: calc(50% - 25px) 50%;
  background-repeat: no-repeat;
}
#home #search-container > .search-content .form-inline .form-control {
  width: 100%;
}
@media (max-width: 767px) {
  #home #home-viewport {
    height: calc(100% - 80px);
  }
  #home .page-header > h1 {
    font-size: 3rem;
  }
  #home #search-container > .search-content .form-control#state-dropdown,
  #home #search-container > .search-content .form-control#school-dropdown,
  #home #search-container > .search-content .combobox-container 
  {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  #home #home-viewport {
    width: 100%;
    height: calc(100% - 240px);
    margin: 160px 0 0 0;
    position: relative;
  }
  #home #search-container {
    width: 760px;
  }
  #home #search-container > .search-content .form-control#state-dropdown,
  #home #search-container > .search-content .form-control#school-dropdown
  {
    width: 295px;
  }
  #home #search-container > .search-content .combobox-container {
    margin-left: 10px;
  }
  #home #search-container > .search-content .combobox-container > .input-group {
    width: 295px;
  }
  #home #search-container > .search-content .combobox-container > .input-group > .input-group-addon {
    width: 30px;
  }
  #home #search-container > .search-content button.btn {
    width: 90px;
    margin-left: 10px;
  }
}

#home #home-viewport .plans-container {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 48px;
  background-color: transparent;
}
#home .plans-container > .container {
  padding: 0px;
  width: 100%;
}
#home .plans-container > .container:before,
#home .plans-container > .container .navbar-collapse:before,
#home .plans-container > .container .nav:before,
#home .plans-container > .container:after,
#home .plans-container > .container .navbar-collapse:after,
#home .plans-container > .container .nav:after {
  content: none;
}
#home .plans-container > .container > #home-navbar {
  padding: 0px;
}
#home .plans-container > .container > #home-navbar .navbar-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li {
  width: 23vw;
  text-align: center;
  border: 3px solid rgba(0, 0, 0, 0.7);
  outline: 1px solid #fff;
  -moz-background-clip: padding;     /* Firefox 3.6 */
  -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  font-size: 2rem;
  font-weight: bold;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li > a {
  padding: 10px 10px;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li.blue > a {
  color: #fff;
  background-color: #4169e1;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li.green > a {
  color: #fff;
  background-color: #28a428;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li.white > a {
  color: #000000;
  background-color: #fff;
}
#home .plans-container > .container > #home-navbar .navbar-nav > li.purple > a {
  color: #fff;
  background-color: #9400D3;
}

#home > .plans-out-container {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 100%;
}

#home > .plans-out-container > .plans-container > .container > #home-navbar .navbar-nav > li.plan-desc {
	background-color: transparent;
	color: #fff;
  font-size: 1.6rem;
  font-weight: normal;	
}

#home > .plans-out-container .plan-desc h5,
#home > .plans-out-container .plan-desc h6 {
  font-size: 1.6rem;
  font-weight: bold;
}

#home > .plans-out-container .plan-desc h5 {
	color: red;
}

#home hr.featurette-divider {
  color: #5a5a5a;
  border-top: 1px solid rgba(0,0,0,.1);
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}
#home #announcement-container {
  width: 100%;
  margin-top: 10px;
}
#home #announcement-container h4 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-left: 10px;
}
#home #announcement-container .table {
  width: 100%;
  font-size: 1.6rem;
}
#home #announcement-container .table .announcement-date {
  font-size: 1.4rem;
}
#home .page-block-list {
	padding-top: 20px;
	padding-bottom: 60px;
	background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
	#home .page-block-list {
	  padding-top: 0;
	}
}

#home .page-block-image {
  height: 200px;
}

#home .page-block-image img {
	display: block;
  max-height: 180px;
  max-width: 100%;
  margin: auto;
}

#home .page-block-content {
	color: #000;
  border: 3px solid #9dc3e6;
  background-color: #f2f2f2;
  padding: 10px;
  margin-top: 140px;
  height: 575px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
	#home .page-block-content {
    margin-top: 40px;
	}
}

#home .page-block-content-dialog .page-block-image {
	display: none;
}

#home .page-block-content-dialog a {
  color: #337ab7;
}

#home .page-block-content h1 {
	text-align: center;
	font-size: 2rem;
}

#home .page-block-content h2 {
  font-size: 16px;
}

#home .page-block-content .container {
	width: 100%;
}