/*
Theme Name: FIShop
Description: This is a child theme for Flatsome Theme customised for FIS E-Commerce Shop by OOPIX LLP.
Author: UX Themes
Template: flatsome
Version: 1.0.1
Text Domain: fishop
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* menu button - PAY FEES */

.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: rgb(255, 255, 255);
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a:hover {
    color: white !important;
}
.nav .nav-dropdown {
    background-color: #1f3f8b !important;
    border-color: #1f3f8b !important;
}
.nav>li.has-icon>a>i {
    color: #1f3f8b;
}
li.current-menu-item > a {
    background: #64191b;
}
li#menu-item-3023 {
    background-color: #64191b !important;
}
.nav-sidebar.nav-vertical>li.menu-item.active {
    background-color: unset !important;
}
.header-bottom-nav.nav-line-bottom > li > a:before, .header-bottom-nav.nav-line-grow > li > a:before, .header-bottom-nav.nav-line > li > a:before, .header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li.active > a{
	background-color: unset !important;
}
li#menu-item-3322 {
    background-color: #520a02 !important;
}
a.next.page-number {
    background-color: #1f3f8b;
}
a.prev.page-number {
    background-color: #1f3f8b;
}
.menu-item-special a,
.menu-item-special.active a,
.menu-item-special a:hover
{
    background-color: #64191B !important;
    color: #ffffff !important;
    line-height: 40px !important;
    padding: 0 30px !important;
}

/* woocommerce display message at shopping cart */
.woocommerce-messages {
    margin: 0 auto;
    max-width: 924px;
}
/* woocommerce display message at payment page */
.woocommerce-thankyou-order-failed {
    padding: 20px;
    color: white;
    background-color: #64191B;
}


.fees-payment-form p {
    display: inline-block;
}
.fees-payment-form .price-wrapper .price {
    display: inline-block;
    line-height: 2.4em;
    vertical-align: top;
    margin-right: 1em;
}
.fees-payment-form .single_add_to_cart_button {
    margin-right: 0;
}
.fees-payment-form .open_price input {
    width: 120px;
    margin-right: 1em;
    text-align: center;
}
.application-fee-wrapper label[for="wcj_open_price"] {
    display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	/* mobile menu button - PAY FEES */
    .menu-item-special a,
    .menu-item-special.active a,
    .menu-item-special a:hover
    {
        background-color: #64191B !important;
        color: #ffffff !important;
        line-height: 30px !important;
        padding: 10px 20px !important;
    }
    .xs-full-width {
        width: 100%;
    }
    .fees-payment-form p {
        display: block;
    }
    .fees-payment-form .price-wrapper .price {
        display: block;
        float: left;
    }
    .fees-payment-form .open_price {
        float: left;
    }
    .fees-payment-form .open_price input.xs-full-width {
        width: 100%;
    }

}
section#section_160258488 {
    display: none;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	#footer .site-details .site-map.site-map-lg {
    width: 414px !important;
     margin-right: 0px !important;
    margin-left: 20px !important;
}

#footer .site-details {
    width: unset !important;
}
	
	.fa-ul
{
	margin-left:20px;
}

}
@media only screen and (max-width: 668px) and (min-width: 320px) {
.fa-ul
{
	margin-left:0;
}
}
@media only screen and (max-width: 2668px) and (min-width: 768px) {
#footer .site-details .contact-us {
    padding-left: 15px;
}
}