/*   
Theme Name: FETuk theme 2023
Description: WP Theme for FETuk site
Author: me-too.net ltd
Author URI: http://www.me-too.net
Version: 1

*/


/* //////////////// STRUCTURE ELEMENTS //////////////// */

* { margin: 0; padding: 0; outline:none; }
body.hidemenu #menu { display: none; }
body.homepage #new-menu ul.menu li { padding-right:6px; margin-right: 12px; font-size: 13px; }
#header { width:1180px; height:174px; margin:0 auto; }
#new-header { width:1180px; height:174px; margin:0 auto; }
#logo { float:left; width:313px; height:154px; margin-top:10px; }
#new-header #logo { float:left; width:200px; height:98px; margin-top:10px; }
#new-header #logo img { max-width: 100%; height: auto; }
article { margin: 10px 0; padding: 10px;  }
hr { color: #f0f0f0; margin-bottom: 10px; }
.textcenter { text-align: center; }
#slider { float:left; width:711px; height:174px; overflow:hidden; }
#menu { width:100%; height:39px; background:#006cba; line-height:39px;}
#new-menu { width:100%; height:39px; background:#006cba; line-height:39px; margin-top: -130px; margin-bottom: 40px; }
#new-menu .menu-main-menu-container { width:1180px; margin:0 auto; }
#new-menu ul.menu { width: 900px; float: right; }
#new-menu ul.menu li { float:left; list-style-type:none; font-size:13.5px; height:19px; line-height:19px; font-weight:bold; text-transform:uppercase; padding-right:10px; margin-right:12px; margin-top:10px; border-right: 1px solid #ffffff; /*position:relative; */}
#new-menu ul.menu li ul li { clear:both; display:block; border-right:none; }
#main { padding:30px 0 30px 0; }
#content { width:1180px; margin:0 auto; }
#footer-bg { width:100%; border-top:15px solid #006cba; padding:15px 0 15px 0; background:#000000; }
#footer { width:1180px; margin:0 auto; }
#footer-logo { width:167px; border-right:1px solid #ffffff; }
#footer-col1 { width:23.5%; padding:0px 25px 0 25px; border-right:1px solid #ffffff; }
#footer-col2 { width:23.5%; padding:0px 25px 0 25px; border-right:1px solid #ffffff; }
#footer-col3 { width:23.5%; padding:0px 25px 0 25px; border-right:1px solid #ffffff; }
#mobile-menu { display:none; }
#fet200lab .col2 li { margin-left: 0; }
.footer-col { float:left; }
.col2 { float:left; padding-right:3%; width:47%; }
.col2-wide { float:left; padding-right:3%; width:57%; }
.col2-sm { float:left; padding-right:3%; width:37%; }
#fet200lab .col2:first-of-type { width: 62%; }
#fet200lab .col2:nth-of-type(2) { width: 32% }
.blue { color: #1262a3; }
.spaced { margin: 12px 0; }
.image-shadow { box-shadow: -8px 8px 10px #aaaaaa; }
.blue-square {
  float: left;
  width: 161px;
  height: 185px;
  background: url(images/blue-square.jpg);
    background-repeat: repeat;
    background-size: auto;
  position: relative;
  background-size: contain;
	background-repeat: no-repeat; }
.blue-square-txt { position:absolute; width:119px; margin-left:11px; bottom:85px; font-weight:bold; font-size:11.5px; line-height:17px; }
.blue-square-link { position:absolute; width:33px; height:33px; top:103px; left:101px; }
.black-box { background:#333333; color:#ffffff; padding:10px; }
#youtube1, #youtube2 { cursor:pointer; }
#celebrating20 { position:absolute; right:30px; top:200px; z-index:10000; width: 96px; height: 96px; }
#exhib-notice-top { position:absolute; right:50px; top:350px; z-index:10000; background: #006cba; color: #FFF; width: 380px; padding: 10px; font-weight: bold; text-align: center; }
#exhib-notice { position:absolute; right:50px; top:460px; z-index:10000; background: #006cba; color: #FFF; width: 380px; padding: 10px; font-weight: bold; text-align: center; }
#exhib-notice p, #exhib-notice-top p { margin-bottom: 0; font-size: 15px; line-height: 20px; }
/* //////////////// MENU ///////////////////////// */
ul.menu { list-style-type:none; width:1180px; margin:0 auto; }
ul.menu li { float:left; list-style-type:none; font-size:13.5px; height:19px; line-height:19px; font-weight:bold; text-transform:uppercase; padding-right:15px; margin-right:15px; margin-top:10px; border-right: 1px solid #ffffff; /*position:relative; */}
ul.menu li:last-child { border-right:none !important; margin-right: 0 !important; padding-right: 0 !important; }
ul.menu li a { color:#ffffff; text-decoration:none; display:block; height:39px; }
ul.menu li a:hover { text-decoration:underline; }

ul.menu li ul { /* position:absolute; */ left:-20px; top:20px; width:450px; background:#006cba; z-index:10000; visibility: hidden; padding:0px 0px 10px 20px; }
ul.menu li ul li { clear:both; display:block; border-right:none; }

/* //////////////// FOOTER MENU ////////////////// */
ul.menu-footer li { list-style-type:none; }
ul.menu-footer li a { font-weight:bold; color:#ffffff; text-decoration:none; }
ul.menu-footer li a:hover { text-decoration:underline; }


/* //////////////// SLIDER /////////////////////// */
#sliderPrev { float:left; width:36px; height:27px; margin-top:80px; margin-left:30px; cursor:pointer; }
#slider-items { float:left; margin-left:34px; width:477px; height:174px; }
#sliderNext { float:left; width:36px; height:27px; margin-top:80px; margin-left:34px; cursor:pointer; }

/* //////////////// GENERAL STYLE //////////////// */
body { background:#ffffff; font-family: Arial; font-size:12.5px; line-height:19px; color:#000000; }
h1 { font-size:31px; font-weight:bold; color:#f01913; margin-bottom:15px; line-height:35px; }
h2 { font-size:14px; font-weight:bold; color:#006cba; margin-bottom:15px; line-height:18px; }
h3 { font-size:14px; font-weight:bold; color:#000000; line-height:18px; }
h4, span.bluelarge { font-size: 16px; color: #1262a3; line-height: 20px; margin-bottom: 15px; font-weight: bold; }
.blueline { color: #1262a3; background-color: #1262a3; }
p { margin-bottom:15px; }
a { color:#006cba; text-decoration:none; font-weight:bold; }
.bigger { font-size:14px; }
img { max-width: 100%; height: auto; }
.col2 li, .col2-wide li, .col2-sm li { margin-left:20px; list-style-type:none; }
.col2 li:before , .col2-wide li:before , .col2-sm li:before {
    content: "• ";
	font-size: 18px;
    color:#f01913;
}
img.alignright { float: right; }
img.alignleft { float: left; margin-right: 20px; }
img.aligncenter { display: block; margin: 0 auto; }
.image-home-content { margin-top: -40px; }
.processlab { float: right; }
.blue-square-txt { position: absolute;
width: 119px;
margin-left: 11px;
bottom: 85px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
line-height: 17px;}
.floatright { float: right; }
.sustainableblock { width: 100%; margin-top: 10px; }
.sustainableblock .bluebit, .bluebit { background-color: #d7ebf9;
font-size: 12px;
padding: 10px 6px 0;}
.susicon {  margin-right: 5px; min-width: 44px; padding-right: 10px; }
.susicon img { width: 44px !important; }
article#post-727 .entry-header { display: none; }
.blueheader { width: 100%; border-radius: 70px 0px 0px 70px;
-moz-border-radius: 70px 0px 0px 70px;
-webkit-border-radius: 70px 0px 0px 70px; 
background: rgba(52,122,185,1);
background: -moz-linear-gradient(left, rgba(52,122,185,1) 0%, rgba(52,122,185,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,122,185,1)), color-stop(72%, rgba(52,122,185,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(52,122,185,1) 0%, rgba(52,122,185,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(52,122,185,1) 0%, rgba(52,122,185,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(52,122,185,1) 0%, rgba(52,122,185,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(52,122,185,1) 0%, rgba(52,122,185,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347ab9', endColorstr='#ffffff', GradientType=1 );
padding: 20px 80px; margin-bottom: 20px; }
.blueheader h1 { color: #84a5d3; }
.blueheader h2 { color: #FFF; }
table { border-collapse:collapse; }
article#post-727 table { border: 2px solid #000; }
article#post-727 table td, article#post-727 table th { margin: 0; padding: 5px 8px;  }
article#post-727 th { background-color: #ececec; border: 2px solid #000; }
article#post-727 td { border: 1px solid #000; }
.offsetup { margin-top: -10px; }
@media screen and (max-width: 860px) {
	img.alignright, img.alignleft { float: none; display: block; margin: 10px auto; }
	.blueheader { padding: 20px 20px; }
	.blueheader h1 { font-size: 18px; width: 90%; }
	.blueheader h2 { width: 90%; }
	table {
    border: 0;
	  width: 100%;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	  width: 60%;
	  text-align: left;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
	#header, #new-header { width:100%; height:auto; border-bottom:3px solid #006cba; }
	
    #celebrating20 { position:absolute; right:90px; top:80px; z-index:10000; }
	#exhib-notice, #exhib-notice-top { position:relative;  width: 100%; top: 0; right: 0; }
	#exhib-notice-top { border-bottom: 2px solid #444; }
	#exhib-notice p, #exhib-notice-top p { font-size: 12.5px; line-height: 19px; }
	#celebrating20 img { width:50px; }
	#slider { display:none; }
	#logo { width:60%; height:auto; }
	#logo img { width:100%; }
	#menu, #new-menu, body.hidemenu #menu { height:auto; display:none; }
	body.hidemenu #mobile-menu { margin-top:30px; width:35%; text-align:right; font-size:36px; float: left; }
	#footer { display:none; }
	#mobile-menu { display:block; float:left; margin-top:30px; width:55%; text-align:right; font-size:36px; }
	#content { width:95%; text-align:center; }
	.entry-content, .col2 { text-align:left; }
	.blue-square { margin-left:60px; }
	
    h1 { font-size:22px; font-weight:bold; color:#f01913; margin-bottom:15px; line-height:25px; }
	h1.entry-title { width:100%; }
    .image-home-content { margin-top: 0px; }
	
    .col2, .col2-wide, .col2-sm { float:left; padding-right:0%; width:100%; }
	.offsetup { margin-top: 10px !important; }
	img { max-width:100%; height:auto; }
	
	ul.menu { width:90%; padding:10px 0 10px 0px;  background:#006cba; }
	ul.menu li { float:none; width:100%; display:block; border-right:none; height:auto; position:none; }
    ul.menu li ul { visibility:visible; padding-left:2%; width:90%; display:block; float:none; height:auto; position:none; }
    ul.menu li ul li { display:block; border-right:none; height:auto; position:none; }
	
    /*---Hide reCaptcha v3 visible seal---*/
    .grecaptcha-badge {
      opacity:0 !important;
    }	
}
body.homepage #exhib-notice { /*display: none;*/ }
@media screen and (min-width: 801px) {
	
    ul.menu li { position:relative; }
    ul.menu li ul { position:absolute; }
	
}
@media screen and (max-width: 600px) {
  
}

/* gallery styling */
.gallery:after {content:"";display:table;clear:both;}


img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}

.gallery figure {float:left; margin:0 2% 1em 0;}

.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}

.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}

.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}

.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}

.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}

.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}

.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}

.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}

@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}