/*
Theme Name: Autrey Mill
Author:     Autrey Mill
Author Uri: http://autreymill.org
Template:   nature-one
Version:    1.0
License:    GNU General Public License v2 or later
Version:    1.0
*/

body {font-size: 14px !important; background-color: #fff !important; color: #303030;  }
a:link {font-family: 'Arial', sans-serif; }
a:hover {color: #d28c2a; }

.campage {font-size: 48pt !important;}
tr.camprow {border-bottom: solid 1px #000; }
td.campcell {border-right: solid 1px #000 !important; }
td.price {text-align: right !important; border-right: 0 !important; }
td.smallpadding {padding: 0 5px !important; }
#campagebuttons {}


article blockquote {color: #000 !important; }
.am_box {border-bottom: 6px solid #d1cb11; padding-bottom: 3px; margin: 10px 0; line-height: 22px; }
.textwidget {line-height: 22px; }
.su-column-inner span {font-size: 20px; padding-bottom: 15px; margin-bottom: 20px; font-family: 'Oswald', sans-serif; font-weight: bold; }

.slider-wrapper {display: none; }
#slider-page img {width: 100%; }
.default .nivoSlider {margin-bottom: 0 !important;}
.nivo-caption {height: 150px !important; }

#wdps_container1_0 #wdps_container2_0 .wdps_slideshow_dots_container_0 {padding-bottom: 20px; }
aside.widget {margin-bottom: 40px !important;}

.feature-box {height: 275px !important;}
.feature-box p {color: #393939; width: 100%; }
.feature-box a {padding: 0 !important; font-size: 13px !important; }
.feature-box .feat-image {max-height: 52px; height: auto; overflow: hidden; position: relative; }
.feature-box .feat-image img {width: 100%; height: auto !important; position:absolute !important; top:-50% !important; bottom:-50% !important; left: 0; margin:auto;}

.header {background-color: #fff; }
.header .header-inner .logo {background: url(http://autreymill.org/wp-content/themes/autrey-mill/images/autrey-mill-logo.png) no-repeat top left; padding-left: 100px; height: 90px; background-size: 100px;  }
.header .header-inner .logo h1 {font-size: 2.5em; padding: 18px 10px; }
.header .header-inner .logo a {color: #000; }
.header .header-inner .nav ul li a {color: #000 !important; padding: 20px 0 20px !important; line-height: 17px; }
.header .header-inner .nav ul li ul {background: #fff !important; color: #000 !important; line-height: 17px;  }
.header .header-inner .nav ul li ul li {padding: 13px 0 13px 10px !important; }
.header .header-inner .nav ul li ul li a {padding: 0px !important; }
ul.sub-menu {margin-top: -15px !important; }

td {border: 0 !important; }
td.centeredcell {text-align: center !important; }
td.name {text-align: right !important; padding-right: 10px !important; }
td.title {padding-left: 10px !important; }
ul {list-style: disc; padding-left: 20px;  line-height: 22px;}
ul.am-facilities {list-style:inside; }
h1.entry-title, h1.page-title {color: #000; background: url(http://autreymill.org/nature-heritage-preserve/wp-content/themes/autrey-mill/images/page_title_bg.png) no-repeat bottom center; }
h2 {line-height: 1.5em; }
.menu_page {background-color: #fff !important; }
.feat-image2 {max-height: 102px; height: 102px; position: relative; overflow: hidden; margin-bottom: 10px; }
.feat-image2 img {height: auto !important; position: absolute !important; top: -50% !important; bottom: -50% !important; left: 0; margin: auto; }

.blog-box {width: 48% !important; float: left; }
.blog-box .blog-meta {margin-right: 12px;color:#ffffff; }
.blog-box .blog-right p {line-height: 18px; }
.blog-post-repeat {background-color: #fff !important; padding: 10px !important; } 
.sidebar-blog {background-color: #fff !important; }
.blog-post-repeat .post-thumb img {width: 100% !important; height: auto !important; margin-bottom: 20px;}
#comments {display: none; }
.blog-box .blog-meta .nodate { color: #4a7637; }

.sponsors_right {text-align: right; margin-right: 10px;}
.sponsors_box {border: solid 1px #d28c2a; padding: 5px;}
.sponsors_center {text-align: center;}
.sponsors_img {text-align: center; } .sponsors_img img {height: 100px !important; width: auto !important; max-width: auto !important; }

#footer .footer-top {background-color: #98bf80 !important; }
.footer-column {color: #fff !important; width: 30% !important; margin-right: 40px !important; }
.footer-column a {color: #000 !important; }
.footer-column a:hover {color: #fff !important; }
.last-footer-column {margin-right: 0 !important; }

#menu-footer li a {color: #d28c2a !important; }
.footer-bottom-left ul li {background-image: none !important; padding: 0 15px;}

.btn { background: #367c26; background-image: -webkit-linear-gradient(top, #367c26, #2a611d); background-image: -moz-linear-gradient(top, #367c26, #2a611d); background-image: -ms-linear-gradient(top, #367c26, #2a611d); background-image: -o-linear-gradient(top, #367c26, #2a611d); background-image: linear-gradient(to bottom, #367c26, #2a611d); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; height: 30px;} .btn:hover { background: #2a611d; text-decoration: none; color: #fff !important; }

.awesome-bg {color: #303030; }
.tslider blockquote footer, .tslider blockquote footer a {color: #4a7637 !important; }

.home ul.index > li{ display:inline-block; clear:none; }
.home .index > li:nth-child(odd){ width:50%; float:left; border:1px solid #fff; clear:both; }
.home .index > li:nth-child(even){ width:46%; float:right; border:1px solid #fff; }

.wp-caption-text {text-align: center; font-family: Oswald; }

.social-feed-main-container, #feed712 {width: 100% !important; }
#wpsfp-item {float: left !important;}
.social-feed-element .attachment {vertical-align: middle; -ms-interpolation-mode: bicubic; display: inline !important; }
.forfullscreen {display: block; }
.formobile {display: none; }

.displayButton a {
	color: #ffffff !important;
}

@media screen and (max-width: 989px) and (min-width: 720px)  {
.toggle {display: block; width: 50%;  margin: 10px auto; }
.toggle a {width: 100% !important; color:#fff !important; background:url(../images/mobile_nav_right.png) no-repeat right center #4a7637 !important; padding: 10px; padding-right: 0px !important; }
.toggle a.active {color: #fff !important; }
.feature-box {height: 221px !important;  }
.footer-column {margin: 0 !important; }
	.header .header-inner {width: 100% !important; }
}


@media screen and (max-width: 718px) {
.campage {font-size: 28pt !important;}
.forfullscreen {display: none; }
.formobile {display: block; }
.toggle {display: block; width: 50%;  margin: 10px auto; }
.toggle a {width: 100% !important; color:#fff !important; background:url(http://autreymill.org/wp-content/themes/autrey-mill/images/mobile_nav_right.png) no-repeat right center #4a7637 !important; padding: 10px; padding-right: 0px !important; }
.toggle a.active {color: #fff !important; }
.nav {float: none !important; width: 50% !important; margin: 0 auto !important; }
.nav ul {background: #4a7637 !important; color: #fff !important; list-style: none; width: 100% !important; padding-left: 0 !important; }
.header .header-inner .nav ul li a {color: #fff !important; padding: 10px 0 10px 10px !important;}
.header .header-inner .nav ul li ul {background: #4a7637 !important; padding-top: 20px; }
.header .header-inner .nav ul li ul li {padding-left: 20px !important; }
.header .header-inner .nav ul li ul a {color: #fff !important;}
.header .header-inner {width: 100% !important; }
.header .header-inner h1 {padding-top: 90px !important; }
.header .header-inner .logo {background-position: top center; padding-left: 0; height: auto; background-size: 100px;}
.middle-align {width: 100% !important; }
.welcome-box .features-section {margin-top: 0 !important; }
.feature-box {margin: 0 5% 20px !important; width: 40% !important; float: left !important; height: 221px !important;  }
section h2 span {margin-left: 3%; }
.blog-box {margin: 0 5% 20px !important; width: 40% !important; float: left !important;   }
.footer-column {margin-right: 28px !important; width: 90% !important; }
}

@media screen and (max-width: 479px) {
.campage {font-size: 20pt !important;}
td.campagebutton {display: block; width: 99%; padding: 0 !important; margin: 2px 0; }
.campagediv {padding: 0 !important; margin: auto 0 !important; }
#wdps_container1_0 {display: none; }
.toggle {width: 80%; }
.nav {width: 80% !important; }
.feature-box {margin: 0 5% 20px !important; width: 85% !important; float: none !important; height: 200px !important; padding-left: 3%; }
.blog-box {margin: 0 5% 20px !important; width: 85% !important; float: none !important; padding-left: 3%; }
.footer-column {margin: 0 auto !important; }
}

.meetAnimalsContainer {
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  width: 100% !important;
}

.meetAnimalsImage {
  flex: 1 0 75px;
  margin: 5px;
  display: flex;
}

@media screen and (min-width: 900px) {
	.meetAnimalsImage { flex: 1 0 calc(33% - 10px) !important; } /* On any size larger than this we want 3 to a row. */
}

@media screen and (max-width: 900px) {
  .meetAnimalsImage { flex: 1 0 calc(50% - 10px) !important; } /* width less margin */
}

@media screen and (max-width: 600px) {
  .meetAnimalsImage { flex: 1 0 calc(50% - 10px) !important; }
}