/*SIMPLE TWO-COL GRID*/
.jh-grid-row {
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .jh-grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .jh-grid-row .col {
    width: 50%;
flex: 1;
  }
}


/*TO PUT PATTERN BACKGROUND ON EVERY PAGE*/
body{
      background: url(/pageassets/events/whitediamond.png);
}

/*FOR ADVICE PAGE NAVIGATION PRETTY THING*/
.msl_navbar a.active img {
	-webkit-filter: brightness(1.1);
        filter: brightness(1.1);
}
.msl_navbar a:hover img {
	-webkit-filter: brightness(1.1);
        filter: brightness(1.1);
}
.msl_navbar a:hover {
	text-decoration: none;
}
.msl_navbar a img {
	-webkit-transition: 0.1s;

transition: 0.1s;
}
.advice-nav .msl_navbar li{
     width: 33%;
}

.advice-nav .level_1 li a{
	background: none;
	text-align: center;
	color: #337ab7;
}

div.col-xs-12.col-sm-4 {
rgba (81, 199, 218, 0.18);
}

a.advice-button{
	display: inline-block;
	border-radius: 2px;
	padding: 15px;
	color: #fafafa;
	background-color: #9F2136;
	margin: 15px 15px 15px 0px;
	text-decoration: none;
	transition: 0.1s;
	transition-timing-function: ease-out;
}
a.advice-button:hover{
	filter: brightness(1.1);	
}

/*ADVICE SIDEBAR*/
.advice-sidebar {
background-color: #dbfaff;
}

/*USER REGISTRATION PAGE*/
#register {
  max-width: 1100px;
  margin: 0px auto;
}
#register:before {
  content: "Create an account";
  font-size: 2em;
  font-weight: 700;
  margin: 30px auto;
}
#register:after {
  text-align: center;
content: "Having trouble? When entering your student ID, make sure you leave the 'w' and the LAST number off. If you are still unable to register, then please go back register as a 'new student' and we will contact you when you are able to login with your student ID.  Contact web@su.westminster.ac.uk ";
}
#register dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#register dl dt {
  padding: 45px;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 2px;
  background-color: rgba(51, 122, 183, 0.1);
  box-sizing: border-box;
  border: 0px solid rgba(51, 122, 183, 0.1);
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  position: relative;
}
#register dl dt:hover {
  border: 15px solid #337ab7;
  padding: 30px;
}
#register dl dt a {
  color: #337ab7;
}
#register dl dt a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#register dl dt a:hover {
  text-decoration: none;
}
#register dl dt.msl-reg-page-current {

  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background-color: rgba(51, 122, 183, 0.3);
}

@media screen and (min-width: 700px) {
  #register:before {
    display: block;
    text-align: center;
  }
  #register:after {
    text-align: center;
    max-width: 750px;
    display: block;
    margin: 30px auto;
  }
  #register dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #register dl dt {
    margin-right: 10px;
    width: calc(33.3% - 6.66px);
  }
  #register dl dt:last-of-type {
    margin-right: 0px;
  }
  #register dl dt.msl-reg-page-current {
    width: 100%;
    margin-right: 0px;
  }
}

#form_controls input.button {
    text-decoration: none;
    background: #09c;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: normal;
    padding: 7px 10px;
    font-size: 200%;
}

#ctl00_logincontrol_lnkRegister a {
padding: 1.5em;
}

/*FOOTER FIX*/
footer div.col-xs-12:last-of-type{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

/*BLOG POST STYLE - KYLE */
.msl_blog_post_body p {
    font-size: 20px;
}

/*DC UWSU WEBSITE STYLE CLASSES */
a.dc-button {
	display: inline-block;
	border-radius: 2px;
	padding: 15px;
	color: #fafafa;
	background-color: #9F2136;
	margin: 15px 15px 15px 0px;
	text-decoration: none;
	transition: 0.1s;
	transition-timing-function: ease-out;
}

a.dc-button:hover{
	filter: brightness(1.1);	
}

a.awards-button {
	display: inline-block;
	border-radius: 2px;
	padding: 15px;
	color: #fafafa;
	background-color: black;
	margin: 15px 15px 15px 0px;
	text-decoration: none;
	transition: 0.1s;
	transition-timing-function: ease-out;
border: 10px solid darkgoldenrod;
}

a.awards-button:hover{
	filter: brightness(1.1);	
}

/*SURVEY CUSTOM CLASSES*/
.checkbox label, .radio label {
padding-right: 20px;
}

label {
padding: 0 10px;
}

@media screen and (max-width: 480px) {
tr {
display: flex;
flex-direction: column;
}
.vp_form textarea.max {
    width: 100%;
}
}

/*UWSU IMAGE GALLERY PAGE */
#photo_outer {
background-color: #000000;
}

#photo_header {
background-color: white;
}

.photo_tags {
display: none;
}

a#ctl00_Main_lnkNext, a#ctl00_Main_lnkPrev {
    font-size: 1.5em;
}

.photo_prev, .photo_next {
width: 150px;
}