/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PT_Sans-Web-Regular.ttf') format('truetype');
}

html, body{
height:100%;
font-size:13px;
}
.color {
    background-color:#063;
}
a{
color:#006633;
}
.cursor:hover, .cursor:focus {
    cursor: pointer;
} 
a:hover, a:focus{
color:#00542a;
}
body{
font-family:'Open Sans', sans-serif;
color:#86989d;
line-height:23px;
overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight:700;
font-family:'PT Sans', sans-serif;
color:#006633;
}

.pad {padding:20px;}

header{
	position:relative;
	min-width:100%;
	background-color:#fff;
	z-index:1031;
	top:0px;
	}

.logo {margin:auto;}

.PharmName {
    margin-top:4px;
}

.upBtn {
    display:none;
}

.trigger .upBtn{
    position:fixed;
    right:2%;
    top:70%;
    z-index:2000;
    width:54px;
    height:54px;
    display:block;
    font-size:4em;
    line-height:0;
    padding:0;
    margin:0;
    border:1px solid white;
    background-color:white;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    }

.AccountBar {background-color:#e3e3e3;padding:2px;margin-bottom:2px;}
	
main {margin-top:0px;margin-bottom:30px;min-height:500px;}

.section {margin-top:-50px;}

.highlight {
	box-shadow: 5px 5px 5px #666;
	margin-bottom:20px;
}

.highlight h2 {
	color:#fff;
	text-shadow: 2px 2px 2px #333;
    margin-top:5px;
}

.highlight p  {color:#fff; font-size:1.25em;}

.gradient {
	background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0) 0%), rgba(0, 0, 0, 0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.3)',GradientType=0 ); /* IE6-9 */
	}

#style_override .btn-primary, #style_override .btn-primary:visited {color:#fff;background-color:#063;border: 1px solid transparent;}

#style_override .btn-primary:hover, #style_override .btn-primary:focus, #style_override .btn-primary:active {color:#fff;background-color:#00542a;border: 1px solid transparent;}
	
#style_override .fc-event {color:#FFF; background-color:#00542a;border:none;padding:4px;}

footer {
	position:relative;
	background-color:#063;
	min-height:250px;
	color:#FFF;
	text-shadow: 2px 2px 2px #333;
	}
footer h3 {
	color: #FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom:10px;	
	}
#style_override footer a {
	color:#FFF;
	font-weight:bold;
	}
#style_override footer a:hover {
	color: #CCC;
	text-decoration: none;
	}

footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	}

.social {
    font-size:2.5em !important;
    font-weight:normal !important;
}
	
/* ------------------------------------	*/
/*  			    Home				*/
/* ------------------------------------	*/

body.splash{
   background: url(img/splash.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.welcome {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    width: 80%;
    height: 80%;
    margin: auto;
    color:#056839;
    font-size:16px;
}

.welcome h2{
font-size:60px;
letter-spacing:10px;
text-transform:uppercase;
}

.welcome hr{
border: thin solid #056839;
}

main.home {
    min-height:300px;
}

.welcome-text{
text-align:center;
}

.welcome h2{
font-size:60px;
letter-spacing:10px;
text-transform:uppercase;
}

#searchResults {
    /* this style isno longer needed for the SearchPharms page 
       the page has it's own style sheet 11/12/2019 - Pam */
    margin-top:20px;
    font-size:small;
    clear:both;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#myCarousel {
	margin-top:-20px;
	}
/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 20px;

	}

#style_override .carousel-control { color:#FFF;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 30%;
  color: #fff;
  left: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 15%;
  text-align: left;
  text-shadow: none;
}

.carousel-caption h1 {
  font-size: 2em;
  font-weight: bold;
  color: #FFF;
  text-shadow: 2px 2px 2px #333;
  margin-top:5px;
  }

.carousel-caption p {
  font-size: 1.3em;
  line-height: 1.4;
  color: #FFF; }

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777; }

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px; }

.first {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-attachment: fixed;*/
  background-image: url(img/carousel/img1.jpg);
  background-repeat: no-repeat;
  background-position: center top; }

.second {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-attachment: fixed;*/
  background-image: url(img/carousel/img2.jpg);
  background-repeat: no-repeat;
  background-position: center top; }

.third {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-attachment: fixed;*/
  background-image: url(img/carousel/img3.jpg);
  background-repeat: no-repeat;
  background-position: center top; }

.dark-box {background-color:rgba(0,0,0,.25)}

.carousel-indicators {
    bottom: 40px;
}

/* ------------------------------------	*/
/*  		  Navigation Bar			*/
/* -----------------------------------	*/


#style_override .navbar-default .navbar-brand {
    color:#FFF;
	border:none;
}

#style_override .navbar-default .navbar-brand:focus, #style_override .navbar-default .navbar-brand:hover {
    color: #CCC;
    background-color: transparent;
}

#style_override .navbar-default {
border-color:#FFF;
background: #063;
box-shadow: 5px 5px 5px #666;
border-right:none;
border-left:none;
border-radius: 0px;
font-size:14px;
}
#style_override .navbar-default .navbar-nav > li > a {
color:#fff;
letter-spacing:1.8px;
letter-spacing:1px\9;
text-transform:uppercase;
}

.dropdown-menu > li > form > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #style_override .navbar-default .navbar-nav > li > a {
	    letter-spacing:1px;
    }
}

#style_override .navbar-default .navbar-nav > li.current > a,#style_override .navbar-default .navbar-nav > li > a:hover {
color:#ccc;
}
#style_override .navbar-default .navbar-nav > li > a:focus {
color:#86989d;
}
#style_override .navbar-default .navbar-nav > li.current > a:focus {
color:#000;
}

.dropdown-menu > li > a {
  color: #063;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #063;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #063;
}
.search {
  position: absolute;
  top: 20px;
  right: 10px;
}
.search input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 15px;
}

.login {
    margin-top:10px;
}

.login h1 {
    font-size:6em;
    margin-top:0;
}

.login h3 {
    margin:0;
}

.features-item .fa {
	font-size:2em;
	color:#063;
	}
	
.ribbon {
 font-size: 20px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 /*width: 80%;*/
 position: relative;
 color: #fff;
 text-shadow: 2px 2px 2px #333;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #009966;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #063 transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

q {
  quotes: "“" "”" "‘" "’";
  font-family:'Times New Roman', Times, serif;
  font-size:1.5em;
  font-style:italic;
  line-height: 1.4em;
}
q:before {
    content: open-quote;
    font-size:2em;
}
q:after {
    content: close-quote;
    font-size:2em;
}

/* Responsive Styles */
@media (min-width: 992px) {
    .navbar-brand {display:none;}

    .cds-pull-right {
        float: right !important;
        }

    #navbar ul.nav.navbar-nav {
        text-align:center;
        width:100%;
        }

    .navbar-nav > li {
        float:none;
        display:inline-block;
    }
}

@media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    }
    .navbar-nav .open .dropdown-menu {
    background-color: white;
    }
}

@media (min-width: 991px) {
    .navbar-default {
        font-size:62%;
        letter-spacing: 1px;
    }
    .logo-align {margin-left:30px;display:inline-block;}
    .logo-min-height {
        min-height: 150px;
        max-height: 150px;
    }
    .logo-min-height img {
        min-height: 150px;
        max-height: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-default {
        font-size:88%;
        letter-spacing: 1px;
    }
    .nav > li > a {
    padding: 14px 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #style_override .navbar-default .navbar-nav > li > a {
        letter-spacing: .3px;
    }
    .hours {
        font-size:0.9em;
    }
}

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?3eergu');
    src:    url('fonts/icomoon.eot?3eergu#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?3eergu') format('truetype'),
        url('fonts/icomoon.woff?3eergu') format('woff'),
        url('fonts/icomoon.svg?3eergu#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Mixer:before {
    content: "\e900";
    font-size:8em;
    margin-top:6px;
}

.icon-Pill-Bottle:before {
    content: "\e901";
}

.icon-Pill-Bottle-Check:before {
    content: "\e902";
    font-size: 8em;
    margin-top: 6px;
}

.icon-Pill-Bottle-Circle:before {
    content: "\e903";
    font-size: 8em;
    margin-top: 6px;
}

.icon-Pill-Bottle-X:before {
    content: "\e904";
    font-size: 8em;
    margin-top: 6px;
}

.grey-icon {
    color: #4C4C4C !important;
}

.light-grey-icon {
    color: #C2C2C2 !important;
}

.red-icon {
    color: red !important;
}

.green-icon {
    color: green !important;
}

a.image-link
{
  border: 0 none;
  text-decoration: none;
}

.glyphicon {
    line-height:0;
}

@media (max-width: 768px) {
    .swipe_hand {
        display: block;
        width: 56px;
        height: 63px;
        margin: 10px;
        padding: 0;
        background-image: url('img/Swipe.png');
    }
}

#MobileModal .modal-content {
    background-image: url('img/PharmacyMobile.jpg');
}
.apple_btn {
    display:inline-block;background-image: url('img/Apple_App_Download.png'); width:144px;height:50px;
}
.droid_btn {
    display:inline-block;background-image: url('img/Droid_App_Download.png'); width:144px;height:50px;
}