* If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body, .mm-wrapper {
  margin-top: 0 !important;
}

body, html {
  scroll-behavior: smooth;
  font-family: "Mulish", sans-serif;
  margin: 0 !important;
}

#mm-0 {
  background: none !important;
}

.mulish-font {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

/*******************
********************
MENU AREA
********************
*******************/

.menu-wrapper {
  box-shadow: 0px 10px 40px -5px rgb(0 0 0 / 50%);
  padding: 20px;
  background: #ffffff;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
	.menu-wrapper {
	  padding: 20px 60px;
	}	
}

#sticky-wrapper.is-sticky .menu-wrapper {
  opacity: 1 !important;
  z-index: 10 !important;
  padding: 10px 60px;
}

#top-contact {
  background: #000080;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 10px 10px 13px;
  border-radius: 25px;
  display: inline-block;
  transition: .3s ease;
  font-family: "Mulish", sans-serif;
  margin-top: 15px;
}
@media (min-width: 768px) {
	#top-contact {
	  margin-top: 20px;
	  padding: 15px 20px;	
	}
}
#top-contact:hover, #top-contact:focus, #top-contact:active {
  opacity: 0.8;
  text-decoration: none !important;
}

#contact-text {
  font-family: "Mulish", sans-serif;
}

.menu-wrapper p {
  margin: 0 !important;
}

.logo.navbar-btn.pull-left {
  margin: 0;
  float: left !important;
  width: 20%;
}

.logo img {
  max-height: 91px;
  width: auto;
}

#block-contemporary-horizontalmenu {
  float: left;
  width: 60%;
  text-align: center;
}

#block-contemporary-responsivemenumobileicon {
  float: left;
  width: 60%;
  text-align: right;
  margin-top: 25px;
}

#block--contemporary-responsivemenumobileicon #toggle-icon {
  float: right;
  margin-top: 5px;
}

#block-contemporary-contactnumeber {
  float: left;
  width: 20%;
  text-align: right;
}

.mm-panel, .mm-panels {
  background: #333333;	
}

.mm-navbar, .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  background: #333333;
  padding: 20px 25px;
  font-size: 18px;
  color: #ffffff;
  transition: .3s ease;
}

.mm-menu a:hover, .mm-menu a:hover {
  opacity: 0.8;
  font-size: 20px;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {
  background: #333333;	
}

.responsive-menu-toggle-icon {
  margin-top: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.responsive-menu-toggle-icon span.label {
 display: none;
}

.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
  height: 5px;
  left: 0;
}

.responsive-menu-toggle-icon {
  left: 50%;	
}

.responsive-menu-toggle-icon:before {
  width: 36px;	
}
.responsive-menu-toggle-icon span.icon {
  background: #000080;
  width: 46px;
}
.responsive-menu-toggle-icon:after {
  width: 56px;	
}

#block-chicks-responsivemenumobileicon {
  float: right;
  width: 40%;
  text-align: center;
}

#block-chicks-responsivemenumobileicon #toggle-icon {
  margin-top: 23px;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {
  background: #000080;	
}

.horizontal-menu {
  padding: 25px 0 0 0;	
}

.horizontal-menu li a, .horizontal-menu li span {
  color: #000080;
  padding: 10px 15px;
  font-size: 20px;
  transition: .3s ease;
  display: block;
}

.horizontal-menu li span:after {
  content: " \25BE";	
}

@media (min-width: 968px) {
	.menu-drop:after {
	  content: " \25BE";	
	}
}

.horizontal-menu li a:hover, .horizontal-menu li span:hover {
  color: #000080;
  opacity: 0.8;
}

.horizontal-menu li a:hover, .horizontal-menu li span:hover, .horizontal-menu li a:focus, .horizontal-menu li span:focus {
  color: #000080;
  text-decoration: none !important;
  opacity: 0.8;
}

.horizontal-menu li a.is-active, .horizontal-menu li span.is-active {
  color: #000080;
  opacity: 0.8;
}

.horizontal-menu .menu.sub-nav {
  text-align: left;
  background: #000080;
  border-radius: 5px;
}

.horizontal-menu .menu.sub-nav li {
  border-bottom: 1px solid #3368b1;
}

.horizontal-menu .menu.sub-nav li a, .horizontal-menu .menu.sub-nav li span {
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px;
  transition: .3s ease;
}

.horizontal-menu .menu.sub-nav li a:hover, .horizontal-menu .menu.sub-nav li span:hover, .horizontal-menu .menu.sub-nav li a.is-active, .horizontal-menu .menu.sub-nav li span.is-active {
  color: #ffffff;
  opacity: 0.8;
}

.is-sticky img {
  max-height: 41px;
  width: auto;
}

.is-sticky .horizontal-menu {
  padding: 0;
}

.is-sticky #block-contemporary-responsivemenumobileicon {
  margin-top: 11px;	
}

.is-sticky #top-contact {
  margin-top: 0;	
}

.top-logo {
  max-height: 91px;
  width: auto;
  margin-top: 11px;
}

/*******************
********************
END MENU AREA
********************
*******************/

/*******************
********************
SLIDER
********************
*******************/

.slider-wrapper {
  background: url('../images/slider-bg-mobile.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #ffffff;
  margin-bottom: 57px;
}
@media (min-width: 768px) {
	.slider-wrapper {
	    background: url('../images/slider-bg.jpg');
  		background-size: cover;
  		background-attachment: fixed;
  		background-repeat: no-repeat;
  		color: #ffffff;
  margin-bottom: 57px;
	}	
}

.slider-wrapper p {
  color: #ffffff;
}

#block-contemporary-introductorylinks {
  padding: 165px 60px;
  text-align: center;
}

#site-title {
  font-size: 42px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 45px;
}

#site-strapline {
  font-size: 26px;

 color: #ffffff;
  margin-bottom: 65px;
}

.introlink {
  color: #ffffff;
  margin: 0 25px;
  font-weight: bold;
  padding: 15px 35px;
  border-radius: 25px;
  transition: .3s ease;
  display: inline-block;
  min-width: 225px;
}
.introlink:hover, .introlink:focus  {
  opacity: 0.8;
  text-decoration: none !important;
  color: #ffffff !important;
}

#intro-links div {
  margin-bottom: 25px;	
}
@media (min-width: 968px) {
	#intro-links div {
	  margin-bottom: 0;
	  display: inline-block;
	}	
}

#introlink1 {
  background: #000080;
}
#introlink2 {
  background: #01dbdb;
}
#introlink3 {
  background: #ff0000;
}

.wavey-shape {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative; 
  bottom: -1px;
}

.wavey-shape svg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
}

.wavey-shape-fill {
  fill: #ffffff;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#intro-boxes {
  display: inline-block;
  width: 100%;
  margin-bottom: 65px;
}
@media (min-width: 608px) {
	 #intro-boxes {
	  margin-bottom: 0px;
	}	
}

.introbox {
  padding: 0px 10px 40px 10px;
  transition: .3s ease;
  position: relative;
  display: inline-block;
}
@media (min-width: 608px) {
	.introbox {
	  float: left;
	  width: 50%;
	  padding: 0px 10px 120px 10px;
	  transition: .3s ease;
	  position: relative;
	  display: inline-block;
	}
}

.introbox:hover {
  opacity: 0.9;
}

#intro-boxes img {
  border-radius: 25px;	
}

#intro-boxes-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}

#intro-boxes-title {
  text-align: center;	
}

#intro-boxes-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
  display: inline-block;
  width: 100%;
  height: auto;
}

#intro-boxes-title a:hover {
  text-decoration: none;
}

.post-slider-wrapper {
  margin-top: -180px;
}
@media (min-width: 768px) {
	.post-slider-wrapper {
	  margin-top: -280px;
	}
}

/*******************
********************
END SLIDER
********************
*******************/

/*******************
********************
BREADCRUMBS
********************
*******************/

.breadcrumbs-wrapper {
  margin-bottom: 57px;
  background: url('../images/breadcrumb-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #ffffff;
}
@media (min-width: 768px) {
  .breadcrumbs-wrapper {
  	background-attachment: fixed;	  
  }
}

.breadcrumb {
  padding: 65px 60px 0px 60px;
  background: none;
  text-align: center;
  color: #ffffff;
}

.breadcrumb a, .breadcrumb, .breadcrumb li {
  color: #ffffff !important;
}

.breadcrumb a {
  transition: .3s ease;	
}
.breadcrumb a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.breadcrumbs-wrapper .page-header {
  display: inline-block;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  margin: 0 0 20px 0;
  width: 100%;
  padding: 0 60px;
}

/*******************
********************
END BREADCRUMBS
********************
*******************/

/*******************
********************
USEFUL LINKS
********************
*******************/

.view-links .views-row {
  clear: both;
}

.view-links .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
}
@media(min-width:767px) {
	.view-links .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
	
	.view-links .views-col:nth-child(even) {
	  margin-top: 120px;	
	}
}

.view-links .views-field-field-link-image a {
  display: inline-block;	
}

/*******************
********************
END USEFUL LINKS
********************
*******************/
/*******************
********************
REPORTS & ACCOUNTS
********************
*******************/

.view-reports-accounts .view-header {
  text-align: center;
  margin-bottom: 45px;
}

.view-reports-accounts .views-row {
  clear: both;
}

.view-reports-accounts .views-col {
  padding: 1%;
  width: 100%;
  margin-bottom: 25px;
}
@media(min-width:767px) {
	.view-reports-accounts .views-col {
	  width: 33%;
	}
}

span.file.file--mime-application-pdf.file--application-pdf.icon-before {
  background: #000080;
  border: none;
  padding: 20px 10px;
  font-size: 14px;
  border-radius: 15px;
}
span.file.file--mime-application-pdf.file--application-pdf.icon-before:hover {
  opacity: 0.8;
}

.file > span, .file > span:first-child, .file > span:last-child {
  background: none;
  border: none;
  color: #ffffff;
}

.file > span a, .file > span a:hover, .file > span a:focus, .file > span a:active {
  text-decoration: none;
  display: inline-block;
}

.file-icon .icon.glyphicon.glyphicon-file {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}

/*******************
********************
END REPORTS & ACCOUNTS
********************
*******************/

/*******************
********************
NEWS
********************
*******************/

.view-news .views-row {
  clear: both;
}

.view-news .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
}
@media(min-width:767px) {
	.view-news .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}

.view-news .view-header, .view-news .view-empty {
  text-align: center;
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

.view-news .view-empty {
  font-size: 18px;
  color: #000080;
  text-align: center;
}

.view-news .views-field-field-link-image a {
  display: inline-block;
  color: #000080;
}


.view-news #news-img img {
  border-radius: 25px;
}

#news-list {
  position: relative;	
}

#news-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}
@media(min-width:767px) {
	#news-list-info {
		bottom: unset;
	}
}

.view-news #news-title {
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;	
}


.view-news #news-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-news #news-title a:hover {
  text-decoration: none !important;
}

#news-created {
  font-size: 16px;
  color: #cccccc;
  margin-top: 10px;
}

.field--name-field-news-item-image {
  margin: 0 0 45px 0;
}
@media(min-width:767px) {
	.field--name-field-news-item-image {
	  margin: 0 20px 45px 20px;
	  float: right;
	  max-width: 35%;
	}
}

.author {
  color: #cccccc;
  margin-bottom: 45px;
  font-size: 16px;
}

/*******************
********************
END NEWS
********************
*******************/

/*******************
********************
NOTICEBOARD
********************
*******************/

.view-noticeboard .views-row {
  clear: both;
}

.view-noticeboard .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
}
@media(min-width:767px) {
	.view-noticeboard .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}

.view-noticeboard .view-header, .view-noticeboard .view-empty {
  text-align: center;
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

.view-noticeboard .view-empty {
  font-size: 18px;
  color: #000080;
  text-align: center;
}

.view-noticeboard .views-field-field-link-image a {
  display: inline-block;
  color: #000080;
}


.view-noticeboard #notice-img img {
  border-radius: 25px;
}

#notice-list {
  position: relative;	
}

#notice-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}
@media(min-width:767px) {
	#notice-list-info {
		bottom: unset;
	}
}

.view-noticeboard #notice-title {
  margin-bottom: 10px;
}


.view-noticeboard #notice-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-news #notice-title a:hover {
  text-decoration: none !important;
}

#notice-created {
  font-size: 16px;
  color: #cccccc;
  margin-top: 10px;
}

.field--name-field-notice-image {
  margin: 0 0 45px 0;
}
@media(min-width:767px) {
	.field--name-field-notice-image {
	  margin: 0 20px 45px 20px;
	  float: right;
	  max-width: 20%;
	}
}

.field--name-field-notice-files {
  margin-top: 45px;	
}

/*******************
********************
END NOTICEBOARD
********************
*******************/


/*******************
********************
HOUSING
********************
*******************/

.view-housing .views-row {
  clear: both;
}

.view-housing .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
  transition: .3s ease;
}
@media(min-width:767px) {
	.view-housing .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}
.view-housing .views-col:hover {
  opacity: 0.8;
}

.view-housing .views-field-field-link-image a {
  display: inline-block;	
}

.view-housing #housing-img img {
  border-radius: 25px;
}

#housing-list {
  position: relative;	
}

#housing-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}

.view-housing #housing-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-housing #housing-title a:hover {
  text-decoration: none;
}

#housing-location {
  font-size: 16px;
  color: #cccccc;
}

.view-housing .view-header {
  text-align: center;
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

.view-housing .view-empty {
  font-size: 18px;
  color: #000080;
  text-align: center;
}

@media(min-width:767px) {
	.region-content #block-contemporary-applyforhousingbutton {
	  float: right;	
	}
}

.photoswipe-gallery.field--name-field-housing-image {
  margin-bottom: 45px;
  text-align: center;
}
@media(min-width:767px) {
	.photoswipe-gallery.field--name-field-housing-image {
	  text-align: left;
	}	
}

.photoswipe-gallery.field--name-field-housing-image .field--item {
  display: inline-block;
  width: 150px;
  height: auto;
}
@media(min-width:1067px) {
	.photoswipe-gallery.field--name-field-housing-image .field--item {
	  width: 250px;
	}
}

.photoswipe-gallery.field--name-field-housing-image .field--item img {
  border-radius: 25px;
  transition: .3s ease;
}

.field--name-field-housing-image img:hover {
  box-shadow: 0.5;
}

.field--name-field-housing-scheme-address {
  margin: 45px 0 0 0;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  overflow: hidden;
}

p.simple-gmap-address {
  margin-bottom: 20px;
  font-weight: bold;
}

p.simple-gmap-link a {
  color: #000080 !important;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 20px 60px;
  transition: .3s ease;
}
p.simple-gmap-link a:hover, p.simple-gmap-link a:focus, p.simple-gmap-link a:active {
  opacity: 0.5;
  text-decoration: none !important;
}

/*******************
********************
END HOUSING
********************
*******************/

/*******************
********************
JOB VACANCIES
********************
*******************/

.view-job-vacancy .views-row {
  clear: both;
}

.view-job-vacancy .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
  transition: .3s ease;
}
@media(min-width:767px) {
	.view-job-vacancy .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}
.view-job-vacancy .views-col:hover {
  opacity: 0.8;
}

.view-job-vacancy .views-field-field-link-image a {
  display: inline-block;	
}

.view-job-vacancy #job-vac img {
  border-radius: 25px;
}

#job-vac-list {
  position: relative;	
}

#job-vac-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}

.view-job-vacancy #job-vac-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-job-vacancy #job-vac a:hover {
  text-decoration: none;
}

.view-job-vacancy .view-header {
  text-align: center;
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

.view-job-vacancy .view-empty {
  font-size: 18px;
  color: #000080;
  text-align: center;
}

.field--name-field-job-vacancy-uploads {
  margin-top: 45px;
  text-align: center;
}

@media(min-width:767px) {
	.field--name-field-job-vacancy-uploads .field--item {
	  display: inline-block;
	  width: 250px;
	  text-align: left;
	}
}

/*******************
********************
END JOB VACANCIES
********************
*******************/

/*******************
********************
FLAT VACANCIES
********************
*******************/

.view-flat-vacancies .views-row {
  clear: both;	
}

.view-flat-vacancies .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
  transition: .3s ease;
}
@media(min-width:767px) {
	.view-flat-vacancies .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}
.view-flat-vacancies .views-col:hover {
  opacity: 0.8;
}

.view-flat-vacancies .views-field-field-link-image a {
  display: inline-block;	
}

.view-flat-vacancies #flat-vac-img img {
  border-radius: 25px;
}

#flat-vac-list {
  position: relative;	
}

#flat-vac-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}

.view-flat-vacancies #flat-vac-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-flat-vacancies #flat-vac-title a:hover {
  text-decoration: none !important;
}

#flat-vac-location {
  font-size: 16px;
  color: #cccccc;
}

.view-flat-vacancies .view-header {
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

/*******************
********************
END FLAT VACANCIES
********************
*******************/

/*******************
********************
CESSAC CENTRES
********************
*******************/

.view-cessac-centres .views-row {
  clear: both;	
}

.view-cessac-centres .views-col {
  text-align: center;
  padding: 2%;
  width: 100%;
  margin-bottom: 45px;
  transition: .3s ease;
}
@media(min-width:767px) {
	.view-cessac-centres .views-col {
	  text-align: center;
	  padding: 2%;
	  width: 33%;
	}
}
.view-cessac-centres .views-col:hover {
  opacity: 0.8;
}

.view-cessac-centres .views-field-field-link-image a {
  display: inline-block;	
}

.view-cessac-centres #ccentres-img img {
  border-radius: 25px;
}

#ccentres-list {
  position: relative;	
}

#ccentres-list-info {
  background: #ffffff;	
  padding: 15px 25px;
  border-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  width: 70%;
}

.view-cessac-centres #ccentres-title a {
  font-size: 18px;
  font-weight: bold;
  color: #000080;
}

.view-cessac-centres #ccentres-title a:hover {
  text-decoration: none !important;
}

.view-cessac-centres .view-empty, .view-empty {
  text-align: center;	
}

.view-cessac-centres .view-header, .view-cessac-centres .view-empty, .view-empty {
  font-size: 18px;
  color: #000080;
  margin-bottom: 45px;
}

.photoswipe-gallery.field--name-field-cessac-centre-photos {
  margin-bottom: 45px;
  text-align: center;
}
@media(min-width:767px) {
	.photoswipe-gallery.field--name-field-cessac-centre-photos {
	  text-align: left;
	}	
}

.photoswipe-gallery.field--name-field-cessac-centre-photos .field--item {
  display: inline-block;
  width: 150px;
  height: auto;
}
@media(min-width:1067px) {
	.photoswipe-gallery.field--name-field-cessac-centre-photos .field--item {
	  width: 250px;
	}
}

.photoswipe-gallery.field--name-field-cessac-centre-photos .field--item img {
  border-radius: 25px;
  transition: .3s ease;
}

.field--name-field-cessac-centre-photos img:hover {
  box-shadow: 0.5;
}

.field--name-field-cessac-centre-address {
  margin: 45px 0 0 0;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  overflow: hidden;
}

/*******************
********************
END CESSAC CENTRES
********************
*******************/

/*******************
********************
CONTENT
********************
*******************/

.path-frontpage .region-content {
  text-align: center;
}

.path-frontpage .region-content p {
  font-size: 20px !important;
}

p {
  color: #000080;
	font-size: 18px;
    margin-bottom: 20px;
	
}
@media (min-width: 768px) {
	p {
	  font-size: 17px;	
	}	
}

.hide-mob {
  display: none;
}
@media (min-width: 768px) {
	.hide-mob {
	  display: inline-block;
	}
}

a, a:hover, a:focus {
  color: #ff0000;
}

img {
  max-width: 100%;
  height: auto;
}

.center {
  text-align: center;
}

.left {
  float: left;
  margin: 0 15px 15px 0;
  max-width: 20%;
}

.right {
  float: right;
  margin: 0 0 15px 15px;
  max-width: 20%;
}

.content ul {
  font-size: 17px;
  color: #000080;
  margin: 20px 0 20px 45px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Mulish", sans-serif;
  color: #000080;
  margin: 45px 0 15px 0;
}

#buttons {
  margin-bottom: 45px;
  text-align: center;
}


.button-link {
  color: #ffffff;
  margin: 15px 0;
  font-weight: bold;
  padding: 15px 35px;
  border-radius: 25px;
  transition: .3s ease;
  display: inline-block;
  min-width: 100%;
}
@media (min-width: 668px) {
	.button-link {
	  min-width: 225px;
	  margin: 15px 10px;
	}	
}
.button-link:hover, .button-link:focus, .button-link:active {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.6;
}

.btn-turq {
  background: #01dbdb;	
}

.btn-red {
  background: #ff0000;	
}

.btn-blue {
  background: #000080;	
}

.region-content .field--name-body img {
  margin: 0 0 25px 0;	
}

.large-text {
  text-align: center;
  font-size: 22px;
  margin-bottom: 45px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background: #000080;
  border: none;
  border-radius: 25px;
}

.well a, .well p {
  color: #ffffff;
  font-weight: bold;
}

/*******************
********************
END CONTENT
********************
*******************/

/*******************
********************
BOTTOM AREA
********************
*******************/

.path-frontpage .view-accreditations {
  margin: 57px 0;
}

.view-accreditations {
  margin: 0 0 57px 0;
}

.view-accreditations .views-row {
  clear: both;
  text-align: center;
}

.view-accreditations .views-col {
  padding: 15px 25px;
  text-align: center;
  float: none;
  display: inline-block;
}

/*******************
********************
END BOTTOM AREA
********************
*******************/

/*******************
********************
CONTACT
********************
*******************/

.g-recaptcha {
  margin-bottom: 15px;	
}

.glyphicon {
  margin: 0 5px 0 0;
}

#gmap {
  width: 100%;
  height: 450px;
}

/*******************
********************
END CONTACT
********************
*******************/

/*******************
********************
FEATURED
********************
*******************/

.featured-wrapper {
  background: #ebebeb;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 120px 0 0 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
	#block-contemporary-views-block-homepage-slider-block-1 {
	  float: left;
	  width: 50%;
	}	
}

.flexslider {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#block-contemporary-whoarewe {
  padding: 60px;	
}
@media (min-width: 768px) {
	#block-contemporary-whoarewe {
	  float: left;
	  width: 50%;
	  padding: 75px;
	}
}

.who-title {
  font-size: 28px;
  font-weight: bold;
}

.who-bullet {
  margin-right: 15px;
  font-size: 18px;
  color: #000080;
  font-weight: bold;
}

.who-bullets .bullet-item {
  font-size: 18px;
  color: #000080;
  margin: 0 0 20px 45px;
}

.who-links {
  text-align: center;	
}

/*******************
********************
END FEATURED
********************
*******************/

/*******************
********************
SITEMAP
********************
*******************/

.view-sitemap {
  text-align: center;	
}

.view-sitemap h3 {
  margin-top: 45px;	
}

/*******************
********************
END SITEMAP
********************
*******************/

/*******************
********************
FOOTER
********************
*******************/

.footer-wrapper {
  background: #000080;
  border-bottom: 5px solid #01dbdb;
  padding: 90px 0px;
  color: #ffffff;
  font-size: 14px;
}

.footer-wrapper a, .footer-wrapper p {
  font-size: 14px;
}

.footer-wrapper p {
  color: #ffffff;
}

.footer-wrapper a {
  color: #cccccc;
  transition: .3s ease;
}
.footer-wrapper a:hover {
  opacity: 0.8;
}

.footer-wrapper {
  text-align: center;	
}

@media (min-width: 768px) {
	.bottom-links .link {
	  display: inline-block;
	}	
}

.contact-text {
  font-family: "Mulish", sans-serif;
}

.bottom-contact {
  background: #ffffff;
  color: #000080 !important;
  font-size: 18px;
  padding: 15px 20px;
  border-radius: 25px;
  display: inline-block;
  transition: .3s ease;
  font-family: "Mulish", sans-serif;
  margin: 0 25px 25px 0;
}

.bottom-contact:hover, .bottom-contact:focus, .bottom-contact:active {
  opacity: 0.8;
  text-decoration: none !important;
}

/*******************
********************
END FOOTER
********************
*******************/

/*******************
********************
CREDITS
********************
*******************/

.credits-wrapper {
  padding: 20px;
  font-size: 12px;
}
@media (min-width: 768px) {
	.credits-wrapper {
	  padding: 20px 60px;
	}
}

.credits-wrapper a {
  color: #394391;
}

.credits-wrapper a, .credits-wrapper p {
  font-size: 12px;	
}

.footer-left {
  text-align: center;
}
.footer-right {
  text-align: center;
}
@media (min-width: 768px) {
	.footer-left {
	  float: left;
	  text-align: left;
	  width: 50%;
	}
	.footer-right {
	  float: left;
	  text-align: right;
	  width: 50%;
	}
}

/*******************
********************
END CREDITS
********************
*******************/