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

/*************** ADD CUSTOM CSS HERE.   ***************/


/*Fonts*/
@font-face {
  font-family: 'Inter';
  src: url('fonts/InterVariable.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('fonts/DancingScript-Regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2';
  src: url('fonts/Exo2-Regular.woff2') format('woff2');
  font-display: swap;
}

/**** Woocommerce item ****/

.product-info .breadcrumbs {
    display: none;
}

.woocommerce-result-count {
    display: none;
}

.woocommerce-ordering, .woocommerce-ordering select {
    display: none;
}

.loading-spin{
    display:none!important;
}

.single-product .product-info .price  {
    color: #1a5733;
    font-size: 30px;
    line-height: 48px;
    line-height: 3rem;
    line-height: 37px;
    font-weight: normal;
    font-weight: 500;
}

span.amount {
    white-space: nowrap;
    color: #111;
    font-weight: 500;
}

.sku_wrapper {
display: none;
}

.product_after_shop_loop_price {
    padding-top: 3px;
    height: 40px;
}

.product_after_shop_loop .price, .product_after_shop_loop .price ins {
    font-weight: 600;
}

/* Contact Form 7 Styles
---------------------------------*/
#mail-field{
 width: 50%;
 margin-bottom: -30px;
 border-style: solid;
 border-width: 1px;
 border-color: #1a56339c;
 background-color: #fff;
 }
#ask-q{
 width: 100%;
 height:120px;
 margin-bottom: -30px;
 border-style: solid;
 border-width: 1px;
 border-color: #1a56339c;
 background-color: #fff;
 }



@media screen and (min-width: 850px){
.large-3 {
    max-width: 23%;
    flex-basis: 23%;
}}

.header-top {
		background-color: #1b5734;
}

.row.row-large {
    padding-top: 12px;
}

.sku_wrapper {
    display: none!important;
}

.product-main {
    padding: 20px 0;
}

.product-info {
    padding-top: 0px;
}

/**** Footer ****/

.pull-left {
    float: left;
    padding-top: 3.1%;
}

.absolute-footer, html {
    background-color: #17502e;
}

@media (max-width: 549px){
#logo img {
    max-height: 61px;
}}



/**** New Font ****/

@font-face {
    font-family: 'MyriadPro';
    src: url('MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('MyriadPro-Regular.woff2') format('woff2'),
        url('MyriadPro-Regular.woff') format('woff'),
        url(/vitamag.bg/dev/wp-content/themes/flatsome-child/fonts/MyriadPro-Regular.ttf) format('truetype'),
        url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: MyriadPro;  
	src: url(/vitamag.bg/dev/wp-content/themes/flatsome-child/fonts/MyriadPro-Regular.ttf);  
	font-weight: normal;  
}

/*******************************/

.ti-widget[data-layout-id='14'][data-set-id='ligth-border'] .ti-review-item>.ti-inner {
    border-color: #82c354!important;
}

.ti-widget[data-layout-id='14'][data-set-id='ligth-border'] .ti-controls .ti-next:before {
    content: "";
    background: #82c354;
    width: 17px;
    height: 3px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    position: absolute;
}

.ti-widget[data-layout-id='14'][data-set-id='ligth-border'] .ti-controls .ti-next:after {
    content: "";
    background: #82c354;
    width: 17px;
    height: 3px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px;
    position: absolute;
}

.menu-item-description {
display:none;
}

@media (max-width: 549px) {
.woocommerce-message {
    border-radius: 10px;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 1%;
    border: 2px solid #82c354;
    max-width: 100%!important;
    text-align: center;
    margin-left: 0%!important;
    margin-top: -4%;
}}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.ti-widget[data-layout-id='14'][data-set-id='ligth-border'] .ti-widget-header .ti-header-content.ti-active {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}