/**
 * @author (  Arno Schumm  )
 * @package Joomla
 *   @copyright (C) 2005-2016 Open Source Matters. All rights reserved.
 *   @license GNU/GPL, see LICENSE.php
 *     Joomla! is free software. This version may have been modified pursuant to the
 *     GNU General Public License, and as distributed it includes or is derivative
 *     of works licensed under the GNU General Public License or other free or open
 *     source software licenses. See COPYRIGHT.php for copyright notices and details.
 * @package Helix3 Framework ( JoomShaper )
 *   @author AGETHEMES http://www.agethemes.com
 *   @copyright (c) 2010-2015 AGETHEMES
 *   @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 * @package QuatuorA http://www.quatuora.nl
 *   @copyright (c) 2020 QUATUORA
 *   @modification date 18-12-2019
 *   Colors used:
 *   Zwart   #4A4A4A rgba(74, 74, 74, 1)
 *   Roze    #F6D3D7 rgba(246, 211, 215, 1)
 *   Paars   #A7AED8 rgba(167, 174, 216, 1)
 *   Blauw   #70A7C7 rgba(112, 167, 199, 1)
 *   Orange  #F5CF94 rgba(245, 207, 148, 1)
 *   Bruin   #BC9380 rgba(188, 147, 128, 1)
 *   Groen   #67B6B4 rgba(103, 182, 180, 1)
 * =================================================== */

/* Load Custom Font =================================================== */
@import url('https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.css');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap:300,400,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap:300,400,600');*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600');
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,600');*/
@import url('../css/font-awesome.min.css');
/*@import url('//db.onlinewebfonts.com/c/69aa6e47feff717f5adbb879237f8bbc?family=simple-line-icons');*/

/*ensure you set the url path to reference the directory containing the font files*/

/* Including one css file into other =================================================== */
@import "printstyle.css" print; /* Import the "printstyle.css" style sheet ONLY if the media is print */
@import "mobstyle.css" screen and (max-width: 768px); /* Import the "mobstyle.css" style sheet ONLY if the media is screen and the viewport is maximum 768 pixels */
@import "vm-ltr-site-custom.css"; /* Using a string */
@import "vm-ltr-common-custom.css"; /* Using a string */
@import "vm-ltr-reviews-custom.css"; /* Using a string */
@import "vm-bs4-common-custom.css"; /* Using a string */
@import "vmpanels-custom.css"; /* Using a string */
@import "vtip-custom.css"; /* Using a string */
@import "k2-custom.css"; /* Using a string */
@import "font-awesome.min.css"; /* 4.7.0 Using a string */
@import "font-awesome.css"; /* 4.7.0 Using a string */
@import "style-portfolio-custom.css"; /* Using a string */
@import "megamenu-custom.css"; /* Using a string */
@import "tooltip-custom.css"; /* Using a string */
@import "template-custom.css"; /* Using a string */
@import "responsive.css"; /* Using a string */

/*@import url("http://cloud.schumm.nl/portal/ultimate/templates/atfactory/k2-custom.css"); /* Using a url 
@import url("fineprint.css") print;
@import url("bluish.css") speech;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen;
@import url('landscape.css') screen and (orientation:landscape);*/
/
.sticky-wrapper.is-sticky #sp-header {
    background: rgba(255,255,255,.0);
}
/*
.row {
    margin-right: 0px;
    margin-left: 0px;
}
*/
/* virtuemart =================================================== */
span.cart-images img {
    float: left;
    margin: 5px 15px 5px 5px;
    width: 45px;
}
span.vm-search-descr {
    display: block;
    margin-bottom: 20px;
}
.vm-btn.vm-btn-primary {
    background-color: #67B6B4;
    color: #fff;
}
.vm-btn.vm-btn-primary:hover {
    background-color: #F5CF94;
    color: #fff;
}
div.vmgroup {
    box-align: center;
    font-size: 20px;
}
.moduletable_right_product .spacer .productdetails {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
}
.userfields_info {
    visibility: hidden;
}
.vm-product-descr-container-1 {
    min-height: auto;
    margin-bottom: 6px;
}
.control-buttons .reg_text {
    float: left;
    margin: 0 20px 20px 0;
    text-align: left;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    /* padding: 10px 10px 10px 10px; */
    margin-left: 20px;
    margin-top: 4px;
}
.vmpayment_description, .vmshipment_description {
    color: #BC9380;
    font-size: 12px;
    padding: 0 2px;
}
    
.width33 {
    width: 33%;
    text-align: center;
}


/* template =================================================== */
#sp-menu .sp-dropdown .sp-dropdown-inner ul.sp-dropdown-items li a {
    font-size: 14px;
    line-height: normal;
    padding: 10px 10px;
}
#sp-menu .sp-dropdown .sp-dropdown-inner {
    padding: 20px 10px 10px;
}
.general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default {
    /*background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;*/
    background: #67B6B4;
    border: 2px solid rgba(0,0,0,0);
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    height: auto;
    line-height: 19px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
}


.span.custom-variant-inputbox input.custom-attribute:hover, input.button,  span.quantity-box input.quantity-input:hover, input.vm-default:hover, span.quantity-box input.quantity-input:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.ask-a-question:hover, a.details:hover, div.details:hover, a.product-details:hover, button.default:hover 
{
    background: #F5CF94;
    border: 2px solid rgba(0,0,0,0);
    color: #ffffff;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    padding-top: 30px;
    padding-bottom: 30px;
}