@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');


#wrapper #content #WelcomeSnippet {min-height: 150px;margin-bottom: 1em; position:relative; display:block; padding: 12px; background: linear-gradient(to bottom right, #18194f, #18194f); color: #fff; text-decoration:none;}
#WelcomeSnippet .bgImage {background: url("/studentservices/welcome/images/decorative/WebWidgetv3.png") no-repeat right -26px bottom -26px; background-size:36%; position:absolute; top: 0; left: 0;bottom: 0; right: 0;}
#WelcomeSnippet *{color: #fff; text-decoration:none;}
#WelcomeSnippet .welcomeTitle{font-family: 'Circular', cursive; letter-spacing: 3px; display:block; font-size: 2.2em!important; font-weight: bold; line-height: 1.2em; margin-bottom: 0.4375em;}

#WelcomeSnippet p{width: 70%; font-weight:bold; }
#WelcomeSnippet .CTA{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:inline-block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #DE1B5C;
  color: #fff; 
  text-align:left; 
  padding: 10px 30px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 4px top 50%; 
  background-repeat:no-repeat; 
  margin-bottom: 4px;
  border: 2px solid transparent;}

#content #WelcomeSnippet:hover {color: #fff; text-decoration:none;}
#content #WelcomeSnippet:hover .CTA {background-color: transparent; color: #fff; border-color: #fff; text-decoration:none;}



#content.sys_fullWidth #WelcomeSnippet{height: 130px; padding: 30px; margin-bottom: 2em;}
#content.sys_fullWidth #WelcomeSnippet .bgImage{background-size: 34%; background-position: 100% 50%;}

#content .sys_one_7030 #WelcomeSnippet .bgImage,
#content .sys_two_3070 #WelcomeSnippet .bgImage{background-size: 40%;}


#content .sys_twoColumns5050 .sys_one #WelcomeSnippet .bgImage,
#content .sys_twoColumns5050 .sys_two #WelcomeSnippet .bgImage{background-size: 46%;}


#content .sys_twoColumns5050 #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_twoColumns5050 #Welcome-MyNottinghamApp-Snippet p{width: 60%;}

#content .sys_two_7030 #Welcome-MyNottinghamApp-Snippet p,
#content .sys_one_3070 #Welcome-MyNottinghamApp-Snippet p,
#content .sys_threeColumns #Welcome-MyNottinghamApp-Snippet p,
#content .sys_one_1585 #Welcome-MyNottinghamApp-Snippet p,
#content .sys_one_2575 #Welcome-MyNottinghamApp-Snippet p,
#content .sys_fourColumns #Welcome-MyNottinghamApp-Snippet p,
#content .sys_fiveColumns #Welcome-MyNottinghamApp-Snippet p{width: 100%;}


#content .sys_two_7030 #WelcomeSnippet .bgImage,
#content .sys_one_3070 #WelcomeSnippet .bgImage,
#content .sys_threeColumns #WelcomeSnippet .bgImage,
#content .sys_one_1585 #WelcomeSnippet .bgImage,
#content .sys_one_2575 #WelcomeSnippet .bgImage,
#content .sys_fourColumns #WelcomeSnippet .bgImage,
#content .sys_fiveColumns #WelcomeSnippet .bgImage,
#content .sys_two_7030 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_one_3070 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_threeColumns #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_one_1585 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_one_2575 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_fourColumns #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_fiveColumns #Welcome-MyNottinghamApp-Snippet .bgImage{display:none;}

#content .sys_two_7030 #WelcomeSnippet .welcomeTitle,
#content .sys_one_3070 #WelcomeSnippet .welcomeTitle,
#content .sys_threeColumns #WelcomeSnippet .welcomeTitle,
#content .sys_one_1585 #WelcomeSnippet .welcomeTitle,
#content .sys_one_2575 #WelcomeSnippet .welcomeTitle,
#content .sys_fourColumns #WelcomeSnippet .welcomeTitle,
#content .sys_fiveColumns #WelcomeSnippet .welcomeTitle,
#content .sys_two_7030 #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_one_3070 #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_threeColumns #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_one_1585 #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_one_2575 #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_fourColumns #Welcome-MyNottinghamApp-Snippet .appTitle,
#content .sys_fiveColumns #Welcome-MyNottinghamApp-Snippet .appTitle{font-size: 1.2rem!important; line-height: 1.3rem;}

#content .sys_two_7030 #WelcomeSnippet p,
#content .sys_one_3070 #WelcomeSnippet p,
#content .sys_threeColumns .sys_one #WelcomeSnippet p,
#content .sys_threeColumns .sys_two #WelcomeSnippet p,
#content .sys_threeColumns .sys_three #WelcomeSnippet p,
#content .sys_one_1585 #WelcomeSnippet p,
#content .sys_one_2575 #WelcomeSnippet p,
#content .sys_fourColumns .sys_one #WelcomeSnippet p,
#content .sys_fourColumns .sys_two #WelcomeSnippet p,
#content .sys_fourColumns .sys_three #WelcomeSnippet p,
#content .sys_fourColumns .sys_four #WelcomeSnippet p,
#content .sys_fiveColumns .sys_one #WelcomeSnippet p,
#content .sys_fiveColumns .sys_two #WelcomeSnippet p,
#content .sys_fiveColumns .sys_three #WelcomeSnippet p,
#content .sys_fiveColumns .sys_four #WelcomeSnippet p,
#content .sys_fiveColumns .sys_five #WelcomeSnippet p{width: 100%;}



#content .sys_two_7030 #WelcomeSnippet p,
#content .sys_one_3070 #WelcomeSnippet p,
#content .sys_threeColumns .sys_one #WelcomeSnippet p,
#content .sys_threeColumns .sys_two #WelcomeSnippet p,
#content .sys_threeColumns .sys_three #WelcomeSnippet p{width: 100%;}








#content .sys_detailImage img, #serviceLandingPage .sys_detailImage img{margin-bottom: 1em;}
#content #serviceDetail .sys_CTAs a,
#content #ServiceCategory .sys_CTAs a{border: 2px solid transparent; color: #fff;  display:block; margin-bottom:.5em; padding: 22px 30px 20px 8px; background:  #DE1B5C url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat; background-position: right 10px top 50%; text-decoration:none; background-size: 12px;}
#content #serviceDetail .sys_CTAs a:hover,
#content #ServiceCategory .sys_CTAs a:hover{border-color: #18194f; background-color: transparent; color: #18194f; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");}











#wrapper #content #Welcome-MyNottinghamApp-Snippet {height: auto; min-height: 100%; margin-bottom: 1em; position:relative; display:block; padding: 12px; background: linear-gradient(to bottom right, #efefef, #e6e6e6); color: #18194f; text-decoration:none;}
#Welcome-MyNottinghamApp-Snippet .bgImage {background: url("/studentservices/welcome/images/decorative/welcomeapponmobile.png") no-repeat right -146px bottom 50%; background-size: 306px; position:absolute; top: 0; left: 0;bottom: 0; right: 0;}
#Welcome-MyNottinghamApp-Snippet *{color: #18194f; text-decoration:none;}
#Welcome-MyNottinghamApp-Snippet .appTitle{display:block; font-size: 1.6rem; line-height: 1.8rem; font-weight: bold; margin-bottom: 0.4375em;}

#Welcome-MyNottinghamApp-Snippet p{width: 70%; font-weight:bold; }
#Welcome-MyNottinghamApp-Snippet .CTA{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:inline-block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #18194f;
  color: #fff; 
  text-align:left; 
  padding: 10px 30px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 4px top 50%; 
  background-repeat:no-repeat; 
  margin-bottom: 4px;
  border: 2px solid transparent;}

#content #Welcome-MyNottinghamApp-Snippet:hover {color: #18194f; text-decoration:none;}
#content #Welcome-MyNottinghamApp-Snippet:hover .CTA {background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");background-color: transparent; color: #18194f; border-color: #18194f; text-decoration:none;}


#content .sys_one_7030 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_two_7030 #Welcome-MyNottinghamApp-Snippet .bgImage
#content .sys_one_3070 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_two_3070 #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_threeColumns .sys_one #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_threeColumns .sys_two #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_threeColumns .sys_three #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_twoColumns5050 .sys_one #Welcome-MyNottinghamApp-Snippet .bgImage,
#content .sys_twoColumns5050 .sys_two #Welcome-MyNottinghamApp-Snippet .bgImage{background-position: right -140px bottom 50%; background-size: 306px;}



.sys_twoColumns_7030 .sys_two_7030 .welcomeSnippet2020 .extraordinary {
  font-size: 28px;
  line-height: 26px;
}
.sys_twoColumns_7030 .sys_two_7030 .welcomeSnippet2020 {
  font-size: 17px;
}
.sys_twoColumns_7030 .sys_two_7030 .welcomeSnippet2020 .welcomeTitle {
  margin-top: 0;
}

#content a.welcomeSnippetAnchor {
  text-decoration: none;
}

.welcomeSnippet2020 {
  background-image: 
  url('/studentservices/welcome/images/decorative/welcome/topleft.png'),  
  url('/studentservices/welcome/images/decorative/welcome/topright.png')/*, 
  url('/studentservices/welcome/images/decorative/welcome/bottomleft.png'),  
  url('/studentservices/welcome/images/decorative/welcome/bottomright.png'),
  url('/studentservices/welcome/images/decorative/welcome/bottomleftrightinter.png'),
  url('/studentservices/welcome/images/decorative/welcome/bottomleftrightinter.png'),  
  url('/studentservices/welcome/images/decorative/welcome/bottommid.png')*/;
  background-repeat: no-repeat, no-repeat/*, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x*/;
  background-position: top left, top right/*, bottom left, bottom right, bottom left, bottom right, bottom*/;
  background-color: #021249;
  border: 16px solid #021249;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1px;
}
.welcomeSnippet2020 .welcomeTitle {
  height: 30px;
  margin-top: -8px;
}

.welcomeSnippet2020 .extraordinary {
  font-size: 60px;
  line-height: 60px;
  padding-top: 8px;
}

.welcomeSnippet2020 .welcomeMessage {
  font-weight: normal;
  letter-spacing: 0;
  padding: 8px;
  text-decoration: underline #021249; /*stop underline showing*/
}

.welcomeSnippet2020 .welcomeMessage .holderForCTA{
  text-align: right;
}

a.welcomeSnippetAnchor .welcomeSnippet2020 .welcomeMessage .holderForCTA .CTA{
  background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:inline-block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #DE1B5C;
  color: #fff; 
  text-align:left; 
  padding: 10px 30px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 4px top 50%; 
  background-repeat:no-repeat; 
  margin-top: 8px;
  border: 2px solid transparent;
  font-size: 16px;
  line-height: 16px;
}

a.welcomeSnippetAnchor:hover .welcomeSnippet2020 .welcomeMessage .CTA{
  background-color: transparent; 
  color: #fff; 
  border-color: #fff; 
  text-decoration:none;
}

.welcomeSnippet2020 .hashtag {
  background-color:#021249;
  width: 125px;
  margin: 0 auto;
}
.welcomeSnippet2020 .extraordinary .extraordinary-E{
  color: #00a0bb;
}
.welcomeSnippet2020 .extraordinary .extraordinary-x{
  color: #00a0bb;
}
.welcomeSnippet2020 .extraordinary .extraordinary-t{
  color: #00799f;
}
.welcomeSnippet2020 .extraordinary .extraordinary-r1{
  color: #00799f;
}
.welcomeSnippet2020 .extraordinary .extraordinary-a1{
  color: #00799f;
}
.welcomeSnippet2020 .extraordinary .extraordinary-o{
  color: #00a991;
}
.welcomeSnippet2020 .extraordinary .extraordinary-r2{
  color: #0ba052;
}
.welcomeSnippet2020 .extraordinary .extraordinary-d{
  color: #f72649;
}
.welcomeSnippet2020 .extraordinary .extraordinary-i{
  color: #e41c35;
}
.welcomeSnippet2020 .extraordinary .extraordinary-n{
  color: #ff892e;
}
.welcomeSnippet2020 .extraordinary .extraordinary-a2{
  color: #f8ba2e;
}
.welcomeSnippet2020 .extraordinary .extraordinary-r3{
  color: #00a0bb;
}
.welcomeSnippet2020 .extraordinary .extraordinary-y{
  color: #00a0bb;
}
@media only screen and (max-width: 767px) {
  .welcomeSnippet2020 {
    font-size: 16px;
  }
  .welcomeSnippet2020 .extraordinary {
    font-size: 40px;
    line-height: 40px;
    height: 32px;
  }
}