/**
 *---------------------------------------------------------------------------------------
 * @package       VP Merchant Template for Joomla!
 *---------------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2012-2015 VirtuePlanet Services LLP. All rights reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       Abhishek Das
 * @email         info@virtueplanet.com
 * @link          http://www.virtueplanet.com
 *---------------------------------------------------------------------------------------
 */

/* manrope-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('../../../../fonts/manrope-v14-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../../fonts/manrope-v14-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/manrope-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../../fonts/manrope-v14-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('../../../../fonts/manrope-v14-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../../fonts/manrope-v14-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../../../../fonts/manrope-v14-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../../fonts/manrope-v14-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


body {
background: url(../../layouts/bodega/images/vineback.jpg);
background-attachment: fixed;
font-family: 'Manrope', 'sans-serif';
font-weight: 300;
}
#content {
padding: 15px;
background: #fff;
}
#mainbody .container .inner-container {
padding: 15px;
}
@media (max-width: 1279px) {
.container {
width: 95%;
}
}
@media (min-width: 1280px) {
.container {
width: 75%;
}
}
@media (max-width: 992px) {
.container {
width: 100%;
}
}
@media (min-width: 992px) {
.frontslider {
padding-left: 15px;
}
}
@media (max-width: 992px) {
.frontslider {
margin-bottom: -20px;
}
}
.brand {
margin: 0;
margin-bottom: -10px;
}
#vpf-header {
margin-bottom: 20px;
}
ul.vpf-menu {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.navbar-mainmenu .navbar-nav > li > a {
font-size: 17px;
font-weight: normal;
}
@media (min-width: 768px) {
.navbar-nav > li {
margin-left: 10px;
margin-right: 10px;
}
}
.mega-menu-expand {
width: auto!important;
min-width: 350px!important;
}
.mega-sub-cont li.submenu > a {
font-size: 17px!important;
}
/* Menu */
@media (max-width: 992px) {
.navbar.navbar-offcanvas {
background: transparent;
width: 20%;
float: left;
margin-top: -50px;
margin-bottom: -4px;
}
.logo-mobile {
width: 80%;
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
.logo-tablet {
width: 80%;
float: right;
margin-top: 0;
}
.navbar-toggle.vpf-offcanvas-toggle {
color: #7c011f;
}
.aside-inner {
margin-top: 20px;
}
#left-aside.col-sm-12,
#left-aside.col-xs-12 {
padding: 0;
}
}
.page-header {
border: none;
margin-bottom: 30px;
}
.page-header h1 {
font-size: 2rem;
color: #333;
font-weight: 300;
}
.item-page-frontpage .col-md-12 {
padding: 0;
}
.item-page-startseite h2 {
color: #7c011f;
}
.produktefront h3,
.list-header {
text-align: center;
color: #fff;
padding: 8px;
background: #7c011f;
}

#left-aside h3 {
text-align: center;
color: #fff;
padding: 8px;
background: #7c011f;
font-size: 1.2rem;
margin-bottom: 10px;
}
.sidebar-menu li a {
border: none;
color: #fff;
font-weight: 400;
font-size: 0.9rem;
}
.sidebar-menu li {
margin-bottom: 2px;
}
.sidebar-menu li > a {
background: #7c011f!important;
padding-top: 7px;
padding-bottom: 7px;
}
.sidebar-menu li > a:hover {
background: #5c051a!important;
color: #fff;
}
.sidebar-menu .active > a {
color: #fff;
background: #5c051a!important;
}
.sidebar-menu .active > a:hover {
background: #5c051a!important;
color: #fff;
}
.produkte-links h3 {
margin-bottom: 1px!important;
}
.pull-left.item-image {
float: left;
width: 100%;
margin-bottom: 30px;
}
.pull-left.item-image img {
width: 100%;
height: auto;
}
h1, h2, h3, h4, h5 {
font-family: 'Manrope', 'sans-serif';
font-weight: 300;
}
h1 {
font-size: 2rem;
}
@media (max-width: 992px) {
h1 {
font-size: 1.7rem;
}
}
/* Virtuemart */
.product-listing.mode-grid .product-name {
font-size: 1rem;
}
.product-listing.mode-grid .product-name a {
color: #7c011f!important;
}
span.PricesalesPrice {
color: #333!important;
}
.toolbar-inner {
display: none;
}
#vmCartModule {
padding: 10px;
background: rgba(255,255,255,0.7);
}
.shortdesc {
font-size: 85%;
line-height: 1.2;
margin-bottom: 20px;
text-align: left;
color: #999;
}
@media (min-width: 1024px) {
.product-listing.mode-grid .product-name {
min-height: 60px !important;
  margin-bottom: 8px;
}
}

/* Kategorieansicht für xs */
@media (max-width: 767px) {
.category-list .visible-xs {
display: block !important;
background: #fff000;
width: 50%;
float: left;
}
.category-list .category-item {
width: 50%;
float: left;
}
}

.jugendschutz {
padding: 5px;
background: rgba(255,255,255,0.7);
margin-bottom: 20px;
}
.icon-calendar::before {
display: none;
}
.moduletable.anmeldemodul {
padding: 20px;
}
.moduletable.anmeldemodul h3 {
border-top: 1px solid #7c011f;
padding-top: 20px;
}
#jevents_body .jev_evdt {
padding: 0;
}
.mod_events_latest {
border-top: none!important;
}
.mod_events_latest_table hr {
margin-top:5px;
padding-bottom: 5px;
border-color: #7c011f;
}
.loginmodul li a {
color: #333;
font-size: .85rem;
}
.loginmodul li {
line-height: 1.3;
}
.loginmodul .btn {
width: 100%;
background: #333;
color: #fff;
border: none;
margin-bottom: 10px;
}
.loginmodul .btn:hover {
background: #555;
}
.loginmodul .checkbox input[type="checkbox"] {
margin-top: 6px;
position: relative;
}
.loginmodul input[type="checkbox"] {
border: none;
background: #fff000;
}
.loginmodul .checkbox-text {
font-size: 0.85rem;
color: #333;
}
.loginmodul #form-login-username label,
.loginmodul #form-login-password label {
display: none;
}
#redim-cookiehint {
background-color: rgba(124,1,31,0.9)!important;
}

/* Sitemap: Error-404 ausblenden */
#osmap-menu-uid-mainmenu,
#osmap-li-uid-joomla-article-12 {
display: none;
}

/* Admin Menu */
.adminmenu .nav-stacked > li + li {
margin-top: 0;
margin-bottom: 0;
}
.adminmenu .nav-pills > li > a {
border-radius: 0;
border: none;
background: #ffa800;
}
.adminmenu .nav-pills > li > a:hover,
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background: #e29501;
}
.adminmenu {
margin-bottom: 20px;
}
.adminmenu li {
width: auto;
float: left;
margin-left: 10px;
margin-right: 10px;
border-radius: 0;
}
.adminmenu li:hover {
border-radius: 0;
background: #54a245;
}
.adminmenu li:focus {
border-radius: 0;
background: #54a245;
}
.adminmenu li a {
color: #fff;
}
.footer p {
margin: 0;
}
.footer a:hover {
text-decoration: underline;
}
.footer-left img {
max-width: 300px;
height: auto;
}
.footer-right {
text-align: left;
}
@media (max-width: 768px) {
.footer-left {
text-align: left;
}
}