/* 
 * Stylesheet for medicineshoppe Website
 */

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('/fonts/RobotoCondensed-Bold.WOFF') format('woff');
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('/fonts/RobotoCondensed-Regular.WOFF') format('woff');
}

body {
    font-family: RobotoCondensed-Regular, Arial;
}
h1, h2, h3, h4, h5 {
    font-family: RobotoCondensed-Bold, Arial;
}
.navbar {
    font-family: RobotoCondensed-Bold, Arial;
    font-size: 1em;
    background-color: #005A8C;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0;
}
.navbar-right {
    font-size: 0.8em;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-dark.active, .navbar-dark .navbar-nav .nav-dark.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #EF8200;
}
.mactive {
    color: #EF8200 !important;
}
.jmbthomeimg1 {
    display: inline-block;
    margin-bottom: 20px;
}
.jmbthomeimg2 {
    display: none;
}

.jmbthomeimg3 {
    display: none;
}
.jumbotron {
    display: none;
    padding: 3rem 2rem;
}
.jumbotron h1 {
    font-size: 50px;
}
.container .jumbotron {
    background: url("../../Content/images/porsche_jumbotron_bkg.png") top right no-repeat #ececec;
    background-size: auto 350px;
}
.tab-content {
    margin-bottom: 20px;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' 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");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' 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");
}
.carousel-indicators li {
    background-color: #999999;
}
.carousel-indicators .active {
    background-color: #333333;
}
.carousel-caption {
    padding-bottom: 10px;
    color: #333333;
}
.btn-primary {
    color: #fff;
    background-color: #eb7800;
    border-color: #eb7800;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c75900;
    border-color: #c75900;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(235,120,0,.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #c75900;
    border-color: #c75900;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c75900;
    border-color: #c75900;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(235,120,0,.5);
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

/*medicineshoppe Specific*/
.card-deck .card {
    margin-right: 5px;
    margin-left: 5px;
}
.noborder{
   border:none;
}
.btn-primary {
    color: #fff;
    background-color: #005A8C;
    border-color: #005A8C;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1B3C7A;
    border-color: #1B3C7A;
}
.categoryMainTitle{
    font-weight:bolder;
    font-size:1em;
}
.medicineshoppecontact {
    width: 100%;
    min-height: 30px;
    margin-bottom: 10px;
    padding-top: 3px;
    text-align: center;
    background-color: #2f2e34;
    color: white;
    font-family: RobotoCondensed-Bold, Arial;
}
.medicineshoppecontact a {
    color: white;
    text-decoration: underline;
}
.medicineshoppeflag {
    float: right;
}

/*Shopping Cart*/
.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
.table td {
    border: none;
}
.table thead th {
    border-bottom: 1px solid #dee2e6;
}
.table>tfoot>tr>td {
    border-top: 1px solid #dee2e6;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:30%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
    .medicineshoppeflag {
        float: left;
        margin: 3px;
    }

}

/*Media styles*/
@media (max-width: 1199px) {
    .jmbthomeimg1 {
        display: none;
    }
    .jmbthomeimg2 {
        display: inline-block;
        margin-bottom: 20px;
    }
    .jmbthomeimg3 {
        display: none;
    }
}

@media (max-width: 991px) {
    .jmbthomeimg1 {
        display: none;
    }
    .jmbthomeimg2 {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
    .jmbthomeimg3 {
        display: none;
    }
}

@media (max-width: 767px) {
    .jmbthomeimg1 {
        display: none;
    }
    .jmbthomeimg2 {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
    .jmbthomeimg3 {
        display: none;
    }

    .idaflag {
        float: left;
        margin: 3px;
    }

    .btn-group-lg>.btn, .btn-lg {
        padding: 2px;
    }

}

@media (max-width: 576px) {
    .jmbthomeimg1 {
        display: none;
    }

    .jmbthomeimg2 {
        display: none;
    }

    .jmbthomeimg3 {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .container {
        padding-left: 20px !important;
    }
}