/*
Theme Name: SE Labs
Version: 1.0
Created by: Ovingo Limited (www.ovingo.com)
*/

@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic);

/* preliminaries */

html {
}
body {
	font-family: Arial, 'Helvetica Neue', Helvetica, 'sans-serif';
}
img {
	max-width: 100%;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
h1, h2, h3, h4, h5 {
	font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	font-weight: 800;
}

a {
	color: #333399;
}
.nodecoration {
	text-decoration: none;
	color: black!important;
}
.blueback {
	background-color: #333399;
}
.whitetext {
	color: #fff;
}
.blueback a {
	color: #ffcc00;
}
.padtop4em {
	padding-top:4em;
}
.padbottom2em {
	padding-bottom: 2em;
}
.verticalpad2em {
	padding-top:2em;
	padding-bottom:2em;
}
.awesome {
	font-size: 3em;
}

.topimage {
	text-align:center;
	max-width: 75%;
	padding:2em 0em;
}

.sectionbreakheader {
	text-align: center;
	padding-bottom:1em;
}

.100pc {
	max-width: 100%;
}
.round {
	border-radius: 50%;
}
.imgshrink {
	border:1em solid white;
}

/* tags on archive */
.tagformat {
	background-color: #333399;
	color: #ffffff;
	margin-right:0.5em;
	float:left;
}
.tagformat a {
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.5em!important;
	margin-bottom:1em!important;
}
.tagcontainer {
	width: 100%;
	clear: both;
}
.tagpost {
	border-bottom: 1px dotted #333399!important;
	margin-bottom:2em!important;
	padding-bottom:2em!important;
}
.tagpost h2 {
	margin-top: 0.5em;
}
/* padding */

.padding3emv {
	padding-top:3em;
}

.alignright {
	text-align:right;
}

.aligncentre {
	text-align:center;
}

/* end of padding */

.positioning-statement {
	margin:2em 0em;
}
.positioning-statement-box {
	background-color: rgba(255, 255, 255, 0.85);
	text-align: center;
	padding:2em!important;
	border-radius: 5px;
	margin:2em 0em!important;
}
.positioning-statement-box .strapline {
	color: #333399;
}
.allreports, .reviewersguide {
	text-align: center;
	padding:5em 0em;
	margin:2em 0em;
}
.reportsrow, .reportsrownoposts {
	padding: 0.5em;
}
.reportsrow:hover {
	background-color: #CACAED;
}
.reportstable {
	border-bottom:1px dotted black;
}
button .btn .btn-secondary {
	background-color: #333399!important;
}
.mission-section {
	padding:2em 0em;
	text-align: center;
}
.uppermost h1, .uppermostskew h1 {
	font-size: 4em;
	color: #333399;
	border-bottom: 1px dotted #333399;
}

.uppermost .titleimage h1 {
	color: white!important;
	text-shadow: 2px 2px #000;
}
.titleimage {
	margin:2em 0em;
}


.uppermost, .uppermostskew {
	padding-top: 5em!important;
	font-size: 120%;
}

.uppermostnopad {
	padding-top:0em!important;
}


.titleimage {
	margin-bottom: 3em;
}

.uppermostskew {
	overflow-y: hidden;
}

/* Navbar styling */


.navbar {
	background-color:#fff!important;
	margin-bottom:2em;
	font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	font-weight: 800;
}
.navbar ul {
	text-align:center;
}
.navbar-center {
    margin:auto;
}

/* Post styling */

.standfirst {
	font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 140%;
	padding-bottom: 2em;
	color: #ffcc00;
}

p.calltoaction {
	font-weight: 800;
	padding-top:2em;
	margin-top:2em;
	border-top:1px dotted #333399;
}

/* Report styling */

.reportmeta {
	text-align:center;
	background-color: #CACAED;
	padding:0.5em 0em;
}

/* Footer styling */

#footerarea {
	overflow: auto;
	color: white!important;
	background-color: #333399!important;
	margin-top: 5em;
	padding-top: 5em;
	padding-bottom: 3em;
}

#footerarea a {
	color: #ffcc00!important;
	text-decoration: none;
}

#footerareawhite {
	overflow: auto;
	margin-top: 5em;
	padding-bottom: 3em;
}

#footerareawhite a {
	color: #333399!important;
	text-decoration: none;
}

#bloglinks ul {
	margin-left: 0px!important;
	padding-left: 0px!important;
}
#bloglinks li {
	list-style: none;
	padding:3px 0px;
	margin-left:0px;
	border-bottom:1px dotted #ffcc00;
}

/* skewed content */

#footerarea .afterskew {
	padding-bottom:0em;
}
.footerskew {
	transform:rotate(-4deg);
	transform:skewy(-4deg);
	margin:0px;
	overflow-y: hidden;
	overflow-x: hidden;
	padding-bottom: 1em;
}

.footerskew .container {
	overflow: hidden;
	margin-bottom:1em;
}

.address {
	text-align: right!important;
}
.afterfooter {
	clear: both;
}

.titlebanner {
	overflow-x:hidden;
	overflow: hidden;
	background-color: #ffcc00;
	padding-top:1em;
	widows: 100%;
	margin: 0px -40px 2em -40px;
	padding: 0px 40px;
	transform:rotate(-4deg);
	transform:skewy(-4deg);
}
.titlecontents {
	transform:skewy(4deg);
	/* transform:skewy(4deg); */
}
.titlecontents h1, .titlecontents .standfirst {
	color: #333399;
}
.titlecontents h1 {
	text-align: right;
}

/* Accordion */

.accordion {
  width: 100%;
  max-width: 1080px;
  height: 250px;
  overflow: hidden;
  margin: 50px auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li div a {
  display: block;
  height: 250px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}

.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.accordion ul li div a h2 {
  font-family: Montserrat, sans-serif;
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
}

.accordion ul li:nth-child(1) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-01.jpg"); }

.accordion ul li:nth-child(2) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-02.jpg"); }

.accordion ul li:nth-child(3) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-03.jpg"); }

.accordion ul li:nth-child(4) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-04.jpg"); }

.accordion ul li:nth-child(5) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-05.jpg"); }

.accordion ul li:nth-child(6) { background-image: url("https://sedev.ovingo.net/wp-content/themes/selabs/images/topper/topper-06.jpg"); }

.accordion ul:hover li { width: 8%; }

.accordion ul:hover li:hover { width: 60%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 600px) {

.accordion { height: auto; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}

}

/* end of accordion */

/* helping protect */

.helpingprotect {
	margin:3em 0em 5em 0em;
}
.protectlogos {
	text-align:center;
}
.protectlogos img {
	max-width: 100%;
}
/* end of helping protect */

/* about section */


/* end of about section */

.carousel-item {
	padding-left:6em;
	padding-right:6em;
}

/* tabs */

.tabcontents {
	width: 100%!important;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	overflow: auto;
	background-color:#fff;
	padding:1em;
}
.tab-content {width:100%!important;}

.nav-tabs {width:100%!important;}

/* Masonry */

.masonry-wrapper {
  padding: 1.5em;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px,1fr));
  grid-gap: 10px;
  grid-auto-rows: 0;
}
.masonry-item a p {
	color: white!important;
	font-size:1em!important;
}
.masonry-item {
	background-color: #333399;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}
.masonry-item, .masonry-content {
  border-radius: 4px;
  overflow: hidden;
}
.masonry-item {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
  transition: filter .25s ease-in-out;
}
.masonry-item:hover {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .3));
}
.masonry-content {
  overflow: hidden;
}
.masonry-item {
  color: #ffffff!important;
}
.masonry-title, .masonry-description {
  margin: 0;
}
.masonry-title {
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1rem 1.5rem;
}
.masonry-description {
  padding: 1.5rem;
  font-size: .75rem;
  border-top: 1px solid rgba(255, 255, 255, .05);
}