/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
/*---------- LAYOUT ----------*/
#section-header {
  background: #000; }

.logo-img {
  position: absolute;
  left: 30px;
  top: 20px; }

#collapsed-menu-button {
  position: absolute;
  right: 30px;
  top: 30px; }

.image-is-zoomed h3 {
  font-size: 50px;
  margin-top: 90px; }

.b-buttons {
  margin: 40px auto 35px; }
  .b-buttons .content a.btn-left {
    margin-right: 50px; }

.b-joinup {
  height: 470px; }
  .b-joinup .content {
    padding-top: 140px; }
  .b-joinup h3 {
    font-size: 3.5em;
    margin-bottom: 30px; }

.b-view-announcements .view-header .btn-urgent {
  margin-right: 34px; }

#mobile-menu {
  padding-top: 70px; }

.b-view-news .views-row {
  padding: 20px; }

.front article.node {
  margin-top: 80px;
  margin-bottom: 0px;
  /* added to fix static widths on devices - JB 13 Oct 2014 */
  width: 100%; }

.front.domain-ramstouch .b-division-intro-left:before {
  width: 159px;
  height: 142px;
  top: -6px;
  left: -6px; }

.b-division-intro-left .block-inner, .b-division-intro-right .block-inner {
  height: 300px;
  width: 565px; }

.b-division-intro-left .block-inner {
  margin-right: 10px;
  text-align: right; }

.b-division-intro-right .block-inner {
  margin-right: 0;
  text-align: left; }

.block-menu-document ul ul li {
  margin-left: 1.5em; }
.block-menu-document a {
  font-size: 0.875000em; }

.b-view-announcements .views-row, .b-view-announcements .view-footer {
  margin-right: -350px;
  width: 350px; }
.b-view-announcements .view-content .views-row {
  right: -350px; }
  .b-view-announcements .view-content .views-row.is-appeared {
    right: 290px; }
.b-view-announcements .view-footer {
  right: 290px; }

.division {
  width: 340px;
  height: 210px; }

#region-sidebar {
  border-top: none;
  margin-bottom: 0;
  padding-top: 0; }

.front #zone-branding-wrapper {
  height: 580px; }

.front.domain-rousehillrams #zone-branding-wrapper {
  height: 700px; }

#zone-branding-wrapper {
  height: 400px; }

body #zone-branding-wrapper {
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.b-division-intro-left .block-inner .content, .b-division-intro-right .block-inner .content {
  padding: 25px 20px; }
.b-division-intro-left .block-inner p, .b-division-intro-right .block-inner p {
  font-size: 1.125000em; }
.b-division-intro-left .block-inner h3, .b-division-intro-right .block-inner h3 {
  font-size: 3.5em; }

div.logo-img {
  background-image: none;
  background-repeat: no-repeat; }

.responsive-layout-wide H1#page-title {
  font-size: 40px;
  line-height: 1;
  padding: 40px 0px; }

.context-contact-us .node-webform form input[type="text"], .context-contact-us .node-webform form input[type="email"], .context-contact-us .node-webform form input[type="password"], .context-contact-us .node-webform form select {
  width: 100%; }
.context-contact-us .node-webform form textarea {
  width: 100%; }
.context-contact-us #region-content {
  width: 60%; }
.context-contact-us #region-sidebar {
  width: 30%; }

/* Hack for contact us page for Google Map + Sidebar */
.page-node-26 #region-sidebar.grid-3.region-sidebar {
  margin-top: 411px; }

/* New header slider */
#new-slider {
  display: none; }

.front #zone-branding-wrapper {
  height: 700px; }

@media screen and (min-width: 769px) {
  .front.domain-ramstouch #zone-branding-wrapper {
    background-image: none !important;
    background-color: transparent; }

  #section-header {
    position: relative; }

  #new-slider, #new-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

  #new-slider {
    display: block; }

  #new-slider .slide {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 2s ease; }

  #new-slider .current {
    opacity: 1;
    visibility: visible; }

  #new-slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

  #new-slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; } }

/*# sourceMappingURL=rams-alpha-default.css.map */
