#header {
  background: url('../images/cuo_lines_white.png') 0 30px repeat-x;
}


#header h1 a {
  background: url('../images/cuo_logo_white.png') 0px 30px no-repeat;
  padding-top: 130px;
  font-size: 22px;
  color: #fff;
}

.front #header {
  background-position-y: 70px;
  padding-bottom: 40px;
}
.front #header h1 {
  background: url('../images/cuo_logo_white.png') 10px 70px no-repeat;
  padding-top: 170px;
  font-size: 22px;
  color: #fff;
}


h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #fff;
}

a {
	color: #95b7cb;
}
a:hover {
	color: #7199b0;
}
a:focus {
	outline: 1px dotted #fff;
	outline-offset: 2px;
}

.button a {
	color: #fff;
	margin-left: 2px;
}

.button a:hover {
	color: #fff;
	background: #254f67;
}
.button a:focus {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

#masthead {
padding-top: 0px;
font-size: 22px;
}

html.front,
body.front {
  background-image: url('../images/bg.jpg');
  background-position: center bottom;
  background-attachment: fixed;
}

body.not-front {
  background-image: url('../images/bg-inner.jpg');
  background-position: center bottom;
  background-attachment: fixed;
}

body {
  color: #fff;
  background-color: #021e33;
}


.region-header .block-menu-block {
  background: #95b7cb;
  background: rgba(164,199,219,0.9);
  text-transform: uppercase;
  font-size: 16px; font-size: 1.6rem;
  margin: 10px 0;
}


.region-header .block-menu-block a {
  color: #042034;
  -webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
  transition: color 0.3s;
}

.region-header .block-menu-block ul li.active-trail a,
.region-header .block-menu-block a:hover,
.region-header .block-menu-block a:focus {
  color: #fff;
}

.node-content-block .field-name-field-left-photo ~ .field-name-field-audio,
.node-content-block .field-name-field-left-photo + .field-name-field-audio {
  margin-left: 38%;
}


.field-name-field-images .field-item {
  float: left;
  padding: 0 17px 17px 0;
}


#block-menu_block-6 {position: absolute; top:94px; left: 0; right: 0; background: none;}
.front #block-menu_block-6 {top:154px;}
#block-menu_block-6 ul {width: 100%; text-align: right;}
#block-menu_block-6 ul li {display: inline-block; float: none;}

#block-menu_block-6 a {
  font-family: 'novecentowide', sans-serif;
  font-size: 11px; font-size: 1.1rem;
  color: #fff;
  background: #002a48;
  border: 1px solid #fff;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 3px 9px 2px 9px;
  margin-left: 10px;
  -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
  transition: background-color 0.5s;
}
#block-menu_block-6 ul li.active-trail a,
#block-menu_block-6 a:hover {
  background-color: #013f6c;
}

.node-gallery h2 a {
  text-decoration: none;
  color: #95b7cb;
}

.field-name-field-files {
  background: #03111d;
  background: rgba(3,17,29,0.7);
  padding: 30px;
  margin: 0 0 30px;
}

input,
.search-form input,
select,
textarea {
  max-width: 100%;
}

button,
.page-node-16 a,
a
 {
  outline: none;
}

.node-content-block h2 a {
  text-decoration: none;
}


/* EVENTS */

.view-cuo-events .views-field-title h2 {
  margin: 0;
  font-family: Lato, sans-serif;
  text-transform: none;
}
.view-cuo-events .views-field-title h2 a {
  color: #fff;
  text-decoration: none;
}

.view-cuo-events .item-list > h3 {
  background: #013f6c;
  padding: 10px;
  cursor: pointer;
}

.field-name-field-date {font-size: 22px; font-size: 2.2rem; margin: 0 0 20px 0;}
.views-field-field-date {font-size: 22px; font-size: 2.2rem;}
.views-field-view-node .button a {line-height: 1.2; font-size: 14px;}

.field-name-field-location {
  margin-bottom: 30px;
}

.view-cuo-events .views-field {
  margin-left: 220px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.view-cuo-events .views-field-field-location {
  margin-bottom: 25px;
}
.view-cuo-events .views-field-field-left-photo {
  margin-left: 0;
  float: left;
}
.view-cuo-events .views-row {
  clear: both;
  margin: 0 0 30px;
  overflow: hidden;
  zoom: 1;
  display: block;
}

a.maplink {padding: 2px 10px; font-size: 12px; font-size: 1.2rem;}

#block-views-cuo_events-archive {
  margin-bottom: 60px;
}


@media only screen and (max-width: 500px) {
  #block-menu_block-5 ul {padding-bottom: 0px }
  .view-cuo-events .views-field-field-left-photo {
    margin-left: 0;
    float: none;
  }
  .view-cuo-events .views-field {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  #header h1 a {
    background-image: url('../images/cuo_logo_white_small.png');
    background-position-x: 0;
    padding-top: 82px;
    font-size: 16px;
  }
  .front #header,
  #header {
    background-image: url('../images/cuo_lines_white_small.png');
    background-position-y: 38px;
    margin-top: 40px;
  }
  .not-front #header h1 {
    margin-bottom: 0;
    border-bottom: none;
  }
  .front #header h1 {
    background: url('../images/cuo_logo_white_small.png') 10px 40px no-repeat;
    padding-top: 92px;
    font-size: 16px;
  }
  a.menu-button {display: none;}
  #header-region {display: block;}

  .front #block-menu_block-6,
  #block-menu_block-6 { top: 0px;}
  #block-menu_block-6 a {
    padding: 1px 9px 0px 9px;
    border: none;
    font-weight: normal;
    font-size: 10px; 1.0rem;
  }
  nav li a,
  nav li.first a {
    padding: 6px 7px 7px;
  }
  .front .menu-name-main-menu,
  .menu-name-main-menu {
    padding: 6px 0;
    overflow: hidden;
  }


}
@media only screen and (max-width: 500px) {
  .front #header,
  #header {
    margin-top: 65px;
  }
}

#footer {
	background: rgba(3,17,29,0.7);
}