/* Sizing */
html {
 font-size: 62.5%;
}
body {
 color: #444;
 font-size: 15px;
 font-size:1.5rem;
}
.content-wrapper > .container { font-size:1.5rem; }
h1 { font-size: 32px; font-size: 3.2rem; }
h2 { font-size: 28px; font-size: 2.8rem; }
h3 { font-size: 24px; font-size: 2.4rem; }
h4 { font-size: 20px; font-size: 2rem; }
h5 { font-size: 16px; font-size: 1.6rem; }
h6 { font-size: 13px; font-size: 1.3rem; }


/*********
TOP BAR
*********/
.topbar-wrapper {   display:flex; flex-direction:column;  justify-content:flex-start; align-items:center; height:auto; }
/*
.headerColor .topbar-wrapper,
.frontpage .topbar-wrapper  { background:var(--bg-color); }
.frontpage .topbar-wrapper .topbar-inner { max-width:1000px; margin:0 auto; }
*/


/* Globar / Top Stripe Bar */
#topGlobal {  background:var(--bg-color-darker);  padding:4px 0px;  }
.topStripe { color:#99aac9; font-size:1.3rem; max-width:1140px; margin:0 auto; display:flex; justify-content: space-between; padding:2px 15px; height:30px;}
.frontpage .topStripe { max-width:990px; margin:0 auto; }

.top-global-left {  flex: 0 1 100px;  display:flex; justify-content: center; align-items: center; position:relative; }
.top-global-center {  flex: 1 0 200px; display:flex; justify-content: center; align-items: center; text-align:center; font-size:1.1rem; color:#aaa;}
.top-global-right {  flex: 0 1 100px;  display:flex; justify-content: flex-end; align-items: center; }

/* Main Logo Bar */
#topBar {  background:var(--bg-color); width:100%;  }
.topBarContainer {  width:100%; max-width:1140px; margin:0 auto;  display:flex; align-items:center; justify-content:space-between; height:80px;  padding:0px 15px;  }
.frontpage .topBarContainer {  max-width:990px; }

.top-bar-left { flex: 0 1 400px;   height:100%; display:flex; align-items:center; justify-content:flex-start;  }
.top-bar-center {  flex: 1 0 60px; height:100%;   display:flex; align-items:center; justify-content:center; }
.top-bar-right {   flex: 0 1 400px; height:100%; display:flex; align-items:center; justify-content:flex-end; }

/*logo*/
.logo-inner {  }
.logo-inner .logo {   }
.logo-inner img { max-width:33px;  display:flex; align-items:center; justify-content:center; }


/* Header Wrapper  */
.header-wrapper {  background:var(--bg-color);  }
.frontpage .header-wrapper {  padding:100px; }

/* Showcase Top / Filters */
.showcase-top-wrapper  {   background:var(--bg-color); z-index: auto;}
/* mod container */
.mod-container { width:100%;     }
/* header container */
header.container {  padding:0px!important;}
header.container > .row { margin:0px!important;} /*important to avoid oveflows in list header*/


/* main body */
.position-5b { padding-left:15px;  padding-top:2px;}
@media only screen and (max-width: 800px) {
  .position-5b { padding-left:0px;  }
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
#topBar.sticky { position: fixed; top: 0px; z-index:9998; width: 100%; height:65px;  box-shadow:0px 0px 20px rgba(0,0,0,0.15);transition: all 1s ease-in-out;  }
#topBar.sticky .topBarContainer {    height:65px;    }

.site-wrapper {    background:var(--bg-color);}
.site-wrapper.sticky { padding-top: 80px!important; }


/* content */
.site-wrapper .content-wrapper {   background-color: var(--bg-blank);}
.frontpage .site-wrapper .content-wrapper {   background-color: var(--bg-white);}
.site-wrapper .content-wrapper .container  { background:none!important; }



@media (max-width: 990px) {
.main-content { min-width:100%!important;}
}

@media (max-width: 692px) {
 .topbar { max-width:150px!important;  }
}







/* SIZING */
section.showcase.container {  max-width:1140px;  }
.content-wrapper .container {  max-width:1140px; }



/* Spacing */
.buffer {  padding-top:50px;  padding-bottom:50px; }
/* Structure */
.cr-container { max-width:1200px; margin:0 auto!important; padding-left:15px; padding-right:15px; }
.cr-inner-container { max-width:800px; margin:0 auto; }
.limitWidth { max-width:800px; margin:0 auto; padding-top:50px; padding-bottom:50px; }





 /****************
FOOTER
*****************/
.footer-wrapper { background:var(--bg-color);  }
.footer-wrapper { color:#4b73bc; font-size:1.2rem;}
.footer-wrapper a { color:#4b73bc!important;}

footer.container a.logo { float:left; }
footer.container a.logo > img { max-width:100px;}




/**** Breadcrumbs */
div.content-top > div.row-single > div.moduleid-17.mod-container { float:left;}
div.mod-inner.breadcrumbs  {  margin:0px; padding:10px 0px;}
div.mod-inner.breadcrumbs ul.breadcrumb.breadcrumbs {   margin:0px; font-size: 12px;}
div.mod-inner.breadcrumbs ul.breadcrumb > li { color:#02C39A!important; }
div.mod-inner.breadcrumbs ul.breadcrumb > li a { background:#163644; padding:2px 4px; color:#02C39A!important;  }