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

/*************** FONTS ***************/


body {
    font-family: 'avenir-regular', Helvetica, sans-serif !important;
    font-weight:normal !important;
}

.nav > li > a, .nav-dropdown>li>a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: 'avenir-medium', Helvetica, sans-serif !important;
    font-weight:normal !important;
    color: #343f4b;
}

h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'avenir-medium', Helvetica, sans-serif !important;
    font-weight:normal !important; 
    opacity:1;
}

.button, button, input[type='submit'], input[type='reset'], input[type='button'], .button.alt, th  {
    font-family: 'avenir-medium', Helvetica, sans-serif !important;
    font-weight:normal !important; 
}

b, strong, span.widget-title, .accordion-title.active, label, legend, th, span.amount, .badge-inner, .breadcrumbs {
    font-family: 'avenir-medium', Helvetica, sans-serif !important;
    font-weight:normal !important;
}

.uppercase, h6, th, span.widget-title {
    letter-spacing: 0px;

}

p.tag, .tag p {
    font-family: 'avenir-medium',Helvetica,sans-serif!important;
    font-weight: normal!important;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 80%;
    margin-bottom: 10px;
}

p.collapse {
  margin-bottom:8px;
}

.no-margin h1, .no-margin h2, .no-margin h3 {
  margin:0px !important;
}


/*************** QUOTE PAGE ***************/

.quote-form .yith-ywraq-before-table {
    text-align: center!important;
}

.quote-form .yith-ywraq-mail-form-wrapper .form-row {
	padding: 3px 10px!important;
	margin-bottom: 0em!important;
}

.quote-form p.form-row-first {
    margin-right: 0%!important;
}

.quote-form p.form-row.form-row-wide.raq-send-request-row {
    margin-top: 40px;
}

.quote-form input.button.raq-send-request.last {
	  background-color: #99b9b3;
	  padding: 8px 30px;
}



/*************** GENERAL ***************/

.normal-title {
    background-color: #171717;
    border-top: 0px;
    border-bottom: 0px;
}

#inventory, .filter-sticky, .product-card, .advanced-filter {
    background-color: transparent !important;
}

p:not(.stars) a:not(.button) {
    background-image: linear-gradient(transparent calc(100% - 1px), #FFF 1px);
	background-position: 100%;
    background-size: 100% 100%;
	background-repeat: no-repeat;
    position: relative;
    transition: all .2s;
	padding-bottom:1px;
}

p a:hover:not(.button) {
    background-size: 0 100%;
}


.dark .nav-box>li.active>a, .dark .nav-pills>li.active>a {
    background: #fff !important;
  color:#000 !important;
}

ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {
    color: #99b9b3;
}

p i.remix {
    display: block;
    padding: 0px 5px 0px;
    float: left;
}

.stroke span {
    background: linear-gradient(0deg,rgba(243,101,74,0) 0%,rgba(243,101,74,0) 16%,#f3654a 16%,#f3654a 41%,rgba(243,101,74,0) 41%);
    padding: 0 .2em 0 .2em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.dark .button.is-form:hover, .button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.05);
}

.nav li.has-icon-left>a>i, .nav li.has-icon-left>a>svg, .nav li.has-icon-left>a>img {
    fill: currentColor;
}

.col-round-shadow>*  {
	border-radius: 8px;
	box-shadow: 1px 1px 39px 0 rgba(32,27,61,.07);
}

.banner.banner-round, .banner-round .banner-bg.fill, .banner-round .banner-inner, .banner-round .fill {
    border-radius: 20px;
}

.col-round>* {
  border-radius: 8px;
}

.dark, .dark p, .dark td, .nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {
    color: #fff;
}

.link-border {
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

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

::selection {
    background: #000;
    color: #fff;
}

.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none;
}

.box-text {
    font-size: 100%;
}

.index-up, .index-up .col-inner {
    z-index: 9;
}


.box-light.dark p, .box-light.dark h1, .box-light.dark h2, .box-light.dark h3, .box-light.dark h4  {
  color: #000;
}

.col-move .col-inner:hover {
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.nav-pagination>li>span, .nav-pagination>li>a {
    line-height: 2.25em;
    border: 0px;
}

.accordion-inner {
    padding: 1em 10px;
}

/*************** HEADER ***************/

@media screen and (max-width: 849px) { 
	
.widget_ywraq_mini_list_quote .raq-info {
    font-size: 11px !important;
    padding: 5px 15px !important;
}
	
.header-top .widget {
    margin:0px !important;
	padding:0px !important;
}	
}

.widget_ywraq_mini_list_quote .yith-ywraq-list-content {
    margin-top: -20px;
}

.yith-ywraq-list-widget-wrapper a.raq_label {
    color: #fff;
}

.widget_ywraq_mini_list_quote .raq-info {
    display: block;
    margin: 2px;
    padding: 11px 19px;
    color: #99b9b3;
    font-size: 15px;
    border: none;
    cursor: pointer;
    background-color: #99b9b3;
    border-radius: 2px;
}

.header-main:hover {
    background: #1F1F1F !important;
   transition: 0.4s;
}



.header-main a.button.success.is-medium {
    padding: 5px 20px 4px 20px;
}

.nav-left.nav-spacing-xlarge>li {
    margin: 0 20px;
}

.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-main .social-icons i {
    color: #6e6e70;
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before, .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    height: 0.12em;
}


@media screen and (min-width: 850px) {
.header-inner .nav-left { 
    justify-content: center !important;
}
}



/*************** HOME ***************/


.section-bottom {
   align-items: flex-end;
}

/*************** PORTFOLIO ***************/

.portfolio-archive .box-text {
    min-height: 80px;
}

/*************** BLOG PAGE ***************/


.row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #292929 !important;
}

@media screen and (min-width: 850px) {
.blog .large-10, .archive .large-10 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
}

/*************** SHOP: ARCHIVE ***************/

.prdctfltr_filter label {
    color: #000;
}

/*************** SHOP: CUSTOM PRODUCT LAYOUT ***************/


.faq-toggle .toggle, .toggle:focus {
    color: #99b9b3;
}

.nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
    border-color: #333333 !important;
}

.has-border {
    border: 1px solid;
}

#reviews .large-7, #reviews .large-5 {
    max-width: 100% !important;
    flex-basis: 100%;
}


.related-products-wrapper .container-width {
    max-width: 100%;
}

.related-products-wrapper.product-section {
    border-top: 0px;
}


/*************** COOKIE ***************/

.flatsome-cookies__buttons>a {
    margin-right: 0px;
    margin-bottom: 0;
}

.flatsome-cookies__buttons {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 85%;
}

/*************** FOOTER ***************/

.absolute-footer {
    display: none !important;
    visibility: hidden !important;
}

.custom-footer .col-inner.text-left {
    font-size: 95%;
}

.custom-footer .col.widget {
    padding: 0px;
}

.custom-footer li.widget {
    margin-left: 0px;
}

.custom-footer .social-icons i {
    color: #615d55;
}

/*************** GRAVITY FORMS ***************/

.gform_wrapper .button, input[type='submit'] {
    background-color: $orange !important;
}

.gform_wrapper div.validation_error {
    color: $orange !important;
    font-size: 100% !important;
    margin-bottom: 5px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding: 0px !important;
	text-align: inherit !important;
}

.gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: 100% !important;
	text-transform: none !important; 
	border-radius: 5px !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
}

.gform_wrapper .validation_message, .gform_wrapper div.validation_error {
  font-weight:normal !important;
}

.gform_wrapper li.hidden_label input {
    margin: 0px !important;
}


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 6px!important;
    border-top: 0px !important;
    border-bottom: 0px !important ;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 5px !important;
}


.gform_wrapper .validation_message, .gform_wrapper .gfield_error .gfield_label {
color: $pink !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid $orange !important;
}

@media only screen and (min-width: 641px) {
body:not(rtl) .gform_wrapper.gform_validation_error form.gf_simple_horizontal div.gform_footer.top_label {
    vertical-align: top !important;
}
  
.gform_wrapper form.gf_simple_horizontal {
    width: 100% !important;
}
  
  .gform_wrapper form.gf_simple_horizontal div.gform_body {
    width: inherit !important;
    padding-right: 5px !important;
}
  
  .gform_wrapper form.gf_simple_horizontal .gform_footer {
    padding: 0px !important;
  }
}

@media only screen and (max-width: 761px), (max-device-width: 1023px) and (min-device-width: 768px) {
.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 10px !important;
}
}

.gform_wrapper .gform_footer {
    padding: 0px 0px 10px 0px !important;
    margin: 0px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {
    padding: 5px 10px !important;
}

.gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: 100% !important;
}

/*[gravityform id=3 title=false description=false ajax=true ] */

/*************** CUSTOMS ***************/

/*BUTTON LINE 100% */
.button.is-underline:before {
    left: 0px;
    width: 100%;
      opacity: 1;
}

.button.is-underline:hover:before {
    left: 20%;
    width: 60%;
}

/*************** MOBILE MENU STYLING - BY SEB  ***************/

.mobile-sidebar-levels-1 .nav-slide>li>ul.children, .mobile-sidebar-levels-1 .nav-slide>li>.sub-menu {
    padding-left: 30px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Background Color */
    background-color: #fff !important;
}

.off-canvas .nav-vertical>li>a { /* Main Menu Links Styling */
    font-size: 20px;
    color: #555;
    line-height: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0px !important;
}

.nav-vertical>li>ul li a { /* Sub Menu Links Styling */
  color: #000;
}

.nav-vertical>li>ul li a:hover { /* Sub Menu Links: Hover Styling */
  color: #000;
}

.nav-vertical li li.menu-item-has-children>a { /* Sub Menu Links with Children: Styling */
    color: #777;
    text-transform: none;
    font-size: 90%;
}

.toggle, .toggle:focus { /* Dropdown arrow styling */
    color: $green;
    opacity: 1;
}

@media screen and (max-width: 549px) { /* Close X styling for Phone */
.mfp-ready .mfp-close { 
	color:$green;
    opacity: 1;
    mix-blend-mode: inherit;
}
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Transition Speed */
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { /* Remove Background Hover */
    background-color: transparent;
}

.nav-sidebar.nav-vertical>li+li { /* Border Styling */
    border-top: 0px solid #ececec;
}

.nav-sidebar .button { /* Button Full Width */
    width:100%;
}

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 { /* Button Small Margin */
	margin:4px !important;
}

@media screen and (max-width: 549px) { /* Width & Padding Menu - Phone Only */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 70px 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
	}
}

@media screen and (min-width: 550px) { /* Width & Padding Menu - Tablet Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 400px;
	}
}

@media screen and (min-width: 1800px) { /* Width & Padding Menu - Big Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 60px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 500px;
	}
}

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li>a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li>a { /* Important Padding - Dont remove */
    padding-left: 0px;
}

.nav-vertical li li.menu-item-has-children { /* Important Padding - Dont remove */
	margin:0px;
}

.off-canvas:not(.off-canvas-center) li.html { /* Padding & Margin - Dont remove */
    padding: 0px;
    margin: 20px 0px;
}