body {
 font-family: 'Myriad Pro', 'Source Sans Pro',sans-serif; 
}

.main-container {
}

.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5 {
 color: #f57a15;
}

#page-container {
 position: relative;
}

#page-logos {
 left: 32px;
 position: absolute;
 width: 128px;
 padding-bottom: 4px;
 padding-left: 12px;
 padding-right: 12px;
 z-index: 101;
 background-color: #fff;
}

#page-logos .logo {
 margin-top: 2px;
 margin-bottom: 2px;
}

#page-logos .logo img {
 width: 100%;
 height: auto;
}

#search-form .btn-primary {
 background-color: #f8af00;
 border: 1px solid #f8af00;
}

.btn {
 border-radius: 0px;
}

#page-banner {
 position: relative;
 clear: both;
}

.flexslider {
 border: 0;
 margin: 0;
 -webkit-box-shadow: 0;
 -moz-box-shadow: 0;
 -o-box-shadow: 0;
 box-shadow: 0;
}

.img-header-slider {
 position: relative;
}

#nav-tertiary {
 padding-top: 8px;
}


/* MD */
@media (max-width: 992px) {
 #nav-tertiary .row .col-sm-12 {
  border-bottom: 1px solid white;
 }
}

@media (min-width: 992px) {
 #nav-tertiary .row .col-md-4.first {
  border-right: 1px solid white;
 }
 #nav-tertiary .row .col-md-4.last {
  border-left: 1px solid white;
 }
}


@media (max-width: 768px) {

 #page-logos {
  top: 50px;
  left: 15px;
  width: 96px;
  z-index: 99;
 }

 .nav > li > a.some-links {
  padding-left: 10px;
  padding-right: 10px;
 }

}

@media (max-width: 560px) {
 #page-logos {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: 64px;
  clear: both;
 }
 #page-logos .logo {
  float: left;
  padding-right: 4px;
 }
 #page-logos .logo img {
  width: auto;
  height: 54px;
 }
 #page-logos .logo-interreg img {
  height: 27px;
 }
 .nav > li > a.some-links {
  padding-left: 10px;
  padding-right: 10px;
 }
}

@media (max-width: 480px) {
 #nav-secondary ul li a span.icon {
  display: none;
 }
 #page-logos .logo img {
  width: auto;
  height: 42px;
 }

 .logo-interreg img {
  height: 21px;
 }

 .nav > li > a.some-links {
  padding-left: 6px;
  padding-right: 6px;
 }

}

#page-header {
 background-color: #DDE000;
 color: red;
}

.glyphicon {
 padding-right: 8px;
}

#navbar-secondary {
 position: relative;
 top: 0px;
 width: 100%;
 z-index: 100;
}

#nav-secondary {
 position: absolute;
 width: 100%;
}

ul.navbar-nav-non-collapse li {
 float: left;
}

#navbar-primary {
 position: relative;
 z-index: 100;
}

.navbar {
 margin-bottom: 0px;
}

#nav-primary.affix-top {
 position: absolute;
 top: 0px;
 width: 100%;
}

#nav-primary.affix {
 position: fixed;
 top: 0px;
 width: 100%;
 z-index: 100;
 border-radius: 0;
}

/* Admin toolbar is visible */
body.toolbar #nav-primary.affix {
 top: 60px;
}

#navbar-some {
 position: absolute;
 width: 28px;
 top: 14px;
 right: 40px;
}

/* icons pilot_sites_symbol.png  policy_making_symbol.png integrated_planning_partnerships_symbol.png */
.glyphicon-policymaking {
 background-image: url("../images/Policy_making_Link.png");
}

.glyphicon-pilotesites {
 background-image: url("../images/Pilot_sites_symbol_Link.png");
}

#nav-tertiary a:hover span.glyphicon-policymaking {
 background-image: url("../images/Policy_making_Active.png");
}

#nav-tertiary a:hover span.glyphicon-pilotesites {
 background-image: url("../images/Pilot_sites_symbol_Active.png");
}

.glyphicon-integratedplanning {
 background-image: url("../images/Integrated_planning_partnerships_Link.png");
}

#nav-tertiary a:hover span.glyphicon-integratedplanning {
 background-image: url("../images/Integrated_planning_partnerships_Active.png");
}

#nav-tertiary {
 background-color: #fff;
}

/* The icon span */
#nav-tertiary a span.icon {
 margin-right: 8px;
 vertical-align: middle;
 width: 72px;
 height: 72px;
 display: inline-block;
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat; 
}

#nav-tertiary a {
 color: #111;
 display: block;
 text-align: left;
 font-size: 18px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

#nav-tertiary a:hover {
 color: #f57a15;
 text-decoration: none;
}

#nav-tertiary a.active {
}

#navbar-some ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.footer {
 background-color: #fff;
}

.navbar-secondary {
 border-left-width: 0px;
 border-right-width: 0px;
}

.navbar-primary .navbar-collapse {
 padding-left: 0;
 padding-right: 0;
}

.navbar-brand {
 padding: 5px;
}

#affix-placeholder {
 height: 50px;
}

.affix > #affix-placeholder {
 display: relative;
}

.navbar-default .navbar-nav > .active > a { 
}

.navbar-transparent {
  background-color: rgba(0,0,0,0.65);
}

.grid-img-overlay-title div {
 overflow: hidden;
}

.grid-img-overlay-title .row figure {
 position: relative;
}

.grid-img-overlay-title .row figcaption {
 position: absolute;
 bottom: 0px;
 background-color: rgba(255, 255, 255, 0.8);
 width: 100%;
 padding: 8px;
}

.grid-img-overlay-title .row figcaption a {
 font-size: 18px;
 color: black;
}

.grid-img-overlay-title .row figure img {
 display: block;
 transition: transform 0.3s ease 0.09s
}

.grid-img-overlay-title .row figure img:hover {
 transform: scale(1.05);
 transition: transform 0.5s ease 0.09s;
}

.news-row {
 margin-bottom: 16px;
}

.news-body h3 {
 margin-top: 4px;
 margin-bottom: 6px;
}

.media-float-right {
 float: right;
 margin-left: 16px;
}

.media-float-left {
 float: left;
 margin-right: 16px;
}

.article_meta .field {
 margin-bottom: 16px;
}

div.media-youtube-video {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
}

div.media-youtube-video iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.date-display-range {
 display: inline;
}

.image-gallery .field-items .field-item {
 float: left;
}

.image-gallery .field-items .field-item {
 margin: 4px;
}
