/*

Custom CSS
=============

Author:  Dan Horner / DanHorner.com
Updated: August 20, 2016
Notes:	 Coded for LouisburgAnimalClinic.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */
#features {
    text-align: center;
}

#features img {
    margin: 0 0 20px;
}


footer {

    background: #333;
    color: #fff;
    font-size: 11px;
    padding: 20px;
}

footer a:link, a:visited
        { 
            color: #f2812e;
}

footer a:hover, a:active {
    color: #fff;
    
}

ul.unstyled {
    list-style: none;
    padding: 0;
}

.bigTopCallout {
    margin-top: 65px;
}

.pageHeadline {
    margin: 40px 0;
}

#bigCallout {
    margin-top: 1px;
}

#homeLogo {
    margin-top: 95px;

}

.logoBanner {
    color: #333333;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 30px;
    border: 1px solid #37950a;
    background: rgba(55,149,10,1); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(55,149,10,0.1), rgba(68, 196, 115, 0.75)); /*Safari 5.1-6*/
    background: -o-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(55,149,10,0.1), rgba(68, 196, 115, 0.75)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(55,149,10,0.1), rgba(68, 196, 115, 0.75)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.8),rgba(55,149,10,0.1), rgba(68, 196, 115, 0.75)); /*Standard*/
    box-shadow: 2px 2px 10px 1px #333;
    -webkit-box-shadow: 2px 2px 10px 1px #333;
    -moz-box-shadow: 2px 2px 10px 1px #333;
    
}

.logoBanner img {
    
    margin-right: 60px;
}

/* --------------------------------------
   Typography
   -------------------------------------- */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    background-color: #e9fde1;
}



.well .page-header {
    margin-top: 0;
      
}

.well .page-header h1 {
    margin-top: 0;
}



/* --------------------------------------
   Navbar
   -------------------------------------- */
.nav {
    padding: 11px;
}

.nav .active a,
.nav .active a:hover, 
.nav .active a:focus {
    color: #fff;
    background-image: none;
    background-color: #44c473;
    
}

.nav li a {
    
    color: #333; /* set color of Menu Text to white */
}

.nav li a:hover,
.nav li a:focus  {
    color: #fff;
    background-color: #44c473;
}

.navbar {
    
    background-color: #00a63f;
}

/* enable dropdown list menu to display on hover as well as click */
.dropdown:hover .dropdown-menu {
        display: block;
        
}


.navbar-lac .dropdown a:hover,
.navbar-lac .dropdown a:focus,
.navbar-lac .dropdown a:active {
    color: #fff;
    background-color: #44c473
}

.navbar-lac .dropdown-menu a:hover {
    
    background-image: none;
}

.navbar-brand {
  /*  padding: 13px 15px; */
}

.navbar-brand img {
    border-radius: 3px;
}

.navbar-toggle {
    border-color: #257300;
}

.navbar-toggle:hover {
    background-color: #8ddf65;
}

.navbar-toggle .icon-bar {
    background-color: #257300;
}

.navbar-toggle .icon-bar:hover {
    background-color: black;
}
 
.navbar-toggle h6 {
    font-size: 10px;
    padding-top: 1px;
    margin-left: -4px;
}

a#alertMe {
    background-color: #f2812e;
    
}

a#alertMe:hover {
    background-color: #d85f1b;
    
}


.myWell {
    padding: 10px;
    margin-top: 0;
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #37950a;
    background: #fff;
    box-shadow: 2px 2px 10px 1px #333;
    -webkit-box-shadow: 2px 2px 10px 1px #333;
    -moz-box-shadow: 2px 2px 10px 1px #333;
}

.myWell h2 {
    margin-top: 18px;
}

.myWell a {
    color: #f2812e;
}

#features a:link,
#features a:visited,
#features a:hover,
#features a:active
 {
    color: #fff;
}

#mySuccessBackground {
    background-color: darkorange;
}

/* --------------------------------------
   Carousel
   -------------------------------------- */
#vtCarousel {
    margin: 1px 0 20px;
}

#vtCarousel .item {
    height: 400px;
}

#myCarousel {
    margin-top: 85px;
}

.carousel-caption {
    font-size: 24px;
}

.carousel-caption h4 {
    font-size: 32px;
}

#myCarousel .item {
    height: 400px;
}

#slide1 {
    background: url('../../images/LouisburgAnimalClinic-941x400.jpg') top left no-repeat;
    /*  background-size: 100% auto; */
}

#slide2 {
    background: url('../../images/DogExamRoom-941x400.jpg') top left no-repeat;
}

#slide3 {
    background: url('../../images/LabRoom-941x400.jpg') top left no-repeat;
}

#slide4 {
    background: url('../../images/LAC-Sign-941x400.jpg') top left no-repeat;
}

#slide5 {
    background: url('../../images/CatExamRoom-941x400.jpg') top left no-repeat;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 100px;
    margin-top: -80px;
}


/* --------------------------------------
   Global Styles
   -------------------------------------- */
.well {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left:  0;
    margin-right: 0;
}


img#wilcoxWelcome {
    margin: 20px 20px 10px 0;
}


.staffPic {
    margin: 20px 20px 1px 0;
}

.vtGreetingPic {
    margin: 5px 20px 1px 0;
}

.panel-heading {
    background-color: #f2812e;
}


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

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    #myCarousel .item {
     height: 310px;
    }

    #slide1 {
        background: url('../../images/LouisburgAnimalClinic-729x310.jpg') top left no-repeat;
        /* background-size: 100% auto; */
    }

    #slide2 {
        background: url('../../images/DogExamRoom-729x310.jpg') top left no-repeat;
    }

    #slide3 {
        background: url('../../images/LabRoom-728x310.jpg') top left no-repeat;
    }
    
    #slide4 {
    background: url('../../images/LAC-Sign-729x310.jpg') top left no-repeat;
    }

    #slide5 {
    background: url('../../images/CatExamRoom-729x310.jpg') top left no-repeat;
    }
    
    .carousel-caption {
        font-size: 16px;
    }
    
    .carousel-caption h4 {
        font-size: 24px;
        color: #333333;
    }
    
}

/* Large desktop */
@media (min-width: 1200px) {
	#myCarousel .item {
    height: 500px;
    }

    #slide1 {
        background: url('../../images/LouisburgAnimalClinic-1176x500.jpg') top left no-repeat;
        /* background-size: 100% auto; */
    }

    #slide2 {
        background: url('../../images/DogExamRoom-1176x500.jpg') top left no-repeat;
    }

    #slide3 {
        background: url('../../images/LabRoom-1176x500.jpg') top left no-repeat;
    }
    
    #slide4 {
    background: url('../../images/LAC-Sign-1176x500.jpg') top left no-repeat;
    }

    #slide5 {
    background: url('../../images/CatExamRoom-1176x500.jpg') top left no-repeat;
    }
}