/* Set the page background image. */
body {
  background-image: url("/~borderto/images/site/round-hay.jpg");
  background-size: 100%;
}

/* Make sure the background image shows through around the edges. */
#rt-page-surround {
  background-color: transparent;
}

/* Set the header background. */
#rt-top {
  background-image: url("/~borderto/images/site/sunset_country.png");
  background-repeat: no-repeat;
  background-color: #b88664;
  background-size: 100%;
  height: 250px;
}

/* Set the background colors. */
#rt-header, #rt-copyright {
  background-color: #b88664;
}
/* Set the text and background colors for the mainbody. */
#rt-main, #rt-maintop {
  background-color: #f3e8d3;
  color: #030303;
}

#rt-mainbottom {
  background-color: #cd9f75;
}

/* Get rid of white borders on the header sides. */
.rt-container {
  border-left: none !important;
  border-right: none !important;
}

/* Minimize vertical spacing at top. */
#rt-top .rt-block {
  margin: 0 10px 0 10px;
  padding: 0 15px 0 15px;
}
div.rt-component-block.rt-block {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Scale the individual header parts. */
#bordertown-logo img {margin-top: 10px;}
@media(min-width:960px) and (max-width:1199px){
  #bordertown-logo img {margin-top: 8px; max-width: 340px !important;}
  #rt-top {height: 200px;}
}
@media(min-width:768px) and (max-width:959px){
  #bordertown-logo img {margin-top: 6px; max-width: 274px !important;}
  #rt-top {height: 160px;}
}
@media(max-width:767px){
  #bordertown-logo img {margin-top: 0px;}
  #rt-top {height: 322px;
    background-image: url("/~borderto/images/site/sunset_country-3.png");
    background-repeat: no-repeat;
    background-color: #b88664;
    background-size: 100%;}
}

/* Add a line just above the menu. */
#rt-header {
  border-top: 1px solid #cd9f75;
  border-bottom: none;
}

/* Match the active menu item background color to rt-main. */
.menu-block .gf-menu li.active > .item .menu-item-bg {
  border: 1px solid #b77f5a;
  background: #f3e8d3;
}
.menu-block .gf-menu li:hover > .item .menu-item-bg, .menu-block .gf-menu li:focus > .item .menu-item-bg {
  border: 1px solid #cd9f75;
  background: #cd9f75;
  color: #f3e8d3;
}
/* Center the main menu. */
div.menu-block {
  float: none;
}
.menu-block .gf-menu li {
  width: 24%;
}

.gf-menu .dropdown ul li {
  width: 94%;
}

div.dropdown.columns-1, div.dropdown.flyout.columns-1, div.column.col1 {
  width: 160px !important;
}

span.dropdown-spacer {
  width: 20px !important;
}

@media(min-width:1200px){
  div.menu-block {width: 50%; margin-left: 28.5%;}
}
@media(min-width:960px) and (max-width:1199px){
  div.menu-block {width: 50%; margin-left: 28%;}
}
@media(min-width:768px) and (max-width:959px){
  div.menu-block {width: 60%; margin-left: 22%;}
}

/* Make the main menu a little shorter.  */
.menu-block .gf-menu.l1 > li > .item {
  height: 50px !important;
}

/* Dropdown menu formatting. */
.dropdown span.menu-item-bg {
  max-width: 120px;
}

/* Minimize vertical spacing after intro text. */
#intro-text {
  padding: 15px 0 0 0;
  margin: 0;
}

/* Hide the "Home" on the home page. */
.blog-featured h1 {
  display: none;
}

/* Slide the business hours to the right in the footer. */
div#business-hours {
  float: right;
}
@media(max-width:767px){
  div#business-hours {float: none;}
}

/* Hide the item separator on the home page - just one item. */
div.item-separator {
  display: none;
}

/* Center the slideshow. */
div.rt-flex-container {
  margin-left: auto;
  margin-right: auto;
}

/* Make the slideshow title scale better. */
.layout-slideshow .sprocket-features-content {
  width: 66% !important;
  left: 40px !important;
  bottom: 20px !important;
}
@media(min-width:960px) and (max-width:1199px){
  .layout-slideshow .sprocket-features-content {
    width: 74% !important;
    left: 35px !important;
    bottom: 18px !important;
  }
} 
@media(min-width:768px) and (max-width:959px){
  .layout-slideshow .sprocket-features-title {
    font-size: 1.7em !important;
    line-height: 30px !important;
  }
  .layout-slideshow .sprocket-features-content {
    left: 30px !important;
    bottom: 15px !important;
    width: 64% !important;
  }
}
@media(max-width:767px){
  .layout-slideshow .sprocket-features-title {
    font-size: 1.0em !important;
    line-height: 15px !important;
  }
  .layout-slideshow .sprocket-features-content {
    left: 20px !important;
    bottom: 15px !important;
    width: 79% !important;
  }
}

/* Minimize vertical spacing at top of mainbottom. */
#rt-mainbottom .rt-block {
  margin-top: 0;
  padding-top: 0;
}

/* Slide the mobile menu icon down so it doesn't block the logo. */
/*.gf-menu-toggle {
  position: absolute;
  top: 95px;
}

/* Slide the main menu up on all devices other than phones. */
/*@media(min-width:960px){
  div#rt-header{margin-top:-56px;}
}

/* Product Categories. */
li.product-category {
  list-style-type: none;
  font-size: 1.5em;
  font-weight: bold;
}
li.product-detail {
  list-style-type: none;
  font-size: 0.7em;
  font-weight: normal;
  color: #a37142;
}
li.product-detail a:hover {
  color: black;
}

/* Get rid of some spacing at the bottom of the footer. */
#rt-copyright .rt-block {
  margin-bottom: 0 !important;
}
@media(max-width:767px){
  #rt-copyright .rt-block {
    padding-bottom: 0 !important;
  }
}

/* Footer link color */
.rt-copyright-content a {
  color: #f3e8d3;
}
.rt-copyright-content a:hover {
  color: black;
}

/* Hide parts of the contact us form. */
.menu-contact-us .contact h3 {
  display: none;
}
dl.contact-address {
  display: none;
}

/* Shade the sidebar of the contact us page. */
/*div.rt-sidebar-wrapper.rt-grid-5.rt-pull-7 {
  background-color: #cd9f75;
}*/

/* Move the cattle and ranch product image up a little. */
#ranch-cattle-image {
  margin-top: -40px;
}

/* Move the stock tank and fencing product image down a little. */
#stock-fencing-image {
  margin-top: 30px;
}