/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/
/**
 * Media Queries Breakpoints:
 * - @media (min-width: 992px)
 * - @media (min-width: 768px)
 */
.goth-l {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.goth-m {
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.goth-b {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.abs-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
}
body {
  color: #404040;
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
@media (max-width: 479px) {
  body {
    font-size: 12px;
  }
  p {
    font-size: 13px;
  }
}
p {
  color: #404040;
}
.alert {
  margin-bottom: 20px;
  margin-top: 20px;
}
.container-fluid.nopadding {
  padding: 0;
}
.container.nopadding {
  padding: 0;
}
.circle img {
  border-radius: 50%;
}
@media (max-width: 991px) {
  .content > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  /*
	.container {
		width: 100%;
	}
	*/
}
@media (max-width: 767px) {
  .container .row {
    margin: 0;
  }
}
/********************************************************************************/
/* Common Properties */
.rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.padding {
  padding: 3em;
}
@media (max-width: 767px) {
  .padding {
    padding: 2em;
  }
}
.black-overlay {
  background: rgba(0, 0, 0, 0.6);
}
/********************************************************************************/
/* BG */
/*
.bg-brown-gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B8946B), color-stop(1, #C0A37E));
	background-image: -o-linear-gradient(bottom, #B8946B 0%, #C0A37E 100%);
	background-image: -moz-linear-gradient(bottom, #B8946B 0%, #C0A37E 100%);
	background-image: -webkit-linear-gradient(bottom, #B8946B 0%, #C0A37E 100%);
	background-image: -ms-linear-gradient(bottom, #B8946B 0%, #C0A37E 100%);
	background-image: linear-gradient(to bottom, #B8946B 0%, #C0A37E 100%);
	color: #FFFFFF;
}
.bg-brown-gradient p {
	color: #ffffff;
}
*/
.bg-sand {
  background-color: #f6f3e5;
}
.bg-sand-light {
  background-color: #faf0cc;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-white .cta:hover,
.bg-sand .cta:hover,
.bg-sand-light .cta:hover {
  color: #000;
  border-color: #000;
}
/*****************************************************************************/
/* Custom throbber */
.custom-throbber .ajax-progress .message,
.custom-throbber .ajax-progress-throbber .message {
  color: white;
  font-size: 20px;
  padding: 30px;
}
.custom-throbber .ajax-progress .throbber,
.custom-throbber .ajax-progress-throbber .throbber {
  float: none;
  margin: 25% auto 0 auto;
  width: 100px;
  height: 100px;
  background: url("/sites/all/themes/Porto_sub/images/loading.svg") no-repeat center center;
}
.custom-throbber .ajax-progress,
.custom-throbber .ajax-progress-throbber {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  vertical-align: middle;
  text-align: center;
}
/*****************************************************************************/
/* CTA */
.cta,
.cta:active,
.cta:visited,
.cta:link {
  display: inline-block;
  background: #a2823d;
  color: #ffffff;
  padding: 0.5em 1em;
  border: 1px solid #a2823d;
  text-decoration: none;
}
.cta:hover {
  background: transparent;
  border: 1px solid #fff;
  color: #ffffff;
}
.cta .icon {
  margin-left: 0.5em;
}
#content .cta-bw,
#content .read-more a {
  text-transform: uppercase;
  font-size: small;
}
#content .cta-bw strong,
#content .read-more a strong {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 1.1em;
}
#content a.cta-bw:hover,
#content .read-more a:hover {
  text-decoration: underline;
}
.node-type-webform .submitted {
  display: none;
}
.node-type-webform .webform-client-form textarea {
  height: 200px !important;
}
.node-type-webform .webform-client-form .btn,
.node-type-webform .webform-client-form .btn:active,
.node-type-webform .webform-client-form .btn:visited,
.node-type-webform .webform-client-form .btn:link {
  display: inline-block;
  background: #a2823d;
  color: #ffffff;
  padding: 0.5em 1em;
  border: 1px solid #a2823d;
  text-decoration: none;
}
.node-type-webform .webform-client-form .btn:hover {
  background: transparent;
  border: 1px solid #a2823d;
  color: #333;
}
/********************************************************************************/
/* REGION */
.region-page-top-bg {
  top: 0px;
  /*
	.box {
		width: 50%;
		position: absolute;
		bottom: 3em;
		right: 0;
		.goth-l;

		.box-title {
			color: #a2823d;
			font-size: 3em;
			margin: 0 0 0.8em;
			line-height: 1em;
		}

		.box-desc {
			color: rgba(255, 255, 255, 0.7);
			font-size: 1.1em;
		}

		.cta {
			margin-top: 2em;
			font-size: 1.1em;
			text-transform: uppercase;
		}
	}

	@media (max-width: 767px) { 
		.box {
			width: 90%;
			position: relative;
			top: 10em;
			right: auto;
			bottom: auto;
			.goth-l;
			margin-left: auto;
			margin-right: auto;
		}
	}
	*/
}
.region-page-top-bg .contextual-links-wrapper {
  top: 100px;
}
/********************************************************************************/
/* Views */
.view.with-pager .view-content {
  padding: 6em 6em 0em 6em;
}
.view.with-pager .view-pager {
  padding: 0em 6em 6em 6em;
  position: relative;
  text-align: center;
}
@media (max-width: 991px) {
  .view.with-pager .view-content {
    padding: 3em 3em 0em 3em;
  }
  .view.with-pager .view-pager {
    padding: 0em 3em 3em 3em;
    position: relative;
  }
}
.view .view-header p,
.view .view-footer p {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
  margin-top: 5px;
  line-height: 1.3em;
}
.view .views-field-title a:hover {
  text-decoration: none;
}
.view .views-field-title a:hover p {
  color: #c93;
  opacity: .5;
}
.view .views-field-body,
.view .views-field-view-node {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.content-block .view .cta-bw {
  font-size: 1em;
}
/********************************************************************************/
/* Paginator */
.pagination {
  margin-left: auto;
  margin-right: auto;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border: 0;
  background: transparent !important;
  color: #000;
  font-weight: bold;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background: transparent;
  color: #000;
  border: 0;
}
.pagination > li > a,
.pagination > li > span {
  background: transparent;
  color: rgba(0, 0, 0, 0.7);
  border: 0;
}
/*
.pager-first,
.pager-last {
	display: none;
}
*/
/********************************************************************************/
/* Header */
#header h1 {
  display: none;
}
#header {
  border: none;
  background: #FFFFFF;
  padding: 0px;
  z-index: 10;
  background: none;
  min-height: 65px;
}
#header .navbar-collapse,
#header .container-fluid {
  padding: 0;
}
#header .logo {
  display: block;
  width: 388px;
}
#header .logo img {
  height: 100%;
}
#header .nav-main {
  float: none;
  position: relative;
}
#header-top {
  height: 100px;
  position: relative;
}
.tb-megamenu,
#header nav ul.nav-main {
  margin: 0;
}
#header nav ul.nav-main li {
  height: 100%;
}
#header .btn-responsive-nav {
  top: 8px;
  z-index: 5;
  padding: 4px 8px;
}
#header .nav-top {
  display: block;
  margin-bottom: 3px;
}
#header .nav-main-collapse {
  background: rgba(0, 0, 0, 0.9) !important;
  border-top: 8px solid #9C8C6C;
  min-height: 60px;
}
.container-fluid > .navbar-collapse {
  margin: 0;
  position: relative;
}
@media (max-width: 767px) {
  #header .nav-top {
    display: none;
  }
  #header > .container-fluid > .container {
    padding-left: 0;
  }
}
@media (max-width: 780px) {
  #header .logo {
    width: 80%;
  }
  #header .logo img {
    height: auto;
    width: 100% !important;
  }
  #header-top {
    height: auto;
  }
  #header .nav-top {
    display: none;
  }
}
@media (max-width: 580px) {
  #header .logo {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #header .container {
    padding-left: 0;
    padding-right: 0;
  }
}
/********************************************************************************/
/* Main menu */
#header nav {
  font-family: 'trajan-pro-3', 'Open Sans';
}
#header nav .nav-main,
#header nav #header-top,
#header nav .page-top .page-title {
  padding: 0 2%;
}
#header nav ul.nav-main li.dropdown > a,
#header nav ul.nav-main li.dropdown {
  margin-bottom: 0px !important;
}
#header nav ul.nav-main li.dropdown > a {
  padding-bottom: 14px !important;
}
#header nav ul.nav-main li.dropdown .dropdown-menu a {
  text-transform: uppercase;
}
#header nav ul.nav-main > li > a {
  border-radius: 0;
  background-color: transparent !important;
  color: #FFFFFF;
  height: 100%;
  padding: 18px 20px 14px 20px;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 0.9em;
  text-transform: uppercase;
}
#header nav ul.nav-main .home a {
  padding: 18px 20px 10px 20px;
  font-size: 22px;
}
#header nav ul.nav-main > li:hover.home a,
#header nav ul.nav-main > li.home a.active {
  padding: 18px 20px 13px 20px;
}
#header nav ul.nav-main > li > a.active,
#header nav ul.nav-main > li:hover > a,
#header nav ul.nav-main > li > a:hover {
  background: transparent;
  box-shadow: inset 0px -3px 0px #cd9e33;
  padding: 18px 20px 14px 20px;
}
#header .nav > li > a:hover,
#header .nav > li > a:focus {
  background-color: transparent;
  opacity: 0.7;
}
#header .search-item {
  float: right;
}
#header nav ul.nav-main > li > .search-icon a {
  padding: 15px;
  font-size: 20px;
  color: #FFFFFF;
  display: block;
  background: transparent;
}
#header nav ul.nav-main > li:hover > .search-icon a {
  box-shadow: inset 0px -3px 0px #c59520;
}
@media (max-width: 991px) {
  #header nav ul.nav-main > li:hover > .search-icon a {
    box-shadow: none;
  }
}
@media (max-width: 1199px) {
  #header nav ul.nav-main > li > a,
  #header nav ul.nav-main > li > a.active,
  #header nav ul.nav-main > li:hover > a,
  #header nav ul.nav-main > li > a:hover {
    padding: 18px 8px 14px 8px;
  }
  #header .nav-main > li:hover.home a,
  #header .nav-main > li.home a,
  #header .nav-main > li.home a.active {
    padding: 15px 12px 14px 12px;
    font-size: 22px;
  }
  #header nav ul.nav-main > li > .search-icon a {
    padding: 15px 12px;
  }
  #header .menu-attach-block-wrapper .input-group-btn,
  #header .menu-attach-block-wrapper .input-group .form-control {
    width: auto;
  }
}
@media (max-width: 991px) {
  #header .nav-main > li.home a {
    display: none;
  }
}
#header .in nav ul.nav-main > li > a.active,
#header .in nav ul.nav-main > li:hover > a,
#header .in nav ul.nav-main > li > a:hover {
  box-shadow: none;
}
#header .in nav ul.nav-main li a.dropdown-toggle.extra,
#header .in .dropdown-toggle.extra {
  height: 53px !important;
  width: 53px !important;
  margin: 0 10px -53px 0 !important;
}
#header .in .dropdown-toggle.extra:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #FFFFFF transparent transparent transparent;
}
#header nav ul.nav-main > li.dropdown > a.disabled::after {
  margin: 0;
  content: '';
}
#header nav ul.nav-main ul.dropdown-menu,
#header nav ul.nav-main li.dropdown.open .dropdown-toggle,
#header nav ul.nav-main li.dropdown:hover a {
  border-radius: 0 !important;
}
#header nav ul.nav-main > li.dropdown > a.disabled::after {
  font-family: inherit;
}
/********************************************************************************/
/* Dropdown menu */
.dropdown-menu {
  width: 300px;
  background: rgba(0, 0, 0, 0.8) !important;
  border: none !important;
  padding: 30px 30px 40px !important;
  margin: 0px 0 0 0 !important;
}
.dropdown-menu ul {
  list-style-type: none;
  padding-left: 10px !important;
  margin-left: 0px !important;
}
.dropdown-menu li {
  margin-bottom: 0px !important;
  margin-left: 5px;
  border-bottom: none !important;
}
.dropdown-menu li a {
  color: #FFFFFF !important;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8em !important;
  padding: 0px !important;
  border: none !important;
  margin: 0px;
  line-height: 2.0em !important;
  background-color: transparent !important;
}
.dropdown-menu li a:hover {
  text-decoration: none !important;
  opacity: 0.8;
}
.dropdown-menu .nolink {
  font-size: 0.9em;
  color: #ffffff;
  text-transform: uppercase;
  margin: 1.8em -10px 0.7em;
  display: block;
}
.dropdown-menu li:first-child .nolink {
  margin-top: 0px;
}
@media (max-width: 700px) {
  .dropdown-menu {
    padding: 5px 0 30px 10px !important;
  }
}
#header nav ul.nav-main .dropdown-submenu > a:after {
  border: none;
}
#header nav ul.nav-main .dropdown-submenu .menu {
  display: none;
}
#header nav ul.nav-main .dropdown-submenu .dropdown-menu {
  display: none !important;
}
.dropdown-menu > li > a {
  font-weight: 600 !important;
  margin: 0 !important;
}
.dropdown-menu h2 {
  font-size: 1.0em;
  color: #FFFFFF;
  font-weight: 600;
  margin: 8px 0 5px 0;
  line-height: 1.0em;
}
.dropdown-menu p {
  color: #FFFFFF;
  line-height: 1.3em;
  font-size: 0.9em;
}
/********************************************************************************/
/* Contact and social links */
.region-header-top {
  right: 0px;
  bottom: 0px;
  position: absolute;
}
.region-header-top a:hover,
.region-header-top a {
  color: #9A9A9A;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
}
.region-header-top .social a {
  font-size: 18px;
  padding: 5px 8px;
  margin-top: 3px;
}
.region-header-top .nav-pills {
  margin-right: 25px;
}
/********************************************************************************/
/* Homepage slideshow */
.region-before-content {
  position: relative;
  margin-bottom: -60px;
  /********************************************************************************/
  /* Welcome text to overlay slideshow */
  /********************************************************************************/
  /* Homepage Featured Pages */
}
.region-before-content #block-views-homepage-slideshow-block {
  z-index: -10;
}
.region-before-content #block-views-homepage-slideshow-block .view-homepage-slideshow .flexslider {
  border: none;
}
.region-before-content #block-views-homepage-slideshow-block .view-homepage-slideshow .homepage-slide {
  height: 540px;
  width: 100%;
  display: block;
  background-size: cover !important;
}
.region-before-content .block-homepage-welcome {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
  z-index: 5;
}
.region-before-content .block-homepage-welcome h4,
.region-before-content .block-homepage-welcome h1 {
  font-family: "Gotham SSm A", "Gotham SSm B";
  color: #FFF;
  text-transform: uppercase;
  font-weight: 200;
}
.region-before-content .block-homepage-welcome h4 {
  font-size: 1.6em;
  line-height: .8em;
}
.region-before-content .block-homepage-welcome h1 {
  font-size: 3.6em;
  line-height: 1.0em;
}
@media (max-width: 768px) {
  .region-before-content .block-homepage-welcome {
    top: 90px;
  }
}
.region-before-content #block-views-homepage-featured-block {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 210px;
  z-index: 20;
}
.region-before-content #block-views-homepage-featured-block:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  /* IE6-9 */
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured {
  padding-top: 35px;
  position: relative;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-content: wrap;
  -webkit-align-content: wrap;
  -ms-flex-line-pack: wrap;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row {
  margin-bottom: 30px;
  position: relative;
  flex: 1 0 220px;
  -ms-flex: 1 0 220px;
  -webkit-flex: 1 0 220px;
  max-width: 220px;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item {
  position: relative;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-image {
  display: block;
  background-size: cover !important;
  backgroun-position: top center !important;
  height: 110px;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-image a {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: transparent;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title {
  background-color: #cd9e33;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0px);
  display: block;
  cursor: pointer;
  line-height: 14px;
  opacity: .7;
  padding: 15px 0 10px 20px;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.05em;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a:after {
  background: url('/sites/all/themes/Porto_sub/images/arrow.png') no-repeat;
  content: '';
  position: absolute;
  background-size: contain;
  right: 15px;
  bottom: 6px;
  width: 6px;
  height: 18px;
  z-index: 30;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a:hover,
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a:focus {
  text-decoration: none;
}
.region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item:hover .featured-title a {
  opacity: 1;
}
@media (max-width: 992px) {
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row {
    flex: 1 0 180px;
    -ms-flex: 1 0 180px;
    -webkit-flex: 1 0 180px;
    max-width: 180px;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a {
    font-size: 12px;
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row {
    flex: 1 0 45%;
    -ms-flex: 1 0 45%;
    -webkit-flex: 1 0 45%;
    max-width: 45%;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-image {
    display: none;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a {
    font-size: 14px;
    padding: 25px 30px 20px 20px;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a:after {
    bottom: 15px;
  }
}
@media (max-width: 475px) {
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row {
    flex: 1 0 49%;
    -ms-flex: 1 0 49%;
    -webkit-flex: 1 0 49%;
    max-width: 49%;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a {
    font-size: 12px;
    padding: 25px 5px 20px 10px;
  }
  .region-before-content #block-views-homepage-featured-block .view-homepage-featured .featured-row .views-row .featured-item .featured-title a:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .region-before-content #block-views-homepage-featured-block {
    height: 240px;
  }
}
/********************************************************************************/
/* Basic content block used on homepage and various pages. */
#content .col-md-2 {
  padding: 0 0px 0 15px;
}
#content .col-md-2:first-child {
  padding: 0 30px 0 0px;
}
.node-type-article .content-block {
  padding: 3em;
}
.content-block {
  padding: 4em 5em;
}
.region-sidebar-right .content-block {
  padding: 6em 6em 6em 3em;
}
.region-sidebar-left .content-block {
  padding: 6em 3em 6em 6em;
}
/** Used for block media-gallery */
.content-block.view-filters {
  padding: 0 6em;
}
@media (max-width: 767px) {
  .content-block {
    padding: 3em;
  }
  .region-sidebar-right .content-block {
    padding: 3em 3em 3em 1em;
  }
  .region-sidebar-left .content-block {
    padding: 3em 1em 3em 3em;
  }
  .content-block.view-filters {
    padding: 0;
  }
  #block-views-media-gallery-block-3-columns .pager-next,
  #block-views-media-gallery-block-3-columns .pager-last {
    display: none;
  }
}
.content-block h2 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.01em;
  color: #cc9933;
  margin-bottom: 1em;
  font-size: 2.2em;
}
.node-type-contact .region-content .field-name-body h1,
.node-type-contact .region-content .field-name-body h2,
.node-type-contact .region-content .field-name-body h3,
.node-type-contact .region-content .field-name-body h4,
.node-type-contact .region-content .field-name-body h5 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.01em;
  color: #cc9933;
}
.content-block h4 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.01em;
  color: #cc9933;
  margin-bottom: 2em;
  font-size: 1.8em;
}
.content-block a {
  display: block;
  color: #222222;
  font-size: 1.4em;
  font-weight: 500;
}
.content-block a:hover {
  color: #323232;
  text-decoration: none;
}
.view-media-style .views-row,
.view-country-information .views-row,
.view-articles-style .views-row {
  margin-bottom: 3em;
}
@media (max-width: 767px) {
  .view-media-style .views-row,
  .view-country-information .views-row,
  .view-articles-style .views-row {
    margin-bottom: 2em;
  }
}
/********************************************************************************/
/* Article */
.region-content .field-name-body,
.region-content .field-name-body p {
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
/********************************************************************************/
/* Homepage News Grid */
.view-news-grid {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-content: wrap;
  -webkit-align-content: wrap;
  -ms-flex-line-pack: wrap;
  margin: 0 -25px;
}
.view-news-grid .views-row {
  margin-bottom: 40px;
  min-height: 108px;
  flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
  max-width: 50%;
  height: auto;
  position: relative;
}
.view-news-grid .views-row .views-field-title {
  padding: 0 25px 45px;
}
.view-news-grid .views-row .views-field-created {
  border-bottom: 1px solid #CECDCE;
  position: absolute;
  bottom: 0px;
  right: 25px;
  left: 25px;
  padding-bottom: 5px;
  font-size: 0.85em;
  font-weight: 600;
  color: #BEBDBE;
}
.view-news-grid .pull-right {
  flex: 0 0 100%;
  text-align: right;
}
.view-news-grid .pull-right a {
  margin-right: 25px;
}
@media (max-width: 700px) {
  .view-news-grid .views-row {
    flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    max-width: 100%;
  }
}
/********************************************************************************/
/* View Country Information */
.view-country-information .views-row {
  margin-bottom: 5em;
}
.view-country-information .views-field-title {
  text-transform: uppercase;
  margin-bottom: 1em;
}
/********************************************************************************/
/* Arabic Homepage Block */
.arabic-homepage-block div > div {
  padding: 10px 15px;
}
.arabic-homepage-block div > div:not(:last-child) {
  border-right: 1px solid #C5B4A0;
}
.arabic-homepage-block a {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: 600;
}
.arabic-homepage-block a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.arabic-homepage-block h2 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.05em;
  color: #FFFFFF;
  margin-bottom: 0px;
  font-size: 2.0em;
}
/********************************************************************************/
/* 1st level Recent Highlights Grid */
.view-media-style .views-field-title,
.view-media-style .views-field-field-article-category {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
  background: #fff;
  font-size: 0.7em;
  text-align: left;
  padding: 1em;
  line-height: 1.4em;
}
.view-media-style .views-field-title {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
  min-height: 46px;
}
.view-media-style .views-field-field-article-category {
  text-transform: uppercase;
  padding: 1.5em 1em 0;
}
.view-media-style .views-row img {
  width: 100%;
}
.view-media-style .view-filters .form-type-bef-link {
  display: inline-block;
  margin: 1em 0 0;
  border-right: 1px solid #CECDCE;
}
.view-media-style .view-filters .form-type-bef-link a {
  display: block;
  padding: 0.5em 2em;
  font-size: small;
  text-transform: uppercase;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
@media (max-width: 991px) {
  .view-media-style .view-filters .form-type-bef-link a {
    padding: 0.5em 1em;
  }
}
.view-media-style .view-filters .views-exposed-widgets {
  margin-bottom: 0;
}
.view-media-style .view-filters .views-exposed-form .views-exposed-widget {
  padding: 0;
}
.view-media-style .view-filters .form-type-bef-link a.active,
.view-media-style .view-filters .form-type-bef-link a:hover {
  border-bottom: 4px solid #222;
}
/********************************************************************************/
/* Generic View Item for Article (Like Homepage Issues Grid) */
.view-articles-style .view-row {
  margin-bottom: 5em;
}
.view-articles-style .views-field-field-image,
.view-articles-style .views-field-field-thumbnail {
  float: left;
  width: 22%;
}
.view-articles-style .views-field-title,
.view-articles-style .views-field-body {
  float: left;
  width: 65%;
  margin-left: 5%;
  vertical-align: top;
}
.view-articles-style .views-field-body p {
  margin-top: 5px;
  line-height: 1.3em;
}
.view-articles-style .views-field-view-node {
  clear: both;
}
.view-articles-style .views-field-view-node .field-content {
  text-align: right;
  padding-right: 2em;
  display: block;
  border-bottom: 1px solid #CECDCE;
  padding-bottom: 1em;
}
/********************************************************************************/
/* Page Bottom Key Issues Grid */
#block-views-issues-block-1-columns .views-field-title {
  margin-top: 0.5em;
  margin-bottom: 1em;
  text-transform: uppercase;
}
/********************************************************************************/
/* Search Modal */
.search-fullscreen,
.search-fullscreen .modal-dialog {
  background: transparent;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.search-fullscreen .modal-header {
  border: 0;
}
.search-fullscreen button {
  opacity: 1;
}
.search-fullscreen button span {
  font-size: 4.0em;
  color: #FFFFFF;
  font-weight: normal;
}
.search-fullscreen .modal-body {
  top: 35%;
  position: fixed;
}
.search-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-fullscreen input {
  border: 0px;
  background: transparent;
  font-size: 3.4em;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  line-height: 1.8em;
  height: auto;
  padding: 0px;
}
.search-fullscreen input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #FFFFFF;
}
.search-fullscreen .modal-body button {
  background: transparent;
  border: 0px;
}
.search-fullscreen .modal-body .btn {
  padding: 0;
  margin: 18px 0 0 5px;
}
.search-fullscreen .modal-body button i {
  color: #FFFFFF;
  font-size: 4.8em;
}
.modal-backdrop {
  opacity: 0.8 !important;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/********************************************************************************/
/* Main content area */
.main {
  position: relative;
}
.page-top {
  border: none;
  margin: 0;
  padding: 0;
  min-height: 97px;
  position: static;
}
.page-top h2 {
  margin-left: 10px;
}
.page-top-bg {
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover !important;
  height: 460px;
}
.page-title {
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  background-color: rgba(150, 113, 48, 0.9);
  min-height: 97px;
}
.page-title .container-fluid {
  padding: 2em 20px 2em;
}
.page-title h2 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.05em;
  border: none;
}
.page-node-100 .page-title .col-md-12 {
  text-align: right;
}
/*
#content {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A59E8D), color-stop(1, #EFECE0));
	background-image: -o-linear-gradient(bottom, #A59E8D 0%, #EFECE0 100%);
	background-image: -moz-linear-gradient(bottom, #A59E8D 0%, #EFECE0 100%);
	background-image: -webkit-linear-gradient(bottom, #A59E8D 0%, #EFECE0 100%);
	background-image: -ms-linear-gradient(bottom, #A59E8D 0%, #EFECE0 100%);
	background-image: linear-gradient(to bottom, #A59E8D 0%, #EFECE0 100%);
}
*/
#content #drupal_tabs {
  padding: 35px 15px 10px 0;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0;
  margin-top: -80px;
}
#content #drupal_tabs ul li {
  margin-right: 2px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  font-family: 'trajan-pro-3', 'Open Sans';
  margin-bottom: 7px;
  margin-bottom: 20px;
  line-height: 1.3em;
  font-weight: 500;
  clear: both;
}
#content h1 {
  font-size: 2.1em;
}
#content h2 {
  font-size: 1.7em;
}
#content h3 {
  font-size: 1.5em;
}
#content .post-meta-date {
  margin: -13px 0 25px;
  display: block;
}
#content .field-name-body .floatright img {
  margin: 20px 0px 20px 20px;
}
#content .field-name-body .floatleft img {
  margin: 20px 20px 20px 0px;
}
#content .field-name-body .floatright.isolated img,
#content .field-name-body .floatleft.isolated img {
  margin-top: 0px;
}
#content .field-name-body h1,
#content .field-name-body h2,
#content .field-name-body h3,
#content .field-name-body h4,
#content .field-name-body h5 {
  color: #121214;
  text-transform: none;
}
#content .field-name-body h1,
#content .field-name-body h2,
#content .field-name-body h3,
#content .field-name-body h4,
#content .field-name-body h5 {
  margin: 40px 0 20px;
}
#content .field-name-body h1:first-child,
#content .field-name-body h2:first-child,
#content .field-name-body h3:first-child,
#content .field-name-body h4:first-child,
#content .field-name-body h5:first-child {
  margin-top: 0px !important;
}
.front #drupal_tabs {
  display: none;
}
.front #content h2 {
  font-size: 2.2em;
  margin-bottom: 30px;
  line-height: 40px;
}
.container-article,
.container-page {
  background: #fff;
}
.container-page .node > .content,
.container-article .node > .content {
  margin: 3em;
}
@media (max-width: 479px) {
  .container-page .node > .content,
  .container-article .node > .content {
    margin: 1em;
  }
}
/********************************************************************************/
/* Footer */
#footer .block-configure a {
  color: #333 !important;
}
#footer form {
  filter: alpha(opacity=100);
  opacity: 1;
}
#footer,
#footer .footer-copyright {
  margin-top: 0px;
  background-color: #4D4D4D;
  border: none;
}
#footer .main-footer {
  padding: 40px 15px 75px 15px;
  margin-bottom: 0px;
}
#footer .logo-footer-img {
  width: 180px;
}
#footer .main-footer .block {
  padding: 0 20px;
}
#footer .region-footer-2 .block {
  padding: 0 30px 0 20px;
}
#footer .region-footer-3 .block {
  padding: 0 30px 0 20px;
}
#footer .logo-footer {
  padding-left: 15px;
}
#footer h2 {
  font-family: 'trajan-pro-3', 'Open Sans';
  letter-spacing: 0.05em;
  font-size: 1.4em;
  line-height: 1.2em;
  color: #C59520 !important;
}
#footer p {
  color: #DDDDDD;
  font-size: 1em;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  font-weight: 100;
}
#footer .contact li:first-child {
  margin-bottom: 1em;
}
#footer .contact p {
  margin-bottom: 0.2em;
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
#footer .contact strong {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
#footer button,
#footer input {
  border-radius: 0px;
  background-color: #FFFFFF;
  border: none;
  height: 30px;
  box-shadow: none;
  font-size: 0.9em;
  padding: 5px 14px 7px;
  max-width: 200px;
}
#footer button {
  background-color: #E8E8E7;
}
#footer .input-group {
  max-width: 200px;
}
#footer button:after {
  content: '';
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #c4a639;
}
#footer ul {
  list-style-type: none;
  padding: 0px;
}
#footer ul .social i {
  font-size: 1.4em;
  margin-right: 10px;
}
#footer ul .social a {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #DDDDDD !important;
}
#footer ul .social a:hover {
  text-decoration: none;
}
/**
 * FOOTER NEWSLETTER WEBFORM 
 */
.webform-newletters .custom-validation {
  color: #F9A3A3;
}
.webform-newletters .alert {
  display: none;
}
.webform-newletters .form-actions {
  display: none;
}
.webform-newletters .form-item,
.webform-newletters .form-actions {
  margin-top: 0;
  margin-bottom: 0;
}
/**
 * 404 
 */
.region-content .page-not-found h2,
.region-content .page-not-found .subtitle {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
  color: #A77900;
}
.page-not-found a,
.page-not-found a:active,
.page-not-found a:visited,
.page-not-found a:link {
  color: #A77900;
}
.region-content .page-not-found h2 {
  display: inline-block;
  border: 1px solid #000;
  padding: 20px 40px;
}
.page-not-found .subtitle {
  font-size: 2em;
}
.page-not-found .desc {
  font-size: 1.2em;
}
.region-content .page-not-found img {
  display: inline-block;
}
/**
 * SEARCH FORM / RESULT
 */
.page-search .region-content .nav-collapse {
  padding: 3em;
}
.page-search .search-results,
.page-search .search-no-results {
  padding: 0;
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.page-search .search-results strong,
.page-search .search-totals strong {
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.page-search .pagination {
  width: 100%;
}
.page-search .pagination li {
  display: inline-block;
}
.page-search .search-totals {
  margin-bottom: 2em;
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 1.4em;
  border-bottom: 1px solid #666;
}
.search-results li {
  margin-bottom: 2.5em;
}
.search-results a,
.search-results a:active,
.search-results a:visited,
.search-results a:link {
  color: #967128;
}
.search-results .title {
  margin-bottom: 0;
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 1.4em;
  line-height: 1.4em;
}
.search-results .search-snippet-info {
  padding-left: 0;
  font-size: 1.2em;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}
.search-results .search-snippet {
  margin-bottom: 0;
  font-size: 1em;
}
.google-map {
  margin: 30px 0 30px 0;
}
.captcha {
  text-align: left;
  background: #fff;
}
/* below added by jc */
#content {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.views-exposed-form {
  font-size: 1.4em;
  margin-top: 5%;
  margin-bottom: 3%;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-right: 5%;
}
.views-widget {
  font-size: .8em;
  margin-top: 1em;
}
input#edit-submit-brochures {
  border-radius: 0;
  background-color: black;
  border-color: black;
}
.region.region-content {
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
/*
.view-content {
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}
*/
.view-content a:hover {
  text-decoration: none !important;
}
/*
ul.pagination.pagination-lg {
    margin-left: 5%;
}
*/
.pub-affairs-item p {
  margin: 0;
}
.pub-affairs-item p.pub-title {
  line-height: 1.3em;
  font-weight: 200;
  font-family: "Gotham SSm A", "Gotham SSm B";
  margin-bottom: 0;
  font-size: 1.2em;
}
.pub-affairs-item p.pub-date {
  font-size: .8em;
  line-height: 22px;
}
/*
.views-field.views-field-title {
    font-family: gothamlight;
    font-size: 1.4em;
    line-height: 2em;
}
*/
/*
a {
	color: black !important;
}

a:hover {
	color: black !important;
}
*/
/*
.view-brochures {
	margin-left: 5%;
	margin-top: 5%;
	margin-bottom: 5%;
}
*/
#block-views-issues-block {
  padding-top: 0;
}
#block-views-news-grid-block {
  padding-bottom: 3%;
}
.views-exposed-widget.views-submit-button {
  margin-top: .3em;
}
/********************************************************************************/
/* Sidebars for submenus and archives */
.main-container {
  padding: 50px 0;
}
.main-container .img-thumbnail {
  width: 100%;
  border: none;
  margin: 15px 0 20px;
  padding: 0px;
}
.main-container .img-thumbnail img {
  width: 100%;
}
.main-container .file-icon {
  display: inline;
}
.region-sidebar-left,
.region-sidebar-right {
  margin-top: 60px;
}
.region-sidebar-left h4,
.region-sidebar-right h4,
.region-sidebar-left .nolink,
.region-sidebar-right .nolink {
  color: #C93;
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: 'trajan-pro-3', 'Open Sans';
  margin: 25px 0 10px;
  display: block;
}
.region-sidebar-left ul,
.region-sidebar-right ul,
.region-sidebar-left div,
.region-sidebar-right div {
  padding: 0;
}
.region-sidebar-left ul li.leaf,
.region-sidebar-right ul li.leaf,
.region-sidebar-left div li.leaf,
.region-sidebar-right div li.leaf,
.region-sidebar-left ul li,
.region-sidebar-right ul li,
.region-sidebar-left div li,
.region-sidebar-right div li {
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  padding: 3px 0;
  line-height: 1.3em;
}
.region-sidebar-left ul li.leaf:first-child,
.region-sidebar-right ul li.leaf:first-child,
.region-sidebar-left div li.leaf:first-child,
.region-sidebar-right div li.leaf:first-child,
.region-sidebar-left ul li:first-child,
.region-sidebar-right ul li:first-child,
.region-sidebar-left div li:first-child,
.region-sidebar-right div li:first-child {
  padding-top: 0px;
}
.region-sidebar-left ul li.leaf a,
.region-sidebar-right ul li.leaf a,
.region-sidebar-left div li.leaf a,
.region-sidebar-right div li.leaf a,
.region-sidebar-left ul li a,
.region-sidebar-right ul li a,
.region-sidebar-left div li a,
.region-sidebar-right div li a {
  text-transform: uppercase;
  color: #333;
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 11px;
}
.region-sidebar-left ul li.leaf.active-trail a,
.region-sidebar-right ul li.leaf.active-trail a,
.region-sidebar-left div li.leaf.active-trail a,
.region-sidebar-right div li.leaf.active-trail a,
.region-sidebar-left ul li.active-trail a,
.region-sidebar-right ul li.active-trail a,
.region-sidebar-left div li.active-trail a,
.region-sidebar-right div li.active-trail a,
.region-sidebar-left ul li.leaf a:hover,
.region-sidebar-right ul li.leaf a:hover,
.region-sidebar-left div li.leaf a:hover,
.region-sidebar-right div li.leaf a:hover,
.region-sidebar-left ul li a:hover,
.region-sidebar-right ul li a:hover,
.region-sidebar-left div li a:hover,
.region-sidebar-right div li a:hover,
.region-sidebar-left ul li.leaf a.active,
.region-sidebar-right ul li.leaf a.active,
.region-sidebar-left div li.leaf a.active,
.region-sidebar-right div li.leaf a.active,
.region-sidebar-left ul li a.active,
.region-sidebar-right ul li a.active,
.region-sidebar-left div li a.active,
.region-sidebar-right div li a.active {
  text-decoration: none;
  color: #C93;
  opacity: 0.5;
}
.region-sidebar-right {
  padding-left: 0px;
  margin-bottom: 30px;
}
.region-sidebar-right .view-news-topics {
  padding-bottom: 30px;
}
.region-sidebar-right .view-news-topics div li {
  padding: 5px 0 5px 10px;
}
.region-sidebar-right .view-archive h3,
.region-sidebar-right .view-archive h4 {
  margin: 0;
}
.region-sidebar-right .view-archive .item-list {
  margin: 10px 0 30px 10px;
}
.region-sidebar-right .view-archive .item-list li {
  padding: 0 0 10px 0;
}
@media (max-width: 991px) {
  .region-sidebar-left {
    display: none;
  }
}
.region-before-header .sitewide-notice {
  width: 100%;
  min-height: 60px;
  background-color: #EFE6C8;
  font-size: 22px;
  text-align: center;
  font-family: 'trajan-pro-3', 'Open Sans';
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.region-before-header .sitewide-notice p {
  margin: 0;
  color: #C5A63B;
  font-weight: 700;
}
.view-footer a {
  font-size: 14px;
  margin-right: 15px;
}