/*
Theme Name: Roma Feedlot Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme.
Version: 1.0
Author: Abbey Palmer
Author URI: http://www.portfolio.com.au
Template: enfold

@import url("../enfold/style.css");
*/


.av_minimal_header #header_main .container {
  height:110px;
}

.mob-standard-logo {
  padding: 7px 0;
}

.logo, .logo a {
  margin:0;
}

.hero-banner {
  height:500px;
}

.video {
  height:500px;
}

.logo {
  padding: 12px 0;
  display: flex;
  justify-content: center;
}

.padding {
  padding:90px 50px;
}

.padding-sml {
  padding:40px 50px;
}

.narrow {
  width:70%;
  max-width:70%;
  margin:0 auto;
}

.one-half {
  width:49%;
  float:left;
  margin-right:2%;
}

.one-half:last-child {
  margin:0;
}

.half {
  width:45%;
  float:left;
  margin-right:5%;
}

.half:last-child {
  margin-right:0;
}

.half-no-margin {
  width:50%;
  float:left;
}

.one-third {
  width:30%;
  float:left;
}

.two-thirds {
  width:70%;
  float:left;
}

.third {
  width:32%;
  float:left;
  margin-right:2%;
}

.third:last-child {
  margin-right:0;
}

.forth {
  width:23.5%;
  float:left;
  margin-right:2%;
}

.forth:last-child {
  margin-right:0;
}

h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  font-size:23px;
}

.flex {
  display:flex;
}

h2 {
  color:#77bd42;
  text-transform:uppercase;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  font-size:25px;
}

h3 {
  text-transform:uppercase;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  font-size:18px;
}

p, body, li, a {
  font-family:'Open Sans', sans-serif;
  font-size:15px;
  line-height:1.7em;
}

a {
  color:#444;
}

ul {
  margin-left:17px;
}

li {
  list-style:disc;
}

.white h1, .white h2, .white h3, .white p, .white li, .white a {
  color:#fff;
}

.btn {
  background-color: #77bd42;
  padding: 5px 30px;
  color: #fff;
  font-family: 'Campton Semibold','Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align:center;
  font-size:18px;
  margin-right:1%;
}

.btn:last-child {
  margin-right:0;
}

.btn:hover {
  text-decoration:none;
  transition:0.6s;
  opacity:0.6;
}

.btn:focus {
  background-color:#eb173b;
  text-decoration:none;
}

.btn-white {
  background-color: #fff;
  padding: 5px 30px;
  color: #77bd42 !important;
  font-family: 'Campton Semibold','Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align:center;
  font-size:18px;
  margin-top: 20px !important;
  display: inline-block;
}

.btn-white:hover {
  text-decoration:none;
  transition:0.6s;
  opacity:0.6;
}

.two-column {
  column-count:2;
  column-gap:5%;
}


#top #header .av-main-nav > li {
  list-style:none;
}

#map_canvas {
  width: 100%;
  height: 600px;
  background-color:#e8f1dd;
}

#routes:before {
  content: 'Click for directions';
  display: block;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 17px;
}

#routes {
  width: 800px;
  display: flow-root;
  justify-items: center;
  margin: 15px auto 0px;
  text-align:center;
  background-color:#e8f1dd;
}

#socket .copyright, .socket_color a {
  font-family:'Open Sans', sans-serif;
  font-size:11px;
}


.btn.selected {
  background: #eb173b;
}

.over-menu {
  display: none;
}

.over-menu.selected {
  display: inherit;
}

.full-width {
  width: 100%;
  padding-top:30px;
}

.reverse {
  display: flex;
  flex-direction: row-reverse;
}



@media only screen and (max-width: 600px) {
  .padding {padding:70px 50px;}
  h1 {font-size:18px;}
  p, li {font-size:16px;}
  .narrow {width:100%;max-width:100%;}
  .flex {display:block;}
  .third, .one-half, .one-third, .two-thirds, .half, .forth, .half-no-margin {width:100%;margin:0;}
  .third, .one-half {margin-bottom:9%;}
  .forth {margin-bottom:4%;}
  #routes {width:auto;display:grid;}
  .btn {margin-bottom:2%;width:80%;margin-right:0 !important;}
  #map_canvas {height:350px;}
  .hero-banner {height:200px;}
  .video {height:300px;}
  .two-column {column-count:1;column-gap:0;}
  .animal-welfare {padding: 0;display: inline-block;padding-top: 70px;}
}