/**
 * Place your custom styles here.
 */
 @import url("https://use.typekit.net/wfd4fwy.css");

 .main {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h1 {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h2 {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h3 {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h4 {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h5 {
  font-family: benton-sans-condensed, sans-serif;
 }

 .main h6 {
  font-family: benton-sans-condensed, sans-serif;   
 }

 .breadcrumb > .active {
  color: #333;
 }

.front-iwant-tabs {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.37);
  border-radius: 0;
}

.front-iwant-tabs [role=tablist] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.front-iwant-tabs [role=tablist]>li {
	background: #335075;
	flex: 1 1 25%;
	left: 0;
	display: inline-block;
	margin-right: 2px;
}

.front-iwant-tabs [role=tablist]>li:last-of-type {
	margin-right: 0;
}

.front-iwant-tabs [role=tablist]>li a {
	color: #fff;
	border-top: 2px;
}

.front-iwant-tabs [role=tablist]>li.active {
    background: #EEF7F7 !important;
    border-top: 2px;
}
.front-iwant-tabs [role=tablist]>li.active a {
	color: #335075 !important;
	border-top: 2px;
  padding-top: 10px;
}

.front-iwant-tabs>.tabpanels>details, .wb-tabs>details {
  background: #EEF7F7 !important;
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
}

.front-iwant-tabs [role=tablist] > li, .front-iwant-tabs [role=tablist] > li a, .front-iwant-tabs.carousel-s1 [role=tablist] > li.control, .front-iwant-tabs.carousel-s2 [role=tablist] > li.control {
  display: block;
}

.front-iwant-tabs .pnl-lbl-txt {
  width: 100%;
  text-align: center;
}

.front-iwant-tabs .pnl-lbl-icon {
  display: block;
  padding: 5px;
}

.front-iwant-tabs .pnl-lbl-icon svg {
  height: 50px;
}

.front-iwant-tabs [role=tablist]>li.active a .pnl-lbl-icon path,
.front-iwant-tabs [role=tablist]>li.active a .pnl-lbl-icon rect,
.front-iwant-tabs [role=tablist]>li.active a .pnl-lbl-icon polygon,
.front-iwant-tabs [role=tablist]>li:hover a .pnl-lbl-icon path,
.front-iwant-tabs [role=tablist]>li:hover a .pnl-lbl-icon rect,
.front-iwant-tabs [role=tablist]>li:hover a .pnl-lbl-icon polygon {
  fill: black;
}

.front-iwant-tabs .tgl-panel a {
  color: #fff;
}

.ags-section-lists summary {
  font-size: 18px;
  color: #000;
}

.ags-section-lists details summary {
  border: 0;
}

.ags-section-lists details {
  border: 0;
}

.links-row {
  width: 100%;
  text-align: right;
}

.links-disclaimer {
  padding-top: 15px;
  font-size: 12px;
}
 
.top-flex-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.top-flex-logo {
  flex: 1 1 20%;
  margin-right: 25px;
}

.top-flex-logo:last-of-type {
  margin-right: 0;
}

.top-flex-search {
  flex: 1 1 auto;
}

#wb-srch, .srchbox {
  box-sizing: border-box;
  min-width: 330px;
  padding-top: 2.5em;
}

#wb-srch input, .srchbox input {
  margin-right: -5px
}

#wb-srch button, .srchbox button {
  margin-left: -5px;
}

.wb-mb-links {
  margin-left: 24px;
}

#wb-srch-sub {
  margin-left: 0;
}

#wb-srch .form-type-search {
  max-width: 250px;
}

.wb-tabs.carousel-s2.wb-init {
    padding-bottom: 3.86em;
}

@media (max-width: 1199px) and (min-width: 992px) {
  #wb-srch, .srchbox {
    padding-top: 1.5em;
  }
}

@media (min-width: 992px) {
  .pnl-lbl-txt {
    display: table;
    min-height: 41px;
  }
  .pnl-lbl-txt span {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  .top-flex-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .top-flex-logo {
    flex: 1 1 20%;
  }
  .top-flex-search {
    flex: 1 1 100%;
  }

  .wb-mb-links {
    float: none !important;
    width: auto !important;
    margin-left: 0;

  }

  #wb-glb-mn {
    margin-top: 5px;
  }

  #wb-glb-mn ul {
    width: 100%;
    margin-left: -20px;
  }

  #wb-glb-mn ul.chvrn {
    margin-left: auto;
  }

  #wb-glb-mn ul.chvrn:before {
    display: none;
  }

  #wb-srch, .srchbox {
    padding-top: 0;
  }
}

#trade,
#tourism,
#infrastructure,
#workforce,
#climate,
#innovation,
#food {
  padding: 0 !important;

}

#trade .tgl-panel {
  background: url('../img/ags/tab-bg/trade.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#tourism .tgl-panel {
  background: url('../img/ags/tab-bg/tourism-fogoisland.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#workforce .tgl-panel {
  background: url('../img/ags/tab-bg/immigration.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#innovation .tgl-panel {
  background: url('../img/ags/tab-bg/Innovation.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#food .tgl-panel {
  background: url('../img/ags/tab-bg/food-wpgriffin.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#climate .tgl-panel {
  background: url('../img/ags/tab-bg/climate.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

#infrastructure .tgl-panel {
  background: url('../img/ags/tab-bg/Infrastructure.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
  padding: 15px;
  text-shadow: 2px 2px #000;
}

.margin-bottom {
  margin-bottom: 30px;
}

.btmftr-menu {

}

.btmftr-menu li {
  margin-left: 25px;
}

.btmftr-menu li:first-of-type {
  list-style-type: none;
  margin-left: 0;
}

.block-views-blocknewsroom-block-1,
.block-views-blockvideos-block-1,
.block-views-blockphotos-block-1,
.block-views-blockinfographic-block-1 {
  padding-bottom: 30px;
}

.ags-list-block {
  position: relative;
}

.ags-list-block h2 {
  border-bottom: 3px solid #335175;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.ags-list-block .icon {
  background: #fff;
  border: 3px solid #335175;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: -25px;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-left: 0;
}

.ags-list-block .icon img {
  padding-top: 4px;
  position: relative;
  width: 35px;
  height: auto;
}

.social-landing {
  padding-left: 0;
}

.social-landing li {
  list-style: none;
  margin-bottom: 10px;
}

.social-landing li a {
  padding-bottom: 10px;
  padding-top: 10px;
  text-decoration: none;
}

.social-landing li a .svg-inline--fa.fa-w-16,
.social-landing li a .svg-inline--fa.fa-w-14,
.social-landing li a .svg-inline--fa.fa-w-18 {
  background: #000;
  color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 5px;
  margin-right: 8px;

  vertical-align: -0.625em;
}

.landing-block-title {
  border-bottom: 2px solid #335175;
  padding-bottom: 5px;
  margin-top: 0;
}

.view-display-id-block_1 .views-row {
  margin: 5px 8px 5px 8px;
}

.newsroom-post-title {
  font-weight: bold;
}

.newsroom-section-footer {
  width: 100%;
  text-align: right;
  padding: 20px 10px;
}

.view-gallery-videos .grid .row .col,
.view-infographics .grid .row .col {
  box-sizing: border-box;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
}

/*
 * Rebuild slider.
 */

.testimonial-slide {
	border: 1px solid #ddd;	
	margin: 10px;
}

.testimonial-slide img {
	border-top: 5px solid #335175;
}

.testimonial-slide-link {
	padding: 5px 10px;
	min-height: 85px;
}

.testimonial-slide-cat {
	box-sizing: border-box;
	background: #ddd;
	line-height: 30px;
	padding: 5px 10px;
	margin: 0;
}

/*
 * Slick slider overrides
 */
.slick-prev:before, .slick-next:before {
  color: #335175;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #335175;
}

.ags-alb {
  
}

.ags-alb img {
  margin-bottom: 10px;
}

.ags-alb h5 {
  min-height: 35px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
 .row-eq-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

