/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.6
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: transport_newlight;
  src: url(fonts/transportnew-light-webfont.woff2)
      format("woff2"),
    url(fonts/transportnew-light-webfont.woff)
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: transport_newmedium;
  src: url(fonts/transportnew-medium-webfont.woff2)
      format("woff2"),
    url(fonts/transportnew-medium-webfont.woff)
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: transport_newheavy;
  src: url(fonts/transportnew-heavy-webfont.woff2)
      format("woff2"),
    url(fonts/transportnew-heavy-webfont.woff)
      format("woff");
  font-weight: 400;
  font-style: normal;
}

body.home,body.home #wrapper,body.home #main {
    background-color: #1f1a19;
}

body {
    font-family: transport_newlight,Arial,Helvetica,sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: transport_newheavy,Arial,Helvetica,sans-serif!important;
	    
}

body.home h2 {
    color: #fff;
    margin-bottom: 0;
}

li.html.custom.html_topbar_left {
    font-size: 20px;
    font-family: transport_newheavy;
    color: #000;
}
.header-main .header-button > .button.is-outline, .header-main .cart-icon strong:after, .header-main .cart-icon strong{
	color: #000;
}
.header-main .cart-icon:hover strong {
    color: #fff !important;
}

body.page-id-425 .header-main .nav > li > a,
body.page-id-425 .header-main .nav > li > a > i:not(.icon-angle-down) {
        color: #fff !important;
}

body.page-id-425 .header-main .cart-icon:hover strong {
    color: #000 !important;
}


body.page-id-2349  .header-main .nav > li > a,
body.page-id-2349  .header-main .nav > li > a > i:not(.icon-angle-down) {
        color: #fff !important;
}

body.page-id-2349  .header-main .cart-icon:hover strong {
    color: #000 !important;
}

.header-main .nav > li > a {
    font-size: 20px;
    font-family: transport_newheavy;
    color: #000;
}

a.read-less.js-flip.h4 {
    color: #fff;
}

.back .content h4 {
    color: #fff;
}

.hidden{
  display: none;
}

.card.flip.card-monasoft-custom-product.read-more-active {
    background: #000 !important;
    color: #fff;
}


.card-monasoft-custom-product {
    background: #f1f1f1;
    max-width: 480px;
    margin: 0 auto;
    font-family: transport_newlight,Arial,Helvetica,sans-serif !important;

    box-shadow: 0 4px 16px #11111a1a, 0 8px 32px #11111a0d;
}

.card-monasoft-custom-product .card-inner{
    padding: 40px 40px 40px;
    height: 100%;
    width: 100%;
    position: relative;
    border-top: 5px solid #ffffff;
    border-color: #1f1a19;
}

.card-monasoft-custom-product .card-inner .title{
  text-align: left;
      color: #1f1a19;
}

.card-monasoft-custom-product .card-inner .title .country{
  color: #1f1a19;
}

.card-monasoft-custom-product .short-desc {
    text-align: left;
}

.card-monasoft-custom-product .button-wrap{
    text-align:center;
}

.card-monasoft-custom-product .js-flip {
    margin-bottom:10px;
    display: block;
        text-align: center;
    color: #1f1a19;
    padding: 20px;
    display: block;
    font-size: 11px;
        text-transform: uppercase;
}

.card-monasoft-custom-product .add-to-cart-button{
    margin: 0 auto;
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 15px;
    background-color: #1f1a19;
    border: 1px solid #1F1A19;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s cubic-bezier(.68,-.55,.27,1.55),border-color .3s cubic-bezier(.68,-.55,.27,1.55),background-color .3s cubic-bezier(.68,-.55,.27,1.55);
}

.card-monasoft-custom-product button.add-to-cart-button:disabled {
    background-color: transparent;
    border-color: #8a8a8a;
    color: #8a8a8a;
    cursor: not-allowed;
}

.extra * {
    font-family: 'transport_newlight' !important;
}

.product-option-row label{
  font-family: transport_newheavy,Arial,Helvetica,sans-serif;
  text-align: left;
      color: #1f1a19;
      margin-bottom: 0;
}

.product-option-row .option-values.select {
    padding: 0px 0;
    border-bottom: 1px solid #1F1A19;
    margin-bottom: 10px;
    position: relative;
        width: 100%;
}

.product-option-row select,.product-option-row option {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    padding: 0;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -text-align: left;
    color: #1f1a19;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: transparent;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0;
    border-style: none;
    border-image: none;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset!important;
}

.product-option-row select {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
}

.product-option-row select option:nth-child(1){
      color: rgb(170, 170, 170);
}

.product-option-row .option-values.select .icon-darr-svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

p.form-row-first, p.form-row-last {
    width: 100%;
    float: left;
}

p#billing_first_name_field {
    display: none;
}

body.page-id-425,body.page-id-425 #wrapper,body.page-id-425 #main,
body.page-id-2349,body.page-id-2349 #wrapper,body.page-id-2349 #main {
  background-color: #1f1a19;
}

.newheavy {
   font-family: transport_newheavy,Arial,Helvetica,sans-serif;
}

.text-white{
  color: #fff;
}

.page-template-page-monasoft-transparent-header-light p {
    font-size: 21px;
}

body.home .about-link{
	display: none;
}

body:not(.home) .home-link{
	display: none;
}

strong.uppercase.home-link a {
    color: #000;
}

span.header-cart-title {
    font-family: 'transport_newheavy';
    font-size: 16px;
    color: #000;
}

body:not(.home) span.header-cart-title,
body:not(.home) .header-main .cart-icon strong,
body:not(.home) .header-main .cart-icon strong:after{
	    color: #fff !important;
	    border-color :#fff !important;
}

strong.uppercase.about-link a{
	color: #fff;
	font-size: 16px;
	font-family: 'transport_newheavy';
}

.bank_info.row {
    font-size: 12px;
}

section.woocommerce-bacs-bank-details {
    display: none;
}

.bank_info.is-well.row {
    margin: 20px;
}

.font-topbar {
	font-size: 21px !important;
}


@media (min-width: 1024px){
	body .header-wrapper:not(.stuck) .header-main {
	    height: 140px;
/* 	    margin-top: 40px; */
	}

	body #logo img {
	    max-height: inherit;
	}

	body #logo {
	    width: auto;
	}

	body .header-wrapper:not(.stuck) .header .flex-row {
	    height: 100%;
	    align-items: flex-start;
	}

	body .header-wrapper.stuck ,body .header-wrapper.stuck .header-bg-color{
		background:rgb(255 255 255 / 26%)
	}

}
a:hover, a.remove:hover, a.icon-circle:hover {
    color: #4f4f4f;
}
h1.country{
	margin-bottom: 5px;
}

.secondary, .checkout-button, .button.checkout, .button.alt {
    background-color: #000000;
}
.secondary:hover, .checkout-button:hover, .button.checkout:hover, .button.alt:hover {
    background-color: #555555;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.font-topbar {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 420px) {
.font-topbar {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 350px) {
.font-topbar {
	font-size: 12px !important;
}
	.add-to-cart-button .text, .add-to-cart-button .price-wrap{
		font-size: 12px;
	}
	.card-monasoft-custom-product .add-to-cart-button {
		padding: 7px;
	}
}