@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);

.module {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(https://wrrc.arizona.edu/sites/wrrc.arizona.edu/files/images/Aravaipa-web.jpg);
  background-size: cover;
  width: 100%;
  height: 600px;
  margin: 0 0 20px 0;
  position: relative;
  float: none;
}


.mid h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4rem;
  transform: translate(-50%, -50%);
}


.circle-1 {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent ;
  color: #e6e3d9;
  text-align: center;
  width: 40%;
  float:right;
}

.circle-1:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color:  #39868f;
  content: "";
    border: 10px solid #FFF;
}

.circle-1__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height: 100%;
}

.circle-1__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle-1__content {
  display: table-cell;
  padding: 2em;
  vertical-align: middle;
}

@media (min-width: 480px) {
  .circle-1__content {
    font-size: .8em;
  }
}

@media (min-width: 768px) {
  .circle-1__content {
    font-size: 1.25em;
  }
}

@media (max-width : 480px) {
.circle-1{
     width: 100%;
  float:none;
  }
}

div.views-field.views-field-title.publication-title-1
{
    height: 90px;
    margin-bottom: 15px;
}

input#edit-submitted-email-address
{
    background: #fff;
    border: none;
    height: 55px;
    padding: 15px 20px;
    width: 100%;
}

div.logo-outer {
    margin-top: 16px;
}

#block-views-wrrc-v-news-news-front .lazyloader-icon, #recent-policy .lazyloader-icon {
    width:30px; height: 30px; position: relative;
    }

span.btn.awr-button.agenda-1
{
  font-size: 175%;
}

.lazyloader-icon {
    width: 30px; height: 30px; position: relative;
    }

.water-map-block {
    width: 70%;
    padding: 20px;
    background: none;
    margin: auto;
}

#block-block-73 .water-map-block {
    width: 100%;
    padding: 20px;
    background: none;
    margin: auto;
}

div#water-map.block.block-block.container.contextual-links-region.odd
{
    background: #cecec8;
    margin-top: 15px;
}

.water-map-block .ul.horiz-buttons li
{
    float: none;
    text-align: center;
}

@media screen and (min-width: 768px){
.water-map-block ul.horiz-buttons li {
    float: none;
    display: inline-block;
    width: 30%;
    margin-left: 10px;
    margin-right: 10px;
}
}

.agenda-2017 h3, .agenda-2017 h2
{
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.agenda-2017 td, .agenda-2017 p{
    vertical-align: middle;
    border: none;
}

.agenda-2017-bgc
{
    background: #39868f;
}

.agenda-2017-bgc h3, .agenda-2017-bgc h2
{
color: #FFF;
}

.agenda-2017-bgc h3 a
{
color: #FFF;
}

.agenda-2017-bgc h3 a:hover
{
color: #000;
}

.agenda-time
{
    background: #FFF;
}

.agenda-none
{
    border: none;
    padding: none;
    margin: none;
}

.node-25365 .file
{
    margin: 0 auto;
    width: 300px;
    text-align: center;
    float: none;
    display: block;
}

@media (min-width: 992px){
.sponsors, #block-block-28
{
    width: 972px;
    margin: 0 auto;
}
}

.sponsor-row
{
    background: #39868f;
    padding:10px 0;
    color: #FFF;
    margin: 10px 0 20px 0;
}

.sponsor-row h3, .sponsor-row h2
{
color: #FFF;
margin: 0;
}

#block-menu-menu-gcase ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: auto;
    background: #38878E;
    display: inline-block;
}

#block-menu-menu-gcase ul li {
    display: inline-block;
    float: left;
    padding: 10px 20px;
}

#block-menu-menu-gcase ul li:hover {
	background: #dfdfdf;
	cursor: pointer;
}

#block-menu-menu-gcase ul li a {
	color: #fff;
}

#block-menu-menu-gcase ul li:hover a {
	color: #38878E;
}

#GCASE-grid .grid-item 
{
    border: 2px solid #000;
}


span.season, .policy-bg .field-content span.date-display-single
{
    display: inline-block;
    color: #d6cabf;
    font-weight: 500;
    text-transform: uppercase;
}

/*.policy-dd #edit-jump {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    outline: none;
    height: 55px;
    padding: 16px;
    background: #0f274a url(../images/arrow.jpg);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    margin-top: 0;
    font-size: 14px;
    color: #fff;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    width: 70%;
}*/

.policy-dd #edit-jump.active {
    background-image: url(../images/arrow2.jpg);
}

.policy-dd
{
  text-align: center;
  margin-bottom: 20px;
}

.page-conf-2017-vid {
    background-color: #333333;
}

.page-conf-2017-vid #page-title
{
    color: #FFF;
    margin-bottom: 20px;
}

.page-conf-2017-vid .view-header p
{
    font-size: 120%;
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
}

.page-conf-2017-vid .view-header h3
{
    color: #FFF;
    text-align: center;
}

input#edit-submitted-email-address, input#edit-submitted-telephone
{
    background: #fff;
    border: none;
    height: 55px;
    padding: 15px 20px;
    width: 100%;
}

@media screen and (min-width: 768px)

{
.webform-component--email-address, .webform-component--flat-maps-mailed-in-box, .webform-component--pick-up
{
    width: 49%;
    float: left;
}

.webform-component--telephone
{
    width: 49%;
    float:right;
}

.webform-client-form-25487 .webform-component--delivery-preference,.webform-client-form-25487 .webform-component--payment-method, .webform-client-form-25487 .webform-component--other-delivery-address,
.webform-client-form-25487 .webform-component--usps-delivery-address, .webform-component--usps-delivery-address, .webform-component--text, .webform-component--folded-maps-mailed-in-envelope, .webform-component--flash-sale-code
{
    width: 100%;
    float: left;
}

.webform-client-form-25487 .webform-submit, .webform-client-form-25487 p

    {
    width: 100%;
    float: left;
    margin: 0 auto;
}

.webform-client-form-25487 .form-item {
    margin: 1em 0;
}

.node-25491 .jumbotron{
    padding: 5px 60px 20px 60px;
    z-index: 200;
    background: #cecec8;
}

.node-25491 div.jumbotron.inner p
{
    text-align: center;
}

.node-25491 .jumbotron p{
    font-size: 90%;
    text-align: left;
}

.node-25491 .jumbotron ul{
    text-align: left;
}

.node-25491  a.btn.btn-primary.btn-lg{
    background: #39868f;
}

.node-25491 div.jumbotron.inner h1{
    text-align: center;
}

div.jumbotron.secondary{
    width: 30%;
    float: right;
    margin: 0 20px;
     padding: 5px 30px 20px 30px;
}
}