﻿/* css colour overides - Resident */

/* main dark colour behind language bar and page title bar */
.purple {
    background-color: #67578f !important;
 /* background-color: #5d4d85 !important;*/
    color: #ffffff;
}


/* main light colour behind crumb bar */
.lightpurple {
    /*background-color: #7d6ea5 !important;*/
    /*  background-color: #7c6ba7 !important; */
  background-color: rgba(81, 113, 146, 1) !important;
    color: #ffffff;
}


/* skip to content button border colour */
.topheadbutton, .topheadbuttonsearchmobile {
    border-color: #7c6ba7 !important; 
}


/* language button border colour */
.languagebutton {
    border-color: #7c6ba7 !important;
}

/* top button hover */
.topheaderblock a:hover, .topheaderblock a:active, .topheaderblock a:focus {
    background-color: rgba(17, 176, 153, 1) !important;
}



/* atoz container colour */
.atozcontainer {
    background-color: #67578f !important;
    /*  background-color: #594f6b !important;*/
    
}

/* atoz container button colour */
.atozstrip li a {
    border-color: #7d6ea5 !important;
}

/* atoz container button hover colour */
.atozstrip li a:hover {
    background-color: #7d6ea5 !important;
}



/* link colours */

/* nav-right */
.sectionlinksselected {
       background: #5d4d85 url("/SiteElements/CSSImages/link-footer-icon.png") no-repeat scroll 0 6px !important;
    
}

/* body links */
.container .contentright a {
   /* color: rgba(19, 171, 231, 1) !important; */
  color: rgba(5, 97, 189, 1) !important;
    
}


/* grid-more */
ul.grid-more li, ul.grid-more li a {
  color: #440caa !important;
   /* color: #5d4d85 !important;*/
}


/* where's my nearest buttonm */
.wmnstrip a {
    background-color: #34bbaa !important;
    border: 5px solid lightgrey !important;
    }

.wmnstrip a:hover {
    background-color: #00957e !important;
}

.contentright .actioncontainer a {color: #ffffff !important;}



/* grid container */
.white {
    background-color: #ffffff;
}

/* grid images */
.gridbox img {
    border: 3px solid white;
    border-radius: 35px;

}

/* grid letters */
.gridletter {
   background: #897ea9 linear-gradient(to right bottom, #948ab1 50%, #897ea9 50%) repeat scroll 0 0 !important; 
   text-shadow: 1px 1px 1px #5d4d85;
}

th {
  background: #67578f !important;
   /* background: #5d4d85 !important;*/
}

/*
.containerslider {
background: linear-gradient(65deg, #40355B, #5d4d85)
}
*/

.containerslider {
background: linear-gradient(45deg, #40355B, #605070, #805070, #5d4d85);
/*  background: linear-gradient(45deg, #40355B, rgba(63, 93, 139, 0.97), #605070, #805070, #5d4d85); */

}


/*
.containersliderhome {
  
  background: rgba(6, 6, 6, 1) url("/SiteElements/CSSImages/sliderbg/2.jpg") no-repeat scroll center center / 100% auto;
}
*/

.containersliderhome {
    background-color: rgba(6,6,6,1);
    background-image: url("/SiteElements/CSSImages/sliderbg/2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.landingtitle {
   
    color: white;
    display: block;
    font-size: 0.9em;
    line-height: 1.1em;
    margin-left: 120px;
    margin-right: 50px;
    padding-left: 15px;
    padding-top: 5px;
}


.landingdesc {
    
    color: white;
    display: block;
    font-size: 0.6em;
    line-height: 1.2em;
    margin-left: 120px;
    margin-right: 50px;
    margin-top: 0px !important;
    padding-bottom: 10px;
    padding-left: 17px;
}

/*----- PLF ---*/
.topplfblock a:hover {
    color: #5d4d85 !important;
}

.headercontainerx {
    display: inline-block;
    width: 100%;
    margin-bottom: -6px;
}


.nwpcpbanner {
    background: url(/SiteElements/CSSImages/header-bg/pmast.jpg) left 7px repeat;
}

.headerblock {
    background-color: transparent;
}

.headerblock img {
    max-width: 100%;
  width: auto;
    padding-top: 7px;
    height: auto;
}



/* New rules */
.sys_simpleListMenu {
    margin-left: -40px;
}

/* full.css (1219, 16) */
.topwmnbutton {
    border: 1px solid white !important;
display: none;
}

/* overide-resident.css (4, 10) */
.purple {
    background: linear-gradient(45deg, #33475C, #527394);
    color: #ffffff;
}

/* overide-resident.css (20, 45) */
.topheadbutton, .topheadbuttonsearchmobile {
    border-color: white !important;
}

/* overide-resident.css (26, 18) */
.languagebutton {
    border-color: white !important;
}

.sectionlinksselected {
    background: url("/SiteElements/CSSImages/link-footer-icon.png") no-repeat scroll 0 6px, linear-gradient(45deg, #33475C, #527394) !important;
}



.titlecontainerblock {
    padding-bottom: 10px;
}



.topheaderinnertabcontainer .sys_first {
    border-left-color: transparent !important;
}





.bleft {
    display: inline-block;
}

/* full.css (4795, 19) */
.usr_whiteboximg {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 2px #eeeeee;
    padding: 20px !important;
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
}

/* full.css (4807, 23) */
.usr_whiteboximg img {
    width: auto;
    height: auto;
    max-width: 300px;
    margin-right: 20px;
    float: left;
}


.contentright h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 40px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    border-bottom: 1px solid #dddddd;
    color: rgba(55, 77, 99, 1);
    padding-bottom: 10px;
}


.contentright ol li::before {
    background-color: rgba(75, 105, 135, 1);
    left: -1.6em;
    margin-top: -12px;
    border-top-right-radius: 0px;
}

.contentright ol li {
padding-bottom: 0px;
padding-left: 0px;
    background-color: white;
    border: 1px solid #aaaaaa;
    margin-bottom: 20px;
    padding: 10px;
    border-left: 5px solid rgba(75, 105, 135, 1);
  box-shadow: 2px 2px 10px #dddddd;
}


.footerinfoaddress {
    margin-left: 0px;
}

.container {
    padding-top: 10px;

}

a:hover {
    cursor: pointer;
}


/*-------------------------------tablet---------------------------------*/
@media (max-width: 1024px) {
  .footerinfoaddress {
    margin-left: 36px;
}
}

/*-------------------------------mobile---------------------------------*/
@media (max-width: 736px) {





.searchcontainer {
    background-color: #7c6ba7 !important;
}

.searchblock input[type="text"] {
   /* background-color: #897AB0; */
  background-color: #eeeeee;
}
  
  .landingtitle {
font-size: 0.7em;
}

.landingdesc {
font-size: 0.45em;
}
  
  .footerinfoaddress {
    margin-left: 36px;
}


}