/* css */

.item_home
{
  background: center center no-repeat;
  text-align:left;
  padding:20px 45px;
  background-size:cover;
  /*background-color:rgba(192,192,192,0.3);*/
  height:320px;
  width:48%;
  overflow:hidden;
  margin:0 20px 20px auto;
  color:#fff;
  float:left;
  position: relative;
}

.item_home_bg_image
{
  opacity: .4;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat:no-repeat;
  background-size:cover;
}

.item_home_content 
{
  position: relative;
  height: 100%;
}

.item_home_content2
{
  position:absolute;
  bottom:10px;
  font-size: 1.2em;
}

.item_home_content2 p
{
  margin:5px 0;
}

.item_home_background
{
  background-color:black;
}


.item_home h3
{
  color:#fff;
  text-align:left;
  font-size:30px;
  font-weight: bold;
  padding-left:30px;
  background-image: url(images/logo-shape.png);
  background-repeat:no-repeat;
}



.services_nav a, .services_nav a:visited, .services_nav a:hover
{
  background: #006E3F;
}

.services_nav a:hover
{
  background:#025733;
}

.square_button,.square_button:visited,.square_button:hover
{
  color: #994000;
  background: #fff;
  border: 2px solid #994000;
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 33px;
}

.square_button:hover {color:#000;}

.square_button.right
{
  float:right; 
}

.category_name.show_category_name_in_tabs  {display:none;}

.article_summary
{
  color: #505050;
  font-weight:700;
  margin: 0 0 15px 0;
  
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 15px;
  font-size: 0.8rem;
  display:block;
  
}

.article_summary a {display:block; padding-left: 12px;}
#testimonials_slides .flexslider
{
  margin:0!important; 
}
#testimonials_slides
{
  border:2px solid #994000;
  margin-bottom:100px;
  margin-top:50px;
}

.testimonial
{
  max-width:1200px;  
  left:0;
  width: 100%;
  margin: 30px auto;
}

.slides
{
  list-style: none;
  color: #666666;
  padding-left;50px;
}

h2
{
  border-bottom:1px solid #DBDBDB;
  font-size:25px;
}

div h1
{
  position:center center;
}

.column1
{
  margin-top: 40px;
}

.column2
{
  flex:0 0 300px;
  margin:40px 0 0 100px;
}

.staff_item
{
  margin-bottom:40px;
}

.staff_item_image
{
  width: 160px;
  float:left;
  margin:0 15px 15px 0;
  border:0px
}

.staff_item_image img {max-width:100%;}


/*testimonial slides*/
.testimonial_slide{}
.slide_content_testimonial {padding:70px 100px;position:relative;max-width:1200px;}
.quote {}

.quote > p:first-child::before,.quote > p:last-child::after
{
  color:#B95C3B;
  font-size:70px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
  line-height:12px;
  vertical-align:bottom;
  position:absolute;
}

.quote > p:first-child::before {content:'“';margin: 12px 0 0 -40px;}
.quote > p:last-child::after {content:'”';margin: 30px 0 0 20px;}



.quote_source {font-style:normal;color:#BB553E;font-size: 1.1em;padding:none;}
.quote_source::before {content:'';}
.flexslider {box-shadow:none !important;}


header .social_media_links
{
  float:left; 
  position:relative;
  margin-left: 15px;
}

/* SOCIAL MEDIA ICONS */
.social_media {
  padding:0;text-align: right;
  flex-basis: -webkit-fill-available;
  flex-basis: -moz-available;
  flex-basis: fill;
  
  margin-right: 45px;
}

.social_media a
,.social_media a:visited
{
  color: #fff;
  font-size: 17px;
  width:30px;
  line-height:30px;
  
  background: #000;
  border-radius: 50%;
  margin: 10px 4px 4px 4px;
  padding: 0;
  text-align:center;
  white-space: nowrap;
  display: inline-block;
}

.social_media a:hover
{
  color: #006E3F;
  font-size: 17px;
  width:30px;
  line-height:30px;
  
  background: #fff;
  border-radius: 50%;
  margin: 10px 4px 4px 4px;
  padding: 0;
  text-align:center;
  white-space: nowrap;
  display: inline-block;
}

.social_media a::after
{
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.social_media a[href*="facebook"] {/*default color bg*/}
.social_media a[href*="facebook"]::after {content:"";}
.social_media a[href*="twitter"] {}
.social_media a[href*="twitter"]::after {content:"";}
.social_media a[href*="youtube"] {}
.social_media a[href*="youtube"]::after {content:"";}


hr
{
  height:16px!important;background:none;
  
  border:none;
  border-bottom:1px solid #B0B0B0;
  position:relative;
}

hr:after
{
  content:" ";
  display:block;
  border:1px solid #B0B0B0;
  background:url(images/hr_icon.png) center center no-repeat white;
  height:28px;width:28px;
  border-radius:50%;
  margin:0 auto;
}

.service_links {
  position: absolute;
  right: 0;
  background: #F5F5F5;
  top: 0;
  border: 1px solid #E0E0E0;
  border-radius: 0 0 6px 6px;
  border-top: none;
  margin-top: -6px;
}
.service_link_equine,.service_link_pharm,.service_link_vet
{
  display:block;
  height:55px;width:95px;
  background:url(images/service_link_equine.png) center center no-repeat;
  float: left;
  margin: 5px 0;
  border-right: 1px solid #E0E0E0;
}

.service_link_pharm {background-image:url(images/service_link_pharm.png);}
.service_link_vet {background-image:url(images/service_link_vet.png);border:none;}


.row_dark {background-image: url(images/footer.jpg);color:white;}
.row_light {background:#EBEBEB;}
.row_light2 {background:white;}

.row_dark2 {background:#543729;color:white;}
.row_dark3 {background:#A34E24;color:white;} 

.color_1 {color:#3F8DAB;}
.header_row_1 {background:#006E3F;border-bottom:1px solid #E0E0E0;height:50px;}
.footer_row {padding:30px;}

.row_dark h1 ,.row_dark3 h1
,.row_dark h2,.row_dark3 h2
,.row_dark h3,.row_dark3 h3
{color:white;}


footer .at-sprite_group {margin-top:24px;}

.at-sprite_group a {background:#444444 !important;}
header .at-sprite_group a
{
  width: 22px;
  height: 22px;
  line-height: 20px;
  margin-right: 10px;
  font-size: 20px;
}

header .address,header .phone_number
{
  line-height:50px;
  color:#fff;
  display:block;float:left;
  padding:0;
  white-space:nowrap;
  margin:0 15px 0 40px;
  text-transform:uppercase;
  flex-basis: -webkit-fit-content;
  flex-basis: -moz-fit-content;
  flex-basis: fit-content;
}
header .phone_number {max-width:38%;margin:0 0 0 1px;}

header .address i,header .phone_number i
{
  color:black;
  font-size:1.1em;
}


.at-sprite_group a:before {color:inherit;line-height:inherit;vertical-align: middle;}

.customer_login_link
{
  background:url(images/key_icon.png) left center no-repeat;
  padding-left:30px;
  color:white;
}
.customer_login_link:hover {color:#ccc;}

#appointment_link 
{
  font-family: 'Karla', sans-serif;
  color:#994000;
  background:#fff;
  border:2px solid #994000;
  padding: 5px 20px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 32px;
  margin:0 0 0 45px;
  font-size: 19px;
  text-transform:uppercase;
  font-weight:bold;
}


body > nav .at-minimal_toolbar {margin-top:-88px;}

main > section
{
  
}

header
{
  
}

footer {}
footer .row_dark {min-height:200px;}
header h3{}

nav
{
  position:relative;
  z-index:100;
}

@media (max-width: 1280px),(max-device-width: 1280px)
  {
  #appointment_link  
  ,.service_links
  {margin-right:14px;}
  
}

@media (max-width: 800px),(max-device-width: 800px){
  
  .column1
  {
    margin-top: 40px;
  }
  
  .column2
  {
    flex:1 1 auto;
    margin:0;
  }
  
  
  .item_home
  {
    height:auto;
    width:100%;
    overflow:hidden;
    margin:10px;
    float:none;
  }
  
  
  .item_home_content2 {position:static;}
  
  .staff_item_image {float:none;}
  .customer_login_link{margin-left: 10px;}
  nav {position:relative;/*disable sticky on mobile*/}
  nav ul {flex-direction: column;}
  
  header .address
  ,header .phone_number
  {
    margin:0;
    padding:5px 10px;
    float:none;
    width:100%;
    line-height:normal;
    white-space:normal;
    max-width:100%;
    text-align:center;
  }
  
  header .social_media {text-align:center;}
  
  .header_row_1 {height:auto;}
  header h3 {font-size:0.7rem;}
  main > section {box-shadow: none;}
  
  .service_links
  {
    position:static;
    clear:both;
    width: 100%;
    display: flex;display:-webkit-flex;
    border-top: 1px solid #E0E0E0;
    border-bottom: none;
  }
  
  .service_link_equine,.service_link_pharm,.service_link_vet
  {
    border-radius:none;
    flex: 1 1 auto;
    align-self: stretch;
  }
  
  #appointment_link 
  {
    position: static;
    left:auto;right:auto;
    display: block;
    text-align: center; 
    line-height:2;
    margin:0;
  }
  
  header .social_media_links
  {
    float: none;
    position: relative;
    clear: both;
    padding: 0 0 7px 0;
    text-align: center;
    margin-left:0;
  }
  
  
  .header-content-sub-content {margin:0;
    
    margin: 0px;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 10px;
  }
  
  header h3 {text-align:center;}
}
