/*
Theme Name: Wavertree Stables
Theme URI: https://www.wavertreestables.com/
Description: Wavertree Stables Responsive Theme.
Version: 1.0
Tags: Multi-Column, Responsive, Bootstrap
*/

/* -------------------------------------------------------------------------- */
/* Redefined HTML Tags                                                        */
/* -------------------------------------------------------------------------- */
body {
  font-family: work-sans, sans-serif;
  background: url('images/background.jpg') top center repeat #d0bf94;
}
a, a:hover, a:visited {
  color: #1b472c;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #1b472c;
  text-transform: uppercase;
  font-family: minion-pro, serif;
}

/* -------------------------------------------------------------------------- */
/* Header                                                                     */
/* -------------------------------------------------------------------------- */
.header-contain {
  position: relative;
}
#header {
  z-index: 10;
  width: 100%;
  display: block;
  position: absolute;
}
body.home #header {
  background-color: rgba(0,0,0,0.2);
}

/* -------------------------------------------------------------------------- */
/* Navigation                                                                 */
/* -------------------------------------------------------------------------- */
.navbar.bg-light {
  background-color: transparent !important;
}
.navbar-light .navbar-toggler {
  margin-left: 15px;
  color: #FFF;
  border-color: transparent;
}
.navbar-login, .navbar-login:hover, .navbar-login:visited {
  margin-right: 15px;
  color: #1b472c;
  display: none;
  text-decoration: none;
}
#navbarSupportedContent {
  margin-left: 15px;
  margin-right: 15px;
  color: #FFF;
  background-color: #1b472c;
}
#navbarSupportedContent a, #navbarSupportedContent a:hover, #navbarSupportedContent a:visited {
  color: #c4ab80;
}
ul#top-navigation li a {
  padding: 5px 15px;
  display: block;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2827, 71, 44, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.home .navbar-light .navbar-toggler-icon {
  background-color: rgba(0,0,0,0.3);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* -------------------------------------------------------------------------- */
/* Home Page Content                                                          */
/* -------------------------------------------------------------------------- */
#homepageCarousel, .light-bg-frame-box, .footer-left, .footer-center, .footer-right, .blog-post, .article-title, .page-title, .congratulations-to, .next a, .prev a, #navbarSupportedContent {
  border: 3px solid #c4ab80;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231b472c' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231b472c' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#homepageCarousel .carousel-control-prev-icon {
  background-color: rgba(0,0,0,0.3);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#homepageCarousel .carousel-control-next-icon {
  background-color: rgba(0,0,0,0.3);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #ae935a;
}
.light-bg-frame-box {
  padding: 15px;
  background: url('images/light-tan-background.jpg') top center repeat #f6e9c7;
}
.light-bg-frame-box p.h4 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 300px;
}
.light-bg-frame-box p.h4::before, .light-bg-frame-box p.h4::after {
  margin-top: -1px;
  top: 50%;
  height: 2px;
  width: 30px;
  content: ' ';
  position: absolute;
  background-color: #1b472c;
}
.light-bg-frame-box p.h4::before {
  left: 0;
}
.light-bg-frame-box p.h4::after {
  right: 0;
}
.light-bg-frame-box a {
  text-decoration: none;
}
#newsCarousel {
  margin-top: 15px;
}
#newsCarousel .carousel-item {
  min-height: 300px;
}

/* -------------------------------------------------------------------------- */
/* Single / Page / Archive                                                    */
/* -------------------------------------------------------------------------- */
.blog-post {
  padding: 175px 15px 15px 15px;
  background: url('images/light-tan-background.jpg') top center repeat #f6e9c7;
}
.article-title, .page-title {
  margin-bottom: 30px;
  padding: 30px;
  color: #1b472c;
  text-align: center;
  text-transform: uppercase;
  background: url('images/title-background.jpg') top left repeat #9c895f;
}
.archive-post {
  margin-bottom: 15px;
}
a.archive-title {
  text-decoration: none;
}
.alignright {
  margin: 0px 0px 25px 25px;
  float: right;
  font-size: 10px;
}
.alignleft {
  margin: 0px 25px 25px 0px;
  float: left;
  font-size: 10px;
}
.aligncenter {
  margin: 25px auto;
  float: none;
  display: block;
  font-size: 10px;
}
.aligncenter img, .alignleft img, .alignright img {
  margin: 0px auto 5px auto;
  height: auto;
  display: block;
  max-width: 100%;
}
ul#graduates-list {
  margin: 0px auto;
  padding: 0px;
  max-width: 800px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type: none;
}
ul#graduates-list li {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  color: #1b472c;
  text-align: center;
  text-transform: uppercase;
}
.congratulations-to {
  padding: 15px;
  background: url('images/light-tan-background.jpg') top center repeat #f6e9c7;
}
ul#scroll-graduates {
  margin: 0px auto;
  padding: 0px;
  height: 200px;
  overflow:hidden;
  overflow-y:scroll;
  list-style-type: none;
  scrollbar-width: none;
}
ul#scroll-graduates::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
ul#scroll-graduates li {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  color: #1b472c;
}
.congratulations-to {
  position: relative;
}
.congratulations-to p {
  color: #1b472c;
  text-transform: uppercase;
}
hr.green-line {
  margin: 0px auto 15px auto;
  width: 50px;
  height: 3px;
  opacity: 1;
  background-color: #1b472c;
}
#graduates-scroll-cover {
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 160px;
  position: absolute;
  background: url('images/list-fade.png') bottom center repeat-x;
}
nav#pagination {
  margin: 0px auto;
  max-width: 600px;
  text-align: center;
}
.next a, .next a:hover, .next a:visited,
.prev a, .prev a:hover, .prev a:visited {
  padding: 15px;
  color: #c4ab80;
  display: inline-block;
  background-color: #1b472c;
  text-decoration: none;
  text-transform: uppercase;
}
a.read-more {
  text-decoration: none;
}

.horse-imgs {
	max-width: 75px;
}

td.hs {
	text-transform: capitalize;
}

#contact-form .form-control {
	border-radius: 0px;
	margin-bottom: 10px;
	background-color: rgba(129,106,48,.3);
	border: none;
}
#contact-page-btn .btn {
	border-radius: 0px;
}

#contact-page-btn .btn-primary {
	background-color: #1b472c;
	border-color: #1b472c;
	font-family: minion-pro, serif;
	color: #c4ab77;
}

#contact-info strong {
	color: #1b472c;
}

.sale-card .card {
    max-width: 700px;
    background-color: #1b472c;
    border: solid 4px #c4ab77;
    border-radius: 0px;
	margin: 0 auto;
	text-align: center;
	 box-shadow: inset 0 0 10px #000000;

}

.sale-card .card a {
	color: #c4ab77;
	font-family: minion-pro, serif;
	font-size: 2rem;
	text-decoration: none;
}

.horsehosting-table tbody {
	border-top: none !important;
}

.horsehosting-table .table>:not(caption)>*>* {
	border-bottom: none;
	font-weight: normal;
}

.accordion-item, .accordion-button, .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordion-button:focus {
  border-color: #1b472c;
  box-shadow: 0 0 0 .25rem rgba(27,71,44,.25);
}

/* -------------------------------------------------------------------------- */
/* Comments                                                                   */
/* -------------------------------------------------------------------------- */
.comments-box {
  margin-top: 35px;
}
ol.comment-list {
  margin: 30px 0px;
  padding: 0px;
  list-style-type: none;
}
ol.children {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ol.comment-list li {
  margin-bottom: 30px;
  padding-left: 52px;
  padding-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
ol.comment-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}
ol.comment-list li .avatar {
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
}
ol.children {
  margin-top: 30px;
  padding-top: 30px;
  padding-left: 50px;
  border-top: 1px solid #DDD;
}
.comment-heading, .comment-form {
  margin-top: 0;
  margin-bottom: 30px;
}
.comment-form label {
  display: block;
}
.comment-metadata a {
  color: #888;
  font-size: 11px;
}
#cancel-comment-reply-link {
  color: #C00;
  font-size: 12px;
}
.form-allowed-tags code {
  white-space: normal;
}
.form-submit {
  display: none;
}
.left-indent {
  padding-left: 10px;
}

/* -------------------------------------------------------------------------- */
/* Sidebar                                                                    */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */
#footer p {
  margin-bottom: 0px;
}
#footer-navigation {
  margin: 0px auto 15px auto;
  padding: 0px;
  max-width: 400px;
  list-style-type: none;
}
#footer-navigation li {
  margin: 0px;
  padding: 0px 5px;
  font-size: 1.15rem;
  text-transform: uppercase;
  display: inline-block;
  border-right: 1px solid #000;
}
#footer-navigation li:last-of-type {
  border-right: none;
}
#footer-navigation a, #footer-navigation a:hover, #footer-navigation a:visited {
  color: #000;
  text-decoration: none;
}
.footer-left, .footer-right {
  background-color: #1b472c;
}
.footer-center {
  padding: 15px;
  background: url('images/footer-plate.png') top center repeat #9c895f;
}
.vertical-center {
  display: flex;
  align-items: center;
}

/* -------------------------------------------------------------------------- */
/* Media Queries                                                              */
/* -------------------------------------------------------------------------- */

/* Small Devices */
@media only screen and (min-width : 576px) {

}

/* Medium Devices */
@media only screen and (min-width : 768px) {
  #frame {
    margin: 15px auto;
    padding-top: 15px;
    border-image: url('images/full-frame.png') 93 92 87 92 stretch stretch;
    border-color: #b5773b;
    border-style: inset;
    border-width: 60px;
    display: block;
    max-width: 1400px;
    height: auto;
    background: url('images/dark-brown-background.jpg') top center repeat #4b301d;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  }
}

/* Large Devices */
@media only screen and (min-width : 992px) {
  #frame {
    margin: 30px auto;
  }
  .blog-post {
    padding: 175px 30px 30px 30px;
  }
  .archive-post {
    margin-bottom: 30px;
  }
  .congratulations-to {
    padding: 30px;
  }
  .next a, .next a:hover, .next a:visited,
  .prev a, .prev a:hover, .prev a:visited {
    padding: 30px;
  }
  .light-bg-frame-box {
    padding: 30px;
  }
  #newsCarousel {
    margin-top: 30px;
  }
  .navbar-login, .navbar-login:hover, .navbar-login:visited {
    display: inline-block;
  }
}

/* X Large Devices */
@media only screen and (min-width : 1200px) {
  #frame {
    margin: 50px auto;
  }
}

/* XX Large Devices */
@media only screen and (min-width : 1400px) {
  #frame {
    margin: 75px auto;
  }
}