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

/* 
HEADER 
*/ 

.t3-header h1 {
  margin-top:-10px;
  margin-bottom: -20px;
}

@media (max-width: 1040px) {
  .t3-header .header-left {
    float: none;
    text-align: center;
    margin-left: 242px;
}  
  .conference.header-left {
    float: left;
    text-align: unset;
    margin-left: 242px;
}
  .t3-header .header-right {
    float: none;
    text-align: center;
    margin-left: 300px;
}
  
}

@media (max-width: 990px) {
.t3-header .header-left {
    margin-left:0px;
    margin-bottom: 10px;
}
  .conference.header-left {
    text-align: center;
}
  .t3-header .header-right {
    display: block;
    float: left;
    width: 468px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
}

@media (max-width: 992px) {
  .t3-header {
    border-bottom: 3px solid #0077bb;
}
  }

@media (max-width: 992px) {
  .header-right {
    display: inline;
  }
}

.header-right .header-right-inner > .col {
    float: right;
}

@media (max-width: 992px) {
.banneritem {
    margin: 0 0 0px; 
    overflow: hidden;
}

 .t3-header {
    height: auto;
    position: relative;
  }

  .header-right .header-right-inner > .col {
    float: left;
}

}

@media screen and (max-width: 992px) {
  .header-right .trending {
    display: inline;
  }
}

   .t3-header .header-center {
    float: none;
    text-align: center;
       margin-left: auto;
    margin-right: auto;
}


/* 
NAVIGATION 
*/ 

.t3-topnav .nav > li > a:hover, .t3-topnav .nav > li > span:hover, .t3-topnav .nav > li > a:focus, .t3-topnav .nav > li > span:focus {
  color: #fff;
  background-color: #0077bb;
  border-color: #0077bb;
  }


.navbar-default .navbar-nav > .active > a.homeglobe {
    color: #0077bb;
    background-color:  #fff;
    background-image: url("https://www.globalslag.com/images/stories/documents/general/globe-blueline-200.png");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center; 
}

.navbar-default .navbar-nav > .item-home > a:hover {
    background-image: url("https://www.globalslag.com/images/stories/documents/general/globe-trans-200.png");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
}

.navbar-default .navbar-nav > .active > a {
    background-color:  #0077bb;
}

.navbar-default .navbar-nav > .active > a:hover {
    background-color:  #0077bb;
}

 .navbar-default .navbar-nav > .active > a:focus {
    background-color:  #0077bb;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    color: #0077bb;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > .separator:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > .separator:focus {
    color: #ffffff;
    background-color: #0077bb;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #0077bb;
}

.item-home {
    background-image: url("https://www.globalslag.com/images/stories/documents/general/globe-blueline-200.png");
        background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center; 
}

.item-home > a:hover {
    background-image: url("https://www.globalslag.com/images/stories/documents/general/globe-trans-200.png");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center; 
}

/*
BREADCRUMBS
*/

.breadcrumb > li > a:hover, .breadcrumb > li > span:hover, .breadcrumb > li.active:hover, .breadcrumb > li > a:active, .breadcrumb > li > span:active, .breadcrumb > li.active:active, .breadcrumb > li > a:focus, .breadcrumb > li > span:focus, .breadcrumb > li.active:focus {
  background: #0077bb;
  color: #fff;
  text-decoration: none;
}

.breadcrumb > li > a:hover::after, .breadcrumb > li > span:hover::after, .breadcrumb > li.active:hover::after, .breadcrumb > li > a:active::after, .breadcrumb > li > span:active::after, .breadcrumb > li.active:active::after, .breadcrumb > li > a:focus::after, .breadcrumb > li > span:focus::after, .breadcrumb > li.active:focus::after {
  background: #0077bb;

}

/* 
OFF CANVAS MENU 
*/ 

.off-canvas-toggle:hover, .off-canvas-toggle:focus {
  background: #306689;
}

.t3-off-canvas .t3-off-canvas-body .nav-pills > li.active > a, .t3-off-canvas .t3-off-canvas-body .nav-pills > li.active > a:hover, .t3-off-canvas .t3-off-canvas-body .nav-pills > li.active > a:focus {
  background: #306689;
}



.t3-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.t3-sidebar {
    padding-top: 1px;
}

.eventcontainer {
  box-shadow: none;
}

@media (min-width: 768px) {
.container {
    width: 760px;
}
}

@media (max-width: 992px) {
  .container {
    width: 100%;
    margin-top: 30px;
  }
}

@media (max-width: 1240px) {
div#skybanner1,div#skybanner2 {
    display:none;
 }
}

@media (min-width: 1240px) {
div#skybanner1s,div#skybanner2s {
    display:none;
 }
}

.homepage-slider {
  margin-right: -20px;
  margin-left: -20px;
}

@media (min-width: 1040px) {
  .container {
    width: 1020px;
  }
}

@media (min-width: 1240px) {
  .container {
    width: 960px;
  }
}

@media (max-width: 1460px) and (min-width: 1240px) {
  .t3-sidebar {
	padding-right:10px;  
  }
}

@media (min-width: 1460px) {
  .container {
    width: 1180px;
  }
}



/**
 * Banner Positions
 *
 */

.banneritem img {
    width: auto;
}

div#skybanner1,div#skybanner2 {
    position:absolute;
    /*top:267px;  /* DISTANCE FROM TOP OF WINDOW */
 }

@-moz-document url-prefix() { 
  div#skybanner1,div#skybanner2 {
    position:absolute;
    /*top:267px;  /* DISTANCE FROM TOP OF WINDOW */
 }
}
 
div#skybanner1 {
    left:-140px;   /* FIXES BANNER TO LEFT SIDE OF WINDOW */
 }
div#skybanner2 {
    right:-140px;   /* FIXES BANNER TO RIGHT SIDE OF WINDOW */ 
 }
 
 div#skybanner1s, div#skybanner2s {
    margin-bottom: 10px;   /* FIXES BANNER TO LEFT SIDE OF WINDOW */
 }

@media screen and (max-width: 992px) {
    .t3-sidebar {
        display: block;
    }
}


/* 
MAIN CONTENT
*/ 

.t3-mainnav {
	border-top: 2px solid #0077bb;
}

@media (max-width: 1040px) {
.t3-navhelper {
  margin-top: 0px;
}
  }

@media (max-width: 992px) {
  .main {
    margin-top: 53px;
  }
    .homepage-slider {
  margin-top: -53px;
}
}

.article-info dd {
    white-space: normal;
}

.article-main .article-intro-media .item-image {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}

*/ 
FOOTER
*/ 

.t3-footer .logo {
    padding-left: 0px;
    margin-left: 0px;
}

.t3-footer .logo {
  background: none;
}

@media (min-width: 1199px) {
  .t3-footer .logo::before {
    border-right: none;
    border-top: none;
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
  }
}

/* 
TEXT STYLES
*/ 
  
h1 {
  color: #306689;
}

a {
  color: #813E5D;
  text-decoration: none;
}

a:hover, a:focus {
  color: #813E5D;
  text-decoration: underline;
  outline: none;
}

h3 {
  color: #306689;
}

h3 a {
  color: #306689;
}

.magazine-item .article-title h3 {
  color: #306689;
}

.magazine-item .article-title h3 a {
  color: #306689;
}

.magazine-featured-leading .magazine-item-main .article-title h3 a {
  color: #306689;
}

.article-content {
  font-size: 16px;
  font-weight: 300;
}

@media screen and (min-width: 992px) {
  .magazine-featured.events-featured .magazine-leading .magazine-item-main {
    width: 50%;
  }
}

.magazine-featured.style-1 .magazine-carousel .magazine-item-main {
  min-height: 0px;
}

.article-title, .article-header h3 {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 12px 0;
  line-height: 1.25;
}

.article-title a, .article-header h3 a {
  color: #306689;
}

.article-title a, .article-header h3 a:hover {
  color: #cc0000;
  text-decoration: none;
}


.items-leading {
  margin-top: 24px;
  border-bottom: 1px dotted #e5e5e5;
}

.article-title, .article-header h1 {
  font-size: 45px;
  font-weight: 400;
  margin: 0 0 12px 0;
  line-height: 1.25;
  color: #306689;
}

.article-title a, .article-header h1 a {
  color: #306689;
}

.article-main .article-intro-media {
  position: relative;
  min-height: 0px;
}

.article-full {
  margin-top: 0px;
  position: relative;
}

article img[align="left"], .article-intro img[align="left"], .article-content img[align="left"], article .img_caption.left, .article-intro .img_caption.left, .article-content .img_caption.left, article .pull-left.item-image, .article-intro .pull-left.item-image, .article-content .pull-left.item-image, article img[align="right"], .article-intro img[align="right"], .article-content img[align="right"], article .img_caption.right, .article-intro .img_caption.right, .article-content .img_caption.right, article .pull-right.item-image, .article-intro .pull-right.item-image, .article-content .pull-right.item-image {
    margin: 0 0 0px;
  width: 100%;
  float: none !important;
}

.page-title, .page-header h1 {
  font-size: 45px;
  font-weight: 400;
  margin: 0 0 12px 0;
  margin-top: 0px;
  line-height: 1.25;
  color: #306689;
  margin-top: 24px;
  text-transform: none;
  font-family: "Roboto Slab", Cambria, Georgia, "Times New Roman", Times, serif;
}

.article-header {
  padding-bottom: 11px;
  margin: 0 0 24px;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 12px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  cursor: default;
  background-color: #306689;
  border-color: #306689;
}

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
  padding: 5px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0077bb;
    border-color: #0077bb;
}

article .row, .article .row {
    margin-bottom: 0px;
}

.readmore.readmore-title .btn-default:hover {
	color: #ffffff;
    	background-color: #0077bb;
    	border-color: #7a7a7a;
}

/*
BUTTONS
*/
.sppb-btn {
  user-select: all;
}


/*
HOMEPAGE SLIDER
*/

/*
ARTICLES
*/

/* Hide intro image on article pages ONLY when 'intro-image-hide' class is present */
#t3-content section.article-intro-media .intro-image-hide,
#t3-content section.article-intro-media .item-image.intro-image-hide {
    display: none !important;
}

.stripe td, th {
    padding: 10px;
}


.map-container {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9; /* Adjust ratio as needed (e.g., 4 / 3) */
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}