.submenu ul.sub-menu > li > a:before, .accordion-topic:before, .search-field:before, .page-title:after {
  display: block;
}

.submenu ul.sub-menu > li > a:before, .accordion-topic:before, .search-field:before, .page-title:after, .header:before {
  content: "";
}

.submenu ul.sub-menu > li > a:before, .accordion-topic:before, .cg-text span, .search-field:before, .page-title:after {
  position: absolute;
}

.cg-text, .cg-image, .search-field, .search-form-container, .header-wrapper, .header {
  position: relative;
}

.cg-text span {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cg-image-inner, .header, .page-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cg-image-inner {
  background-color: #EEE;
}

.submenu ul.sub-menu > li > a:before, .accordion-topic:before, .search-field:before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.cg-image-inner, .header:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*233261*/
/*#56AFF4*/
/*
Theme Name: Custom Theme
Author: Molto Digital Limited
Version: 1.0
License: Private
Text Domain: customtheme
*/


/* ALL PAGES */

body.menu-open {
  /*position: fixed;*/
}

.wrapper {
  width: 95%;
  margin: 0 auto;
}

.page-banner {
  height: 0;
  padding-bottom: 21%;
}

.header {
  color: #FFF;
  background-color: #000;
  background-position: center top;
  z-index: 99999;
}

.header:before {
  background: #1a1a36;
  background: -moz-radial-gradient(center, ellipse cover, #121315 0%, #1a1a36 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #121315 0%, #1a1a36 100%);
  background: radial-gradient(ellipse at center, #121315 0%, #1a1a36 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#121315", endColorstr="#1a1a36",GradientType=1 );
  opacity: 0.8;
}

body.home .header:before {
  background-color: #1a1a36;
  background-image: linear-gradient(#1a1a36, rgba(26, 26, 54, 0));
  background: #1a1a36;
  background: linear-gradient(#1a1a36, rgba(26, 26, 54, 0));
}

.header-top {
  padding: 35px 0 20px 0;
  border-bottom: 2px solid #fa9646;
  overflow: hidden;
}

.header-top-left {
  float: left;
}

.header-top-right {
  float: right;
}

.header-site-title {
  display: inline-block;
  color: #FFF;
  font-size: 2.4em;
}
.header-site-title span {
  font-size: 0.95em;
}
.header-site-title-mobile {
  display: none;
}

.header-logos,
.footer-logos {
  text-align: right;
}

.header-logo,
.footer-logo {
  display: inline-block;
  height: 55px;
  vertical-align: middle;
}

.header-logo img,
.footer-logo img {
  width: auto;
  max-width: none;
  height: 55px;
}

.header-logo-2, .header-logo-3,
.footer-logo-2, .footer-logo-3 {
  margin-left: 20px;
}

.header-bottom {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

.main-menu-container {
  display: inline-block;
  width: 100%; 
}


@media (min-width:551px) {
  .main-menu-container {
    display: inline-block !important;
  } 
}
.main-menu-button {
  display: none;
}
.main-menu {
  float: left;
  padding-top: 5px;
  text-align: left;
}
.main-menu ul.menu > li {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  vertical-align: middle;
}
.main-menu ul.menu > li > a {
  color: #FFF;
  font-size: 1.9em;
}
.main-menu ul.menu > li.current-menu-item > a {
  font-weight: 700;
}
.main-menu ul ul {
  display: none;
  position: absolute;
  width: 390px;
  left: 0;
  top: 100%;
  padding-top: 30px;
  z-index: 10;
  background: url('images/topmenu-deco@2x.png') no-repeat left 15px;
  background-size: 100% auto;
}
.main-menu ul ul li a {
  display: block;
  position: relative;
  padding: 10px 40px 10px 15px;
  color: #FFF;
  background-color: rgba(0,0,0,0.9);
  font-size: 1.9em;
}
.main-menu ul ul li a:after {
  display: block;
  position: absolute;
  content: '';
  right: 15px;
  top: 50%;
  width: 10px;
  height: 11px;
  background: url('images/icon-topmenu-arrow-sprite@2x.png') no-repeat left top;
  background-size: 10px 61px;
  transform: translateY(-50%);
}
.main-menu ul ul li.current-menu-item a,
.main-menu ul ul li:hover a {
  color: #FFF;
  background-color: #fa9646;
}
.main-menu ul ul li.current-menu-item a:after,
.main-menu ul ul li:hover a:after {
  background-position: left -50px;
}
/*
.main-menu ul li:hover ul {
  display: block;
}
*/

.header-search {
  float: right;
}
.header-search-after-menu {
	display: none;
}

.header-title span {
  display: block;
  padding: 20px 0 65px 0;
  color: #FFF;
  font-size: 5.5em;
}

.main {
  overflow: hidden;
}
.main-wrapper {
  padding: 30px 0 70px 0;
}
body.page-template-page-message .main-wrapper {
  padding-bottom: 0;
}

.page-title {
  position: relative;
  padding: 15px 25px;
  margin-bottom: 25px;
  color: #FFF;
  background-color: #1a1a36;
  font-size: 3em;
  text-align: left;
}

.page-title:after {
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a36;
}

p {
  text-align: justify;
}

/*
body.page-template-page-publications .page-title h1 {
	text-align: left;
}
body.page-template-page-media .page-title h1 {
	text-align: left;
}
body.page-template-page-news-and-events .page-title h1 {
	text-align: left;
}
body.page-template-page-contact .page-title h1 {
	text-align: left;
}
*/
.footer {
  padding: 40px 0;
  color: #FFF;
  background-color: #393A3C;
}

.footer-top,
.footer-bottom {
  overflow: hidden;
}
.footer-top-left,
.footer-bottom-left {
  float: left;
  width: 60%;
}
.footer-top-right,
.footer-bottom-right {
  float: right;
  width: 40%;
}
.footer-bottom-left {
  padding-top: 8px;
}

.footer-sitemap li {
  margin-bottom: 6px;
}
.footer-sitemap li.footer-hide {
  display: none;
}

.footer-sitemap li a {
  color: #FFF;
  font-size: 1.5em;
  font-weight: 300;
}
.footer-sitemap > ul {
  overflow: hidden;
}
.footer-sitemap > ul > li {
  float: left;
  width: 50%;
  padding-right: 20px;
  margin-bottom: 15px;
}
.footer-sitemap > ul > li:nth-child(odd) {
  clear: both;
}
.footer-sitemap > ul > li > ul {
  margin-top: 15px;
}
.footer-sitemap > ul > li > a {
  font-weight: 700;
  text-transform: uppercase;
}

.footer-heading {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
}
.footer-top-right p {
  font-size: 1.5em;
}

.copyright {
  margin-bottom: 10px;
  font-size: 1.5em;
  color: #8c837e;
}

.footer-menu li {
  display: inline-block;
  padding-right: 12px;
  border-right: 1px solid #8c837e;
  margin-right: 10px;
}
.footer-menu li:last-child {
  border-right: 0;
}

.footer-menu li a {
  font-size: 1.5em;
  color: #8c837e;
}

.footer-menu li.important a {
  font-weight: 700;
}

/* SEARCH */
.search-form-container {
  max-width: 240px;
  border: 2px solid #EEE;
  background-color: #939393;
  border-radius: 18px;
}
.header .search-form-container {
  border: 2px solid #EEE;
}
.search-form {
  width: 100%;
}
.search-field {
  width: 100%;
  padding: 5px 40px;
}
.search-field:before {
  background-image: url("images/icon-search@2x.png");
  left: 10px;
  top: 6px;
  width: 17px;
  height: 17px;
}
.search-field input {
  width: 100%;
  color: #FFF;
  background-color: transparent;
  font-size: 1.4em;
  font-weight: 700;
  text-align: center;
}
.search-field ::placeholder {
  color: #FFF;
  text-transform: uppercase;
}
.search-submit {
  display: none;
}

body.page-template-page-search .content,
body.search .content {
  padding-bottom: 60px;
}
.search-page-heading {
  margin-top: 60px;
  font-size: 3em;
  font-weight: 700;
}
.search-page-count {
  margin-bottom: 40px;
}
a.search-result {
  display: block;
  position: relative;
  top: 0;
  margin-bottom: 30px;
  text-decoration: none;
}
.content h3.search-result-title {
  margin-bottom: 0.5em;
  font-size: 2.2em;
  font-weight: 700;
  text-decoration: none;
}
.search-result:hover .search-result-title {
  text-decoration: underline;
}
.search-result-link {
  color: #1a1a36;
  font-size: 1.6em;
  font-style: italic;
}



/* SEARCH RESULT */
body.search-results .nav-links span, body.search-results .nav-links a {
  font-size: 18px;
  color: #1a1a36;
  margin: 5px;
}




/* GRIDS PAGE */

.content-container.content-grid-page-container {
  padding-bottom: 60px;
  overflow: hidden;
}

.content-grid-page-container .content-left {
  float: left;
  width: 31.5%;
  max-width: 600px;
  padding-right: 40px;
  vertical-align: top;
}

.content-grid-page-container .content-left p {
  color: #fa9646;
  font-size: 2.2em;
  font-weight: 700;
}

.content-grid-page-container .content-right {
  float: right;
  width: 68.5%;
}

.content-right-text {
  padding-right: 40px;
}

.content-grids {
  overflow: hidden;
}

.content-grid {
  display: block;
  float: left;
  padding: 0 10px;
  border-left: 1px solid #fa9646;
  border-right: 1px solid #fa9646;
  margin-bottom: 20px;
  text-decoration: none;
}

.cg-four .content-grid {
  width: 25%;
}

.cg-five .content-grid {
  width: 20%;
}

.cg-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.cg-image-inner {
  transition: transform 0.3s ease-in-out;
}

.content-grid:hover .cg-image-inner {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

.cg-text {
  min-height: 60px;
  /* opacity: 0; */
}

.cg-four .content-grid:nth-child(8n+4) .cg-text { /* brown */
  background-color: #4E3F3A;
  background-image: linear-gradient(to right, #4E3F3A, #857B77 95%);
  background: #4E3F3A;
  background: linear-gradient(to right, #4E3F3A, #857B77 95%);
}
.cg-four .content-grid:nth-child(8n+1) .cg-text { /* blue */
  background-color: #1A1D33;
  background-image: linear-gradient(to right, #1A1D33, #24374C 95%);
  background: #1A1D33;
  background: linear-gradient(to right, #1A1D33, #24374C 95%);
}
.cg-four .content-grid:nth-child(8n+3) .cg-text { /* purple */
  background-color: #894076;
  background-image: linear-gradient(to right, #894076, #D37456 95%);
  background: #894076;
  background: linear-gradient(to right, #894076, #D37456 95%);
}
.cg-four .content-grid:nth-child(8n+2) .cg-text { /* green */
  background-color: #275649;
  background-image: linear-gradient(to right, #275649, #336740 95%);
  background: #275649;
  background: linear-gradient(to right, #275649, #336740 95%);
}
.cg-four .content-grid:nth-child(8n+5) .cg-text { /* light brown */
  background-color: #826672;
  background-image: linear-gradient(to right, #826672, #AC98A0 95%);
  background: #826672;
  background: linear-gradient(to right, #826672, #AC98A0 95%);
}
.cg-four .content-grid:nth-child(8n+6) .cg-text { /* brown */
  background-color: #7A3139;
  background-image: linear-gradient(to right, #7A3139, #9D463D 95%);
  background: #7A3139;
  background: linear-gradient(to right, #7A3139, #9D463D 95%);
}
.cg-four .content-grid:nth-child(8n+7) .cg-text { /* turquoise */
  background-color: #31566C;
  background-image: linear-gradient(to right, #31566C, #396778 95%);
  background: #31566C;
  background: linear-gradient(to right, #31566C, #396778 95%);
}
.cg-four .content-grid:nth-child(8n+8) .cg-text { /* blue */
  background-color: #1A1D33;
  background-image: linear-gradient(to right, #1A1D33, #24374C 95%);
  background: #1A1D33;
  background: linear-gradient(to right, #1A1D33, #24374C 95%);
}

.cg-five .content-grid:nth-child(5n+1) .cg-text {
  background-color: #00aeef;
  background-image: linear-gradient(to right, #00aeef, rgba(0, 174, 239, 0.4) 95%);
  background: #00aeef;
  background: linear-gradient(to right, #00aeef, rgba(0, 174, 239, 0.4) 95%);
}

.cg-five .content-grid:nth-child(5n+2) .cg-text {
  background-color: #fa9646;
  background-image: linear-gradient(to right, #fa9646, rgba(250, 150, 70, 0.4) 95%);
  background: #fa9646;
  background: linear-gradient(to right, #fa9646, rgba(250, 150, 70, 0.4) 95%);
}

.cg-five .content-grid:nth-child(5n+3) .cg-text {
  background-color: #954981;
  background-image: linear-gradient(to right, #954981, rgba(149, 73, 129, 0.4) 95%);
  background: #00aeef;
  background: linear-gradient(to right, #954981, rgba(149, 73, 129, 0.4) 95%);
}

.cg-five .content-grid:nth-child(5n+4) .cg-text {
  background-color: #121221;
  background-image: linear-gradient(to right, #121221, rgba(18, 18, 33, 0.4) 95%);
  background: #121221;
  background: linear-gradient(to right, #121221, rgba(18, 18, 33, 0.4) 95%);
}

.cg-five .content-grid:nth-child(5n+5) .cg-text {
  background-color: #6bad29;
  background-image: linear-gradient(to right, #6bad29, rgba(107, 173, 41, 0.4) 95%);
  background: #00aeef;
  background: linear-gradient(to right, #6bad29, rgba(107, 173, 41, 0.4) 95%);
}

.cg-text span {
  left: 0;
  width: 100%;
  padding: 0 15px;
  color: #FFF;
  font-size: 1.4em;
  font-weight: 700;
}

/* hide the submenu with redirected page */
.page-id-124 .menu-item-492 {
  display: none;
}

.content-details-container,
.content-profile-container,
.content-profile-single-container,
.content-default-container.with-sidebar {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.content-details-container .content-left,
.content-profile-container .content-left,
.content-profile-single-container .content-left,
.content-default-container .content-left {
  display: table-cell;
  width: 26.5%;
  max-width: 500px;
  padding: 0 0 70px 0;
  background-color: #e0dfe5;
  background-image: linear-gradient(#e0dfe5, #fff);
  background: #e0dfe5;
  background: linear-gradient(#e0dfe5, #fff);
  vertical-align: top;
}
.content-details-container .content-right,
.content-profile-container .content-right,
.content-profile-single-container .content-right,
.content-default-container .content-right {
  display: table-cell;
  /* width: 73.5%; */
  padding: 30px 0 70px 30px;
  vertical-align: top;
}

.content h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  color: #fa9646;
  font-size: 2.2em;
  font-weight: 600;
}
.content h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  color: #fa9646;
  font-size: 2em;
  font-weight: 600;
}
.content h4 {
  margin-bottom: 1em;
  color: #fa9646;
  font-size: 2em;
  font-weight: 600; 
}

.accordion-topic {
  position: relative;
  min-height: 66px;
  padding: 15px 60px 15px 25px;
  margin-bottom: 20px;
  background-color: #1a1a36;
  text-align: left;
  cursor: pointer;
}
.content .accordion-topic h2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #FFF;
  font-size: 3em;
  font-weight: 400;
}

.accordion-topic:before {
  background-image: url("images/icon-accordion@2x.png");
  right: 30px;
  top: 18px;
  width: 29px;
  height: 29px;
  transition: transform 0.3s ease-in-out;
}

.accordion-topic.active:before {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.accordion-details {
  display: none;
  padding-bottom: 60px;
  padding-right: 30px;
}

.accordion-row-1 .accordion-details {
  display: block;
}

.submenu ul {
  margin: 0;
  list-style: none;
}

.submenu li {
  margin-bottom: 0;
}

.submenu ul.menu > li > a {
  display: block;
  padding: 20px 30px;
  color: #FFF;
  background-color: #fa9646;
  font-size: 1.8em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.content .submenu li {
  font-size: 1em;
}

.submenu ul.sub-menu > li > a {
  display: block;
  position: relative;
  padding: 20px 10px 20px 50px;
  border-bottom: 2px solid #fa9646;
  color: #1a1a36;
  font-size: 2.2em;
  text-decoration: none;
}
.submenu ul.sub-menu ul.sub-menu > li > a {
  padding-left: 80px;
}

.submenu ul.sub-menu > li.current-menu-item > a,
.submenu .widget-submenu-people ul.sub-menu > li.current-menu-parent > a,
.submenu ul.sub-menu li a:hover {
  color: #FFF;
  background-color: #1a1a36;
}

.submenu ul.sub-menu > li > a:before {
  background-image: url("images/icon-menu-arrow@2x.png");
  left: 20px;
  top: 50%;
  width: 16px;
  height: 12px;
  transform: translateY(-50%);
}
.submenu ul.sub-menu ul.sub-menu > li > a:before {
  left: 50px;
}

.page-title-right {
  position: relative;
  padding: 15px 25px;
  margin-bottom: 35px;
  color: #FFF;
  background-color: #1a1a36;
  font-size: 3em;
  text-align: left;
}
.page-title-right:after {
  display: block;
  position: absolute;
  content: '';
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a36;
}

.list-entries {
  width: 100%; /* 90% */
  padding-right: 30px;
  overflow: hidden;
}
.list-entry {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 75px;
}
.list-entry-three {
  display: block;
  float: left;
  width: 22%;
  margin-right: 4%;
}
.list-entry-three:nth-child(4n+1) {
  clear: both;
}
.list-entry-three:nth-child(4n+4) {
  margin-right: 0;
}

.le-left {
  display: table-cell;
  width: 34%;
  padding-right: 30px;
  vertical-align: top;
}
.list-entry-three .le-left {
  display: none;
}

.le-image {
  width: 100%;
}
.le-image img {
  width: 100%;
  height: auto;
}
.le-right {
  display: table-cell;
  width: 66%;
  vertical-align: top;
}
.list-entry-three .le-left {
  display: none;
}
.list-entry-three .le-right {
  display: block;
  width: 100%;
}
.le-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #fa9646;
  margin-bottom: 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.le-title {
  display: block;
  margin-bottom: 10px;
  color: #1a1a36;
  font-size: 2.2em;
  font-weight: 700;
  text-transform: uppercase;
}
.content a.le-title {
  text-decoration: none;
}
.le-date {
  color: #1a1a36;
  font-size: 2.2em;
}
.le-description {
  margin-bottom: 60px;
}
.le-description p {
  font-size: 1.8em;
}
.le-bottom-text, .le-bottom-text p {
  line-height: 1.1;
}
/*
.le-bottom-text {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
*/
.le-bottom-text p {
  font-size: 2.2em;
}
/*
.le-bottom-button {
  display: inline-block;
  vertical-align: middle;
  width: 126px;
  height: 126px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.le-bottom-button-enrol {
  background-image: url('images/button-enrol@2x.png');
}
.le-bottom-button-download {
  background-image: url('images/button-download@2x.png');
}
.le-bottom-button-more {
  background-image: url('images/button-more@2x.png');
}
*/
.content a.le-bottom-button {
  display: block;
  color: #fa9646;
  font-size: 2em;
  font-weight: 700;
  text-decoration: none;
  text-align: right;
}
.le-bottom-button span {
  display: block;
  position: relative;
  padding-right: 20px;
}
.le-bottom-button span:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 1px;
  content: '>';
  transform: translateY(-50%);
}
.content a.le-bottom-button:hover {
  text-decoration: underline;
}
.le-bottom-text + .le-bottom-button {
  margin-top: 30px;
}


/* HOME */

.banner-slider {
  visibility: hidden;
}
/*
.banner-slider-container,
.banner-slider-container .bx-wrapper .bx-viewport,
.banner-slide {
  height: 650px !important;
}
*/
.banner-slide-inner {
  padding: 30px 0;
}
.banner-slide, .banner-slide-1 {
  background: #8a7f88;
  background: -moz-linear-gradient(45deg, #2a1c15 0%, #8a7f88 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #2a1c15 0%,#8a7f88 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #2a1c15 0%,#8a7f88 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a1c15', endColorstr='#000000',GradientType=1 );
}
.banner-slide .bs-image, .banner-slide-1 .bs-image {
  background: #2a1c15;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #8a7f88 0%, #2a1c15 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#8a7f88 0%,#2a1c15 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#8a7f88 0%,#2a1c15 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a1c15',GradientType=1 );
}
.bs-image {
  background-color: #FFF;
}
.banner-slide-2 {
  background: #3c5d80;
  background: -moz-linear-gradient(45deg, #111322 0%, #3c5d80 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #111322 0%,#3c5d80 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #111322 0%,#3c5d80 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5d80', endColorstr='#000000',GradientType=1 );
}
.banner-slide-2 .bs-image {
  background: #111322;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #3c5d80 0%, #111322 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#3c5d80 0%,#111322 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#3c5d80 0%,#111322 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#111322',GradientType=1 );
}

.banner-slide-3 {
  background: #652f56;
  background: -moz-linear-gradient(45deg, #652f56 0%, #dc9079 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #652f56 0%,#dc9079 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #652f56 0%,#dc9079 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652f56', endColorstr='#000000',GradientType=1 );
}
.banner-slide-3 .bs-image {
  background: #dc9079;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #dc9079 0%, #652f56 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#dc9079 0%,#652f56 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#dc9079 0%,#652f56 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#dc9079',GradientType=1 );
}
.banner-slide-4 {
  background: #4c9a5f;
  background: -moz-linear-gradient(45deg, #18352d 0%, #4c9a5f 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #18352d 0%,#4c9a5f 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #18352d 0%,#4c9a5f 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9a5f', endColorstr='#000000',GradientType=1 );
}
.banner-slide-4 .bs-image {
  background: #18352d;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #4c9a5f 0%, #18352d 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#4c9a5f 0%, #18352d 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#4c9a5f 0%,#18352d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#18352d',GradientType=1 );
}
.banner-slide-5 {
  background: #a48e97;
  background: -moz-linear-gradient(45deg, #56434b 0%, #a48e97 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #56434b 0%,#a48e97 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #56434b 0%,#a48e97 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a48e97', endColorstr='#AC98A0',GradientType=1 );
}
.banner-slide-5 .bs-image {
  background: #56434b;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #a48e97 0%, #56434b 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%, #a48e97 0%, #56434b 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#a48e97 0%, #56434b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#56434b',GradientType=1 );
}
.banner-slide-6 {
  background: #bf645a;
  background: -moz-linear-gradient(45deg, #37161a 0%, #bf645a 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #37161a 0%,#bf645a 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #37161a 0%,#bf645a 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf645a', endColorstr='#9D463D',GradientType=1 );
}
.banner-slide-6 .bs-image {
  background: #56434b;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #56434b 0%, #bf645a 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#56434b 0%, #bf645a 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#56434b 0%,#bf645a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#bf645a',GradientType=1 );
}
.banner-slide-7 {
  background: #5295ad;
  background: -moz-linear-gradient(45deg, #203846 0%, #5295ad 100%, #ffffff 100%, #000000 100%);
  background: -webkit-linear-gradient(45deg, #203846 0%,#5295ad 100%,#ffffff 100%,#000000 100%);
  background: linear-gradient(45deg, #203846 0%,#5295ad 100%,#ffffff 100%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5295ad', endColorstr='#396778',GradientType=1 );
}
.banner-slide-7 .bs-image {
  background: #203846;
  background: -moz-linear-gradient(-45deg, #000000 0%, #ffffff 0%, #5295ad 0%, #203846 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%,#ffffff 0%,#5295ad 0%, #203846 100%);
  background: linear-gradient(135deg, #000000 0%,#ffffff 0%,#5295ad 0%,#203846 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#203846',GradientType=1 );
}

.banner-slide-wrapper {
  width: 80%;
  margin: 0 auto;
}
.banner-slide-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.bs-left {
  display: table-cell;
  width: 430px;
  padding-right: 60px;
  vertical-align: middle;
}
.bs-right {
  display: table-cell;
  vertical-align: middle;
}
.bs-image {
  width: 100%;
  max-width: 430px;
  padding: 10px;
  border-radius: 100%;
}
.bs-image-inner {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
}
.bs-title {
  margin-bottom: 30px;
  color: #FFF;
  font-size: 2.8em;
}
.bs-text, .bs-text p {
  color: #FFF;
  line-height: 1.4;
  font-weight: 400;
}
.bs-text {
  margin-bottom: 50px;
}
.bs-text p {
  font-size: 1.8em;
}
.bs-link {
  display: inline-block;
  padding: 15px 25px;
  color: #121315;
  background-color: #FFF;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.banner-checkpoints {
  width: 85%;
  margin: 50px auto 0 auto;
  text-align: center;
}
.banner-checkpoints ul {
  display: table;
  table-layout: auto;
  width: 100%;
}
.banner-checkpoint {
  display: table-cell;
  position: relative;
  padding: 33px 10px 30px 10px;
  font-size: 10px;
  vertical-align: top;
  cursor: pointer;
}
.banner-checkpoint span,
.checkpoint {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}
.banner-checkpoint.active span,
.banner-checkpoint.active .checkpoint,
.banner-checkpoint:hover span,
.banner-checkpoint:hover .checkpoint {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.banner-checkpoint:before,
.banner-checkpoint:after {
  display: block;
  position: absolute;
  content: '';
  background-color: #FFF;
  top: 7px;
  width: 50%;
  height: 1px;
}
.banner-checkpoint:before {
  left: 0;
}
.banner-checkpoint:after {
  left: 50%;
}
.banner-checkpoint:first-child:before,
.banner-checkpoint:last-child:after {
  display: none;
}
.banner-checkpoint span {
  color: #FFF;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
}
.checkpoint {
  position: absolute;
  left: 50%;
  top: 0;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  border-radius: 100%;
  transform: translateX(-50%);
}

.home-row-mission {
  position: relative;
  width: 100%;
  /* height: 0;
  padding-bottom: 75%; */
  background-repeat: no-repeat;
  background-position: right 30%;
  background-size: cover;
}
.mission-wrapper {
  position: relative;
  max-width: 80%;
}
.mission-inner {
  width: 436px;
  padding: 120px 0 135px 0; /* 50px 0 60px 0 */ /*10% 0 20% 0;*/
}
.mission-heading {
  padding-right: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #fa9646;
  color: #1d1500;
  font-size: 5em;
  font-weight: 700;
}
.mission-text {
  padding-top: 15px;
}
.mission-text, .mission-text p {
  color: #1d1500;
  font-weight: 400;
}
.mission-text p {
  font-size: 1.8em;
}

.home-row-message {
  display: table;
  table-layout: fixed;
  width: 100%;
  /* height: 0;
  padding-bottom: 54%; */
  background: #cf773d;
  background: -moz-linear-gradient(45deg, #000f2a 0%, #cf773d 100%);
  background: -webkit-linear-gradient(45deg, #000f2a 0%,#cf773d 100%);
  background: linear-gradient(45deg, #000f2a 0%,#cf773d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f2a', endColorstr='#cf773d',GradientType=1 );
}
.message-wrapper {
  max-width: 80%;
}
.message-mobile {
  display: none;
}
.message-desktop {
  display: table;
  position: relative;
  table-layout: fixed; 
  width: 100%;
}
.message-left, .message-right {
  display: table-cell;
  vertical-align: middle;
}
.message-left {
  padding: 40px 0 40px 30px;
}
.message-right, .message-image {
  width: 400px;
}
.message-right {
  height: 560px;
}
.message-desktop .message-image {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
}
.message-image img {
  display: block;
  margin: 0 auto;
}

.message-info {
  overflow: hidden;
}

.large-quote-start, .large-quote-end {
  position:relative;
}
.large-quote-start:before {
  display: block;
  position: absolute;
  content: "“";
  color: #e6e5ea;
  left: -30px;
  top: -20px;
  font-size: 3em;
}
.large-quote-end:after {
  display: block;
  position: absolute;
  content: "”";
  color: #e6e5ea;
  right: -35px;
  bottom: -55px;
  font-size: 3em;
}
.message-text, .message-text p {
  color: #e6e5ea;
}
.message-text {
  position: relative;
  margin-bottom: 30px;
}
.message-text p {
  font-size: 1.8em; /* 3em */
  font-weight: 400; /* 300 */
}
.message-name, .message-position {
  margin-bottom: 5px;
  color: #FFF;
  font-size: 2.2em;
  font-weight: 600;
}
.message-name {
  text-transform: uppercase;
}
.message-department {
  margin-top: 6px;
  color: #777;
  font-size: 2em;
  font-weight: 600;
}
.message-link {
  display: inline-block;
  padding: 15px 25px;
  margin-top: 30px;
  color: #121315;
  background-color: #FFF;
  font-size: 1.8em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.home-row-news {
  border-left: 10px solid #7a5a69;
  border-right: 10px solid #7a5a69;
  background-color: #e6e5ea;
}
.news-wrapper {
  padding-top: 40px;
  padding-bottom: 60px;
}
.news-heading {
  margin-bottom: 40px;
  color: #1d1500;
  font-size: 5em;
  font-weight: 700;
  text-align: center;
}
.news-slider-outer-container {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}
.news-slider-container {
  width: 100%;
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
}
.news-entry {
  padding: 0 8%;
}
.news-entry-inner {
  position: relative;
  padding: 0 0 80px 16px;
  border-left: 1px solid #F98B3E;
}
.ne-title {
  display: block;
  margin-bottom: 25px;
  color: #1d1500;
  font-size: 2.5em;
  font-weight: 700;
}
.ne-image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 45%;
  margin-bottom: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ne-intro {
  color: #53423b;
  font-size: 1.8em;
  line-height: 1.4;
}
.ne-more {
  display: inline-block;
  position: absolute;
  left: 15px;
  bottom: 3px;
  height: 55px;
  padding-left: 70px;
  color: #53423b;
  font-size: 2em;
  line-height: 55px;
}
.ne-more:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 55px;
  height: 55px;
  background: url('images/icon-more-dark@2x.png') no-repeat center center;
  background-size: contain;
}


/* MESSAGE */

.content-message-container {
  overflow: hidden;
}
.cm-text-top p:last-child {
  margin-bottom: 1em;
}

.cm-bottom-mobile {
  display: none;
}
table.cm-table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0;
}
.content .cm-table td {
  padding: 0;
  border: 0;
  font-size: 1em;
  vertical-align: bottom;
}
.content .cm-table td.cm-td-2 {
  width: 38%;
  max-width: 420px;
  padding-left: 20px;
}
.content .cm-table td p ,
.content .cm-table td li {
  font-size: 2em;
}

.cm-image {
  float: right;
  /* width: 36%;
  max-width: 400px; */
  width: 400px;
  padding: 20px 3% 0 3%;
  margin-bottom: -5px;
}
.cm-image img {
  display: block;
}
.cm-caption {
  margin-top: 80px;
  margin-right: 120px;
  float: right;
}
.cm-name, .cm-position, .cm-department {
  color: #1a1a36;
  line-height: 1.4;
}
.cm-name {
  font-size: 1.8em;
  font-weight: 700;
  text-transform: uppercase;
}
.cm-position {
  padding-bottom: 8px;
  border-bottom: 3px solid #fa9646;
  margin-bottom: 10px;
  font-size: 1.8em;
  font-weight: 300;
}
.cm-department {
  font-size: 1.6em;
  font-weight: 300;
}

.content table.cmb-table {
	display: table;
	table-layout: auto;
	width: 100%;
	margin-bottom: -5px;
}
.content table.cmb-table td {
	border: 0;
	padding: 0;
	font-size: 1em;
}
.content table.cmb-table td p {
	font-size: 1.8em;
}
.cmb-text {
	padding-right: 30px;
}
.cmb-image {
	width: 280px;
}
.cmb-image img {
	display: block;
}
.cmb-caption {
	margin-bottom: 30px;
}
.cm-text-2 {
	display: none;
}
/*
.cmb-name {
  font-size: 1.4em;
}
.cmb-position {
  font-size: 1.4em;
  font-weight: 300;
}
.cmb-department {
  font-size: 1.6em;
  font-weight: 300;
}
*/

/*
.cmb-text- {
	display: table-cell;
	vertical-align: top;
}
.cmb-caption, .cmb-image {
	display: table-cell;
	vertical-align: bottom;	
}
*/


/* PEOPLE */

.profile-sections {
  padding-right: 30px;
}
.profile-section {
  margin-bottom: 20px;
}
.profile-heading {
  margin-bottom: 20px;
  color: #fa9646;
  /* color: #1a1a36; */
  font-size: 2.4em;
}
/*
.profile-section:nth-child(even) .profile-heading {
  color: #7a5a69;
}
*/
.profile-row {
  display: inline-block;
  width: 100%;
  /*max-width: 1080px;*/
}
.profile-entry {
  display: block;
  position: relative;
  float: left;
  border-left: 2px solid #1a1a36;
  margin-bottom: 20px;
  color: #1a1a36;
  line-height: 1.4;
}
.content a.profile-entry {
  text-decoration: none;
}
.profile-entry-style-1 {
  /* min-width: 290px; */
  width: 33%;
  min-width: 290px;
  max-width: 290px;
  padding: 0 20px 5px 20px;
}
.profile-entry-style-1:nth-child(3n+1) {
  clear: both;
}
.profile-entry-style-2 {
  width: 25%;
  max-width: none;
  padding: 10px 10px 0 20px;
}
.profile-entry-style-2:nth-child(4n+1) {
  clear: both;
}
/*
.profile-section:nth-child(even) .profile-entry {
  border-left: 2px solid #7a5a69;
}
*/
.profile-entry-style-1:after,
.profile-entry-style-2:nth-child(4n+4):after,
.profile-entry-style-2:last-child:after {
  display: block;
  position: absolute;
  content: '';
  left: 100%;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #1a1a36;
}
/*
.profile-section:nth-child(even) .profile-entry:last-child:after  {
  background-color: #7a5a69;
}
*/
.pe-image {
  width: 100%;
  height: 0;
  padding-bottom: 113%;
  margin-bottom: 10px;
}
.pe-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.pe-1-name {
  margin-bottom: 5px;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.1;
}
.pe-1-position {
  font-size: 1.4em;
  line-height: 1.1;
}
.pe-2-name {
  margin-bottom: 5px;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.1;
}
.pe-2-position {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1;
}
.pe-email, .pe-phone {
  font-size: 1.2em;
}
.pe-email {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


/* PROFILE SINGLE */

.profile-top {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-right: 30px;
  padding-bottom: 45px;
}
.pt-left {
  display: table-cell;
  /* width: 30%; */
  width: 268px;
  padding-right: 25px;
  vertical-align: top;
}
.pt-right {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.pt-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.pt-image {
  width: 100%;
  height: 0;
  padding-bottom: 113%;
}
.pt-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.pt-subtext {
  margin-bottom: 5px;
  color: #fa9646;
  font-size: 1.6em;
  font-weight: 700;
}
/*
.pt-subtext.pt-subtext-nonclinical {
  color: #7a5a69;
}
*/
.pt-name {
  margin-bottom: 10px;
  font-size: 2.2em; /*2.6em;*/
  font-weight: 700;
}
.pt-position {
  margin-bottom: 70px;
  font-size: 1.6em;
  line-height: 1.4;
  /* font-weight: 300; */
}
.pt-qualifications,
.pt-email,
.pt-phone,
.pt-researcher {
  font-size: 1.6em;
}
.pt-qualifications,
.pt-email,
.pt-phone {
  margin-bottom: 10px;
}
.pt-qualifications span,
.pt-email span,
.pt-phone span,
.pt-researcher span {
  font-weight: 700;
}
.pt-researcher span {
  display: inline-block;
  margin-bottom: 5px;
}
.content a.pt-link {
  color: #1a1a36;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.pt-link:hover {
  text-decoration: underline;
}


.contact-text {
  padding-bottom: 30px;
}
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 30%;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.map iframe, .map object, .map embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contact-form-heading {
  margin-bottom: 10px;
  /* margin-bottom: -12px; */
  color: #fa9646;
  font-size: 3.2em;
  font-weight: 700;
}
.contact-form {
  position: relative;
  padding: 35px 25px;
  border: 2px solid #fa9646;
  background-color: #e6e5ea;
}
.form-row {
  overflow: hidden;
}
.form-field {
  margin-bottom: 20px;
}
.form-field-half {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.form-field-half:nth-child(even) {
  margin-right: 0;
}
.form-field input, .form-field textarea {
  width: 100%;
  padding: 20px 30px;
  font-size: 2em;
  border-radius: 30px;
}
.form-field input {
  line-height: 1;
}
.form-field ::placeholder {
  color: #c5bed0;
  text-transform: uppercase;
}
.form-submit {
  display: block;
  /* position: absolute;
  width: 126px;
  height: 126px;
  right: 50px;
  bottom: -40px;
  color: transparent;
  font: 0/0 a;
  background: url('images/icon-submit@2x.png') no-repeat center center;
  background-size: contain; */
  text-align: right;
  cursor: pointer;
}
.form-submit input[type="submit"] {
  padding: 20px 30px;
  color: #FFF;
  background: #fa9646;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
}

/* Staff area */
.room.booking a {
  display: inline-block;
  font-size: 1.8em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #121315;
  background-color: #CCC;
  padding: 15px 25px;
  text-decoration: none;
  margin: 0 10px 30px 0;
}

/* BOOKING */
.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 {
  width: 100%;
}


.popover-content .flex-popover-content-data .flex-popover-bars .flex-popover-labels-bar,
.popover-content .wpbc-popover-content-data .wpbc-popover-booking-notes,
.popover-content .wpbc-popover-content-data .booking-dates,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day .in_cell_time_hour,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_month_year,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell,
.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_titles,
.flex_tl_table .flex_tl_table_row_bookings {
  -webkit-flex: 1 1 0% !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_1, 
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1, 
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 {
  flex: 0 0 auto !important;
}
.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2, 
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2, 
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day .in_cell_time_hour {
  flex: 1 1 0% !important;
}
.exist_booking_in_cell .in_cell_date_container {
  height: 48px;
  background-color: #FC4;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id {
  background: transparent;
}
body.page-template-page-booking-parent .flex_frame_view_days_num_30 .flex_tl_table {
  position: relative;
  overflow: hidden;
  min-width: unset;
}
.flex_tl_table_custom_wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
.flex_frame_view_days_num_1.flex_tl_matrix_resources, 
.flex_frame_view_days_num_30.flex_tl_matrix_resources, 
.flex_frame_view_days_num_60.flex_tl_matrix_resources, 
.flex_frame_view_days_num_30.flex_tl_single_resource, 
.flex_frame_view_days_num_365.flex_tl_single_resource {
  overflow: hidden !important;
}


body.page-template-page-booking-parent .flex_frame_view_days_num_30  .flex_tl_table .flex_tl_table_titles {
    margin-top: 40px;
  }

body.page-template-page-booking-parent .flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar,
body.page-template-page-booking-parent .flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
body.page-template-page-booking-parent .flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell,
body.page-template-page-booking-parent .flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
  }





.timeline {
  margin-bottom: 30px; 
}

.timeline .flex_tl_table .flex_tl_table_row_bookings {
  display: none !important;
}
.timeline .flex_tl_table .flex_tl_table_row_bookings.active {
  display: flex !important;
}

.timeline.weekview .flex_tl_table .flex_tl_table_row_bookings,
.timeline.monthview .flex_tl_table .flex_tl_table_row_bookings {
  display: flex !important;
}
.timeline.weekview .flex_tl_table .flex_tl_table_row_bookings:nth-child(n+10) {
  display: none !important;
}
.timeline.monthview .flex_tl_table .flex_tl_table_row_bookings:nth-child(n+8) {
  display: none !important;
}


.room-select a {
  display: inline-block;
  font-size: 1.8em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #121315;
  background-color: #CCC;
  padding: 15px 25px;
  text-decoration: none;
  margin: 0 10px 30px 0;
}
.room-select a.active {
  background-color: #1a1a36;
  color: #FFF;
}
.wpdev-help-message.alert.alert-warning, .wpdev-help-message .alert.alert-warning {
  font-size: 16px !important;
}
.submiting_content.wpdev-help-message.alert.alert-warning.alert-success {
  font-size: 16px !important;
}


.booking-link-buttons {
  margin-top: 30px;
  overflow: hidden;
}
.content a.booking-link-button {
  display: block;
  float: left;
  margin-bottom: 20px;
  color: #fa9646;
  font-size: 2em;
  font-weight: 700;
  text-decoration: none;
  clear: both;
}
.booking-link-button span {
  display: block;
  position: relative;
  padding-right: 20px;
}
.booking-link-button span:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 1px;
  content: '>';
  transform: translateY(-50%);
}
.content a.booking-link-button:hover {
  text-decoration: underline;
}

.popover-title-id,
.flex-label.flex-label-id,
.flex-label.flex-label-booking-status.label-pending,
.flex-label.flex-label-booking-status.label-approved,
.popover-content .flex-popover-content-data .flex-popover-bars {
  display: none !important;
}
.flex_tl_table {
  font-size: 16px !important;
}
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1, 
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title {
  font-size: 0.8em;
}
.flex_timeline_frame .popover {
  font-size: 14px !important;
}
.popover-content .flex-popover-content-data .flex-popover-booking-data {
  margin-top: 0 !important;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title {
  padding: 5px 10px !important;
  font-size: 13px !important;
}
.popover-content .flex-popover-content-data .flex-popover-booking-data {
  color: transparent !important;
  font-size: 0 !important;
}
.flex-popover-booking-data strong, .flex-popover-booking-data span {
  position: relative;
  float: left;
  color: #333 !important;
  font-size: 15px;
  line-height: 1;
  padding: 0 0 5px 0 !important;
}
.flex-popover-booking-data span {
  margin-left: 10px;
}

.flex-popover-booking-data strong:after {
  position: absolute;
  content: ":";
  top: 0;
  right: -5px;
}
.flex-popover-booking-data strong {
  clear: both;
}

/** Logout **/
.logout-form {
  margin: 0 0 30px 0;
}
.logout-form a {
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #EEE;
  color: #FFF;
  background-color: #939393;
  font-size: 2em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 18px;
}
.logout-form a:hover {
  background-color: #fa9646;
}

/** Restructed content **/
.restricted-content {
  margin: 50px auto;
}
.restricted-content p {
  width: 90%;
  max-width: 500px;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 2.4em;
  font-weight: 700;
  text-align: left;
}
.restricted-content .logout-form {
  width: 90%;
  max-width: 500px;
  text-align: center;
  margin: auto;
}
.restricted-content .logout-form a {
  font-size: 2em;
}

.restricted-content .login-form form, .login-form .uam_login_options {
  width: 90%;
  max-width: 500px;
  margin: auto;
}
.restricted-content .login-form .uam_login_options {
  margin-top: 20px;
}
.restricted-content .login-form a {
  font-size: 2em;
  color: #1a1a36;
  text-decoration: none;
}
.restricted-content .login-form .uam_login_options a {
  font-size: 1.5em;
}
.restricted-content .login-form label {
  display: inline-block;
  font-size: 2em;
  margin-top: 20px;
}
.restricted-content .login-form input {
  font-size: 2em;
  padding: 5px 10px;
  border: 1px solid #CCC;
}
.restricted-content .login-form input.button {
  color: #FFF;
  font-weight: 400;
  padding: 5px 20px;
  background-color: orange;
  margin-top: 20px;
  border: none;
  cursor: pointer;
}
