@charset "UTF-8";
/*
Theme Name: Fitar Theme
Theme URI: https://fitar.art/
Author: Fitar
Author URI: https://fitar.art/
Description: Personalized theme for Fitar Art website
Version: 1.0
*/

/*BASIC*/
html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4; 
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul{ padding: 0;     list-style-type: none; margin: 0;}
a, a:hover, a:link, a:visited, a:focus, a:active { text-decoration: none; color: inherit; text-decoration:none; color:inherit;outline: none;}

*:focus {
    outline: none;
}

/*FONTS*/
@font-face {
  font-family: 'RalewayFont';
  src: url('assets/fonts/Raleway-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
  font-family: 'RalewayFontItalic';
  src: url('assets/fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype'); 
  }
  

body, html{	margin: 0;  color: #343a40;    font-size: 14px; font-family: 'RalewayFont'; } 
body:not(.home) {	min-height: 100vh;} 
.ftar_clearfix{ max-width: 85%; margin:auto; position:relative; clear:both; }
img{ display: block; border: none; width: 100%; height: auto; }


.wp-block-button__link {
    color: #fff;
    background-color: #000!important;  
}
.wp-block-button__link:hover{ color: #9a9f69!important; }




/*SLICK*/
    
/*****************************************
SLIDER BASICS
*******************************************/
.slick-slider{
    position: relative;    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0; height:100%;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;height:100%;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{   
    cursor: pointer; 
    display: none;   
    float: left;    
    height: 100%;    
    min-height: 1px; 
    background-position:center; 
    background-repeat:no-repeat; 
    background-size:contain;
}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: none;}

.slick-dots{
    position: absolute;
    left: 30px;
    top: 50%;
    padding: 0;
    list-style-type: none;
    z-index: 0;
    margin: 0;
}
.slick-dots li{
    display: block;
    vertical-align: middle;
    margin: 0 0 10px 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: solid 2px #fff;
    background: none;
    padding: 0;
    width: 8px;
    cursor: pointer;
    height: 8px;
    position: relative;
}
.slick-dots li button{
    background: none;
    border: none;
    font-size: 0px;
    line-height: 0;
    display: block;
    left: -2px;
    top: -2px;
    position: relative;
}
.slick-dots .slick-active{    background: #fff}
.slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:hover{  outline:0;}

.nw_arrows{
    display: inline;
    position: absolute;
    top: 50%;
    font-size: 50px;
    color: #fff;
    margin: 0 10px;
    font-size: 30px;
    color: #fff!important;
	/*-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);*/
   
}
.nw_arrows .fa{
    font-size: 30px;
    color: #fff;   
}
.flex-next, .flex-next2 {     right: 20px;    margin-top: 0px;}
.flex-prev, .flex-prev2 {     left: 20px; /*right: 20px;  */   /*margin-top: -50px;*/}

/*LIGHTBOX*/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(assets/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(assets/images/prev.png) left 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(assets/images/next.png) right 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(assets/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}


.hover, #ftar_header #menu_items li,.portf_over, #portfolio_container .main_title, .ftar_button{
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/*BG*/
#ftar_bg{
    position: fixed;
    top: -18%;
    left: -20%;
    width: 180%;
    z-index: -1;
    filter: brightness(0) saturate(100%) invert(86%) sepia(28%) saturate(745%) hue-rotate(338deg) brightness(103%) contrast(103%);
    max-width: none;
}
 
#ftar_bg.blue{  filter: brightness(0) saturate(100%) invert(70%) sepia(7%) saturate(585%) hue-rotate(133deg) brightness(95%) contrast(97%);}
#ftar_bg.green{ filter: brightness(0) saturate(100%) invert(82%) sepia(11%) saturate(507%) hue-rotate(37deg) brightness(90%) contrast(87%)}
#ftar_bg.yellow{  filter: brightness(0) saturate(100%) invert(86%) sepia(28%) saturate(745%) hue-rotate(338deg) brightness(103%) contrast(103%);}
#ftar_bg.red{  filter: brightness(0) saturate(100%) invert(94%) sepia(31%) saturate(582%) hue-rotate(294deg) brightness(100%) contrast(80%);}
#ftar_bg.orange{  filter: brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(5082%) hue-rotate(317deg) brightness(123%) contrast(84%);}
#ftar_bg.gray{  filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(6889%) hue-rotate(174deg) brightness(113%) contrast(82%);}

/*SLIDER EXTS*/
.home-slider-text-overlay{
    position: fixed;
    top: 230px;
    padding: 30px;
    width: 208px;
    background: #000000e0;
    color: #b3b3b3;
    left: 70px;
    height: calc(100% - 230px);
    z-index: -1;
}
.home-slider-text-overlay h1{
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    text-align: center;
}
.home-slider-text-overlay p{
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
}

/*HEADER*/
#ftar_max_container{ 
}

#ftar_header{
    position: relative;
    z-index: 1;
} 

/*MENU*/
#ftar_header #main_menu{
    position: relative;
    z-index: 1;
} 
#ftar_header #menu_icon{
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 30px;
    position: fixed;
    left: 20px;
    top: 0;
    cursor: pointer; 
}
#ftar_header #menu_icon:hover{color: #666;}
#ftar_header #menu_icon .fa-bars{}  
#ftar_header #menu_items{
    position: fixed;
    left: 70px;
    background: #000;
    padding: 30px;
    color: #c5c3c3;
    font-size: 45px;
    line-height: 34px;
    top: 0;
    font-weight: 100;
    letter-spacing: -2px;  
}
#ftar_header #menu_items li{}
#ftar_header #menu_items li:hover{    font-weight: 200; color: #fff;} 
#ftar_header #menu_items li.active{    font-weight: 200; color:#d2c579;}  
#ftar_header #menu_items .menu_title{
    color: #666;
    font-family: 'RalewayFontItalic';
    font-style: italic;
    font-size: 36px;
    font-weight: 200;
}
#ftar_header #menu_items .menu_title:hover{font-weight: 200; color: #666;}
#footer_logo_mobile{ display: none;}
  

/*BANNER*/
#main_banner{ 
    overflow: auto;
    padding: 20px 50px; 
}
#main_banner.active{ 
    padding: 100px 50px;
}

/*HEADER TITLES*/
.main_title{
    position: relative;
    float: right;
    margin-right: 15%;
    font-size: 35px;
    line-height: 35px;
}
.main_title .main_title_cont{ 
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
} 

.main_title span{
    position: relative;
    display: block;
    margin: 0;
    color: #fff;
}

.main_title #cart_link_containter,
.main_title #account_link_containter{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    padding: 20px 10px 20px 20px;
    border-left: solid 1px #ffffff2e;
    margin-left: 10px;
    text-align: center;
    line-height: 17px;
} 

.main_title #cart_link_containter .fa-solid,
.main_title #account_link_containter .fa-solid{   
     font-size: 20px;    margin-bottom: 10px;
}

.main_title #cart_link_containter:hover,
.main_title #account_link_containter:hover{
    color:#82855f;
}




.spanish{
    font-family: 'RalewayFontItalic';
    font-weight: 200;
}
.main_title .spanish{
    position: relative;
    display: block;
    margin: 0 0 0 45px; 
} 

 
 

/*FOOTER*/ 
#ftar_footer{
    position: fixed;
    bottom: 30px;
    right: 0;
    text-align: center;
}
#ftar_footer #footer_logo{
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 250px;
    position: relative;
    bottom: 120px;
}
#ftar_footer #footer_logo img {}
#ftar_footer #footer_logo img.shadow{filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));}
#ftar_footer #footer_menu{ position:relative; background: #fff;}
#ftar_footer #footer_menu li{
    display: inline-block;
    font-size: 20px;
    padding: 10px;
    color: #000;
}
#ftar_footer #footer_menu li:hover{color: #9a9f69;}
#ftar_footer #footer_menu .fa-brands{} 


/*footer legales*/
#legals{
    padding: 20px 20px 40px;
    margin: auto;
    width: 60%;
    text-align: center;
    border-top: solid 1px #ccc;
    margin-top: 30px;
    display: none;
}
#legals a{    margin: 0 50px;}

.woocommerce-page #legals,
.page-id-1401 #legals, 
.page-id-13 #legals
{  display: block;}

.woocommerce-shop #legals, 
.single-product #legals{ 
    margin-top: 0;
    color: #fff;
    border-top: none;
    padding-top: 0;
}


/*PAGES*/
#ftar_main_content{} 
.ftar_content{
    width: auto;
    margin: 0 15%;
    position: relative;
}
.ftar_content h2{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto 20px;
}

 /*HOME*/
#intro_slider{ 
    background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
}

#intro_slider .ftar_slide{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*ABOUT*/
.page-template-page-about #main_banner { 
    padding: 50px 50px;
    background-size: cover;
    background-position: top;
}

.page-template-page-about .ftar_content {
    width: 800px; 
    margin: 100px auto;
} 
   
.page-template-page-about #ftar_bg, .page-template-page-home #ftar_bg{ display:none!important; }
.page-template-page-about { background: #fff!important; }

.page-template-page-about #ftar_footer #footer_logo img,
.page-template-default:not(.woocommerce-shop) #ftar_footer #footer_logo img {
    filter: brightness(0) saturate(0) invert(0) sepia(0) saturate(0) hue-rotate(0) brightness(0) contrast(100%);
}
.page-template-page-about #ftar_main_content .main_title span, 
.page-template-default:not(.woocommerce-shop) .main_title span{color: #373737;}

.woocommerce-cart #ftar_bg, 
.woocommerce-checkout #ftar_bg, 
.page-template-default:not(.woocommerce-shop) #ftar_bg
{ opacity: 0.2;}

/*CONTACT*/
#ftar_contact {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #201f1fb5;
    z-index: 1;
    display: none;
}
#ftar_contact .contact_form{
    background: #000;
    color: #fff; 
    padding: 30px;
    width: 400px;
    margin: 100px auto;
    position: relative;
}
#ftar_contact .fa-x{
    position: absolute;
    padding: 10px;
    font-size: 25px;
    background: #9a9f69;
    top: -20px;
    right: -10px;
    cursor: pointer;
}
#ftar_contact .main_title{
    margin: 0;
}
#ftar_contact .main_title .spanish{    font-weight: 100;}
#ftar_contact .contact_form p{clear: both;}
#ftar_contact .form_row{     padding: 10px; clear: both;}
#ftar_contact .form_row .form_label{     margin-bottom: 5px;}
#ftar_contact .form_row .form_field{}
#ftar_contact .form_row .form_field:last-child{ text-align: center;}
#ftar_contact .form_row input, #ftar_contact .form_row textarea{
    padding: 10px;
    border: none;
    width: 90%;
}
#ftar_contact .form_row textarea{
    height: 100px;
}
#ftar_contact .form_submit{
    width: 130px;
    margin: auto;
    background: #9a9f69;
    cursor: pointer;
    border: none;
    padding: 10px;
    font-weight: bold;
}
#ftar_contact .form_submit:hover{
    background: #44462d;
    color: #fff;
}
#contact_result{ 
    color: #9a9f69;
    padding: 0;
    margin: 0;
    text-align: center;
} 


/*PORTFOLIO CATEGORIES*/
#portfolio_container{
    position: relative;
    width: auto;
    height: calc(100vh - 300px);
    font-size: 0;
    white-space: normal;
    text-align: center;
}
.portfolio_cat{
display: inline-block;
    width: 33%;
    height: 50%;
    margin: 2px;
    text-align: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-color: #777776;
    background-blend-mode: overlay;
}
.portfolio_cat a{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.portf_over{
    background: #000000e3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 200%;
}
#portfolio_container .main_title{
    float: none;
    width: auto;
    color: #fff;
    text-align: center;
    top: -100%;
    position: relative;
    margin: 0;
    padding: 26% 0 0 0;
}
 
.portfolio_cat:hover .portf_over, .portfolio_cat:hover .main_title{ top: 0%!important; } 
#portfolio_container .main_title .spanish{
    font-size: 30px;
    margin: 0 auto;
}


/*PORTFOLIO GRID*/
.archive #ftar_footer #footer_logo img {
        filter: brightness(0) saturate(0) invert(0) sepia(0) saturate(0) hue-rotate(0) brightness(0) contrast(100%);
}
.archive .ftar_content {
    padding: 0;
    width: 100%;
    margin: 0;
}
#portfolio_grid{ }
#portfolio_grid .portfolio_item, .grid-sizer { 
    width: calc(25%);  
    margin: 0px;
    border: none;
    font-size: 0;
    white-space: nowrap;
    line-height: 0;
    float: left;
    padding: 0px;
}
.portfolio_item img{ 
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
    border: none; 
    display: block;
    border-style: none;
    overflow-clip-margin: content-box;
    overflow: clip;
}  
.portfolio_item img.loaded {
    opacity: 1;
}
.tax-portfolio-cat body {
    color: #fff;
}
#portfolio_bg { 
    background: #080808; 
    display: block;  
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
  
.page-template-page-about #portfolio_bg,
.page-template-default:not(.woocommerce-shop) #portfolio_bg,
.woocommerce-cart  #portfolio_bg,
.woocommerce-checkout #portfolio_bg
{ display: none!important;   }

.tax-portfolio-cat #portfolio_bg { 
    display: block;  
}
.tax-portfolio-cat #ftar_max_container {
    color: #fff;
}  
.tax-portfolio-cat #ftar_bg, .post-type-archive-portfolio #ftar_bg{    
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(271deg) brightness(102%) contrast(83%) !important;
}
.tax-portfolio-cat #ftar_contact {background:#0b0b0bdb;}
  

/*FILTERS*/
#breadcums{
    font-size: 20px;
    font-family: 'RalewayFontItalic';
    font-weight: 400;
    overflow: auto;
}
#breadcums span{ 
    display: inline-block;
    vertical-align: middle; 
    margin-left: 7%;
    font-size: 15px;
    }
#breadcums .ftar_button{ float: right; }
#breadcums .ftar_button i{ margin-right: 10px; }

#filters{
    padding: 10px; 
    margin: 5px 0;
}
#filters select{
    font-family: 'RalewayFont';
    padding: 7px 10px;
    margin: 0 10px;
    border: solid 1px #ccc;
    cursor: pointer;
}

#filters input[type="submit"]{
    padding: 9px 15px;
    border: none;
    background: #787878;
    font-weight: 400;
    font-family: 'RalewayFont';
    color: #fff;
    cursor: pointer;
}
.filt_row{     display: inline-block; }


.ftar_button{
    background: #000;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff !important;
    font-family: 'RalewayFont';
    border: solid 2px #222020;
}
.ftar_button:hover{
    background: #8b8d79;
}

 
 /*SHOP*/ 
.woocommerce-shop  .ftar_content {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: .5em 0;
    margin: 0 auto 10px;
    font-size: 1.1em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto';
    border-top: solid 1px #ffffff36;
    border-bottom: solid 1px #ffffff36;
    width: 90%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 15px 30px;
    padding: 5px;
    position: relative; 
    margin-left: 0;
    border: solid 1px #353535;
    text-align: center;
    width: Calc(25% - 30px)!important;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { border-color: #82855f;}
.woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a {
    border: solid 1px #353535;
    background: #0c0c0c;
}
.woocommerce ul.products li.product .price, .single-product .price {
    color: #82855f;
    font-family: 'Roboto';
    font-size: 1.1em;
    font-weight: 400;
} 
.woocommerce ul.products li.product .button { 
    display: none;
}

.ftar_content .woocommerce {    text-align: right;}
.woocommerce .products ul, .woocommerce ul.products {    margin: 15px 0 1em;     text-align: center;}
.woocommerce-shop ul.products {    margin: 35px 0 1em;  }
.woocommerce .woocommerce-ordering select, 
.single-product .woocommerce div.product div.summary select,
.ftar-filter-category select{
    vertical-align: middle;
    padding: 7px 10px;
    color: #aeaeae;
    font-family: 'RalewayFont';
    border: solid 1px #ffffff4a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: transparent; 
    appearance: auto; /* Ensures native arrows stay */
    -webkit-appearance: auto; /* Safari/Chrome */
    -moz-appearance: auto;    /* Firefox */
}
.ftar-filter-category select{  margin: 0 5px; font-size: 15px; }
 
.woocommerce-shop .ftar_content .woocommerce {     margin-top: 35px;}

.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering,
.ftar-filter-category{ 
    vertical-align: middle;
    display: inline-block;
    float: none;
    margin: 0 5px;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    float: none;
    color: #777777;
    padding: 0 10px;
    font-family: 'RalewayFont';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}
.woocommerce #ftar_bg{    
    filter: brightness(0) saturate(100%) invert(0%) sepia(28%) saturate(0%) hue-rotate(212deg) brightness(94%) contrast(102%) !important;
}
.woocommerce-shop ul.products {
    margin: 15px 0 1em;
} 


/*SHOP SINGLE*/
.single-product .ftar_content h1, .related h2{
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: solid 2px #ffffff75;
}

.related{    float: none;    clear: both;    padding-top: 15px;}
.related h2{ 
    font-size: 1.2em;
    text-align: center;
} 

.single-product .woocommerce div.product div.summary { 
    text-align: left;
    color: #fff;
} 
.woocommerce div.product form.cart .variations { 
    width: auto;
}
.single-product .woocommerce div.product form.cart .variations td, 
.single-product .woocommerce div.product form.cart .variations th { 
    padding: 5px 10px;
}
.single-product .single_variation_wrap a[href="javascript:"]{
    color: #d8d8d8 !important;
    background: #2d2d2d;
    padding: 5px 15px;
    margin: 0 0 10px;
    display: inline-block;
    width: auto;
    font-weight: 400;
}

.woocommerce div.product form.cart .button, .wp-element-button { 
    color: #ffffff !important;
    background: #696562;
    padding: 15px 20px;
    margin: 0 0 10px;
    display: inline-block;
    width: auto;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'RalewayFont';
}
.woocommerce div.product form.cart .button:hover, .wp-element-button:hover{    background: #797b46!important;}

.single-product .price {
    color: #b9b89d;
    margin: 0 0 10px;
} 
.single-product .variations_form .woocommerce-Price-amount{
    font-size: 1.5em;
    margin: 10px 0;
    display: inline-block;
    padding: 7px 20px;
    background: #ffffff;
    color: #958e09;
    font-weight: bold;
}
.single-product .woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    border: none;
    padding: 8px 5px 10px;
    min-height: 26px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'RalewayFont';
    font-size: 20px;
    line-height: 20px;
}
.single-product  .woocommerce div.product form.cart {
    margin-bottom: 0;
}

.single-product  .product_meta, 
.single-product .woocommerce-tabs p, .single-product .woocommerce-tabs h2{
    padding: 10px;
    font-family: 'Roboto';
    color: #999999;
    margin: 0;
    font-size: 14px;
}
.single-product .woocommerce-tabs h2{ color: #999999;}

.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #ffffff29!important;
    background-color: #0c0c0c;
    color: #fafafa; 
}

.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #5d5d5d;
    color: #ffffff; 
    border-bottom-color: #ffffff29!important;
}
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::before { 
    border-bottom: 1px solid #ffffff29!important; 
}

.single-product  .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.single-product  .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after
{    box-shadow: none !important;}

.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after
{   
    box-shadow: none !important;
    border: none !important;
}

.single-product .woocommerce-notices-wrapper{
    width: 75%;
    text-align: left;
    margin: auto;
}

.single-product #wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel .wcgs-slider-image { 
    padding: 0;
    border: none;
    background: #8a8c83;
}
.single-product  #wpgs-gallery .wcgs-thumb.spswiper-slide img,
.single-product  .wcgs-photo{ 
    background-color: #8a8c83;
}
 
.pf-size-guide-modal { 
    padding: 10px 20px;
}


/*CART*/

.woocommerce-cart .ftar_content, 
.woocommerce-checkout .ftar_content, 
.page-template-default:not(.woocommerce-shop) .ftar_content{
    width: 55%;
    margin: 0 auto;
    position: relative;
    font-size: 15px;
}
.page-template-default:not(.woocommerce-shop) .ftar_content{    text-align: left;}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th, 
table.wc-block-cart-items .wc-block-cart-items__header th { 
    font-size: 15px;
}
.woocommerce-cart .main_title span,
.woocommerce-checkout  .main_title span{ 
    color: #000000;
}

.woocommerce-cart .wp-block-button__link {
    color: #fff !important;
    background-color: #000000 !important;
    font-size: 15px;
}

.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-link  {
    font-size: 15px;
}


/*CHECKOUT*/
.woocommerce-checkout input,
.woocommerce-account input,
.woocommerce-account select,
.woocommerce-checkout select{
    border: 1px solid #c5c5c5cc!important;
}


/*My ACCOUNT*/
.woocommerce-account .woocommerce-MyAccount-content , .woocommerce-account .woocommerce-MyAccount-navigation{
    text-align: left!important;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1500px) {  
} 
 

@media screen and (max-width:1024px) {   

    #ftar_header #menu_items { 
        font-size: 35px;
        line-height: 26px; 
        display: none;
    }
    .home #ftar_header #menu_items, .page-template-page-about #ftar_header #menu_items { display: block; }
    .main_title {
        margin-right: 30px;
    }
    #ftar_header #menu_items .menu_title { 
        font-size: 30px; 
    }
    .theme-fitar_theme:not(.home) #ftar_footer{
        position: relative;
        bottom: 0;
        right: auto; 
        background: #fff;
        padding-top: 20px;
        border-top: solid 1px #ebebeb;
        margin: 15px 0;
    }
    .theme-fitar_theme:not(.home) #ftar_footer #footer_logo {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);  
        bottom: 0;
        margin: 15px auto 0;
    }
    #ftar_footer #footer_menu li { 
        padding: 10px 20px; 
    }
    #ftar_main_content .ftar_content {
        width: 80%;
        margin: 0px auto;
        position: relative; 
    }
    .page-template-page-about #ftar_main_content .ftar_content { 
        margin: 50px auto; 
    }
    .page-template-page-about #main_banner {
        padding: 35px 50px; 
    }
    #portfolio_container { 
        width: auto;
        height: auto; 
    }
    #portfolio_grid {
        margin: 20px 0 0;
    } 
    .portfolio_cat {
       width: 49%;
        height: auto; 
    }
    #portfolio_container .main_title {
        padding: 130px 0;
        top: 0;
    }
 
    #portfolio_container .main_title .spanish {
        font-size: 23px;
    }
    #portfolio_container .main_title span {
        font-size: 25px;
        line-height: 25px;
    }
    .portf_over {
        background: #000000d9;
        top: 0;
    } 
    #breadcums {
        font-size: 18px; 
        text-align: center; 
    }
    #breadcums span{ 
        display: inline-block;
        vertical-align: middle; 
    }
    #breadcums .ftar_button { 
        display: inline-block;
        vertical-align: middle; 
        font-size: 12px;
    } 
    #filters {
        margin: 0;
        text-align: center;
        float: none;
        margin: 5px auto;
    }
    #filters select { 
        width: 100px;
    }

    #ftar_bg { 
        top: -3%;
        left: -18%;
        width: 180%; 
    }


    .theme-fitar_theme:not(.home) #ftar_footer {  
        padding: 20px 0 !important;
        margin: 0;
    }
    

    #ftar_footer #footer_logo {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);  
        bottom: 0;
        margin: 20px auto 10px;
        width: 200px;
    } 

    .theme-fitar_theme:not(.home) #ftar_footer #footer_logo img, 
    .theme-fitar_theme:not(.tax-portfolio-cat):not(.woocommerce-shop):not(.single) #footer_logo_mobile img {
        filter: brightness(0) saturate(0) invert(0) sepia(0) saturate(0) hue-rotate(0) brightness(0) contrast(100%);
    }

    .woocommerce-shop #ftar_header #menu_items, 
    .woocommerce-shop #ftar_header #menu_icon, 
    .single-product #ftar_header #menu_items,
    .single-product #ftar_header #menu_icon,
    .archive #ftar_header #menu_items, 
    .archive #ftar_header #menu_icon { 
        background: #ffffff!important; 
        color: #000000!important;
    } 
    #ftar_header #menu_items li:hover { color: inherit!important; }

    .woocommerce-shop ul.products {    margin: 15px 0 1em;  }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
        width: Calc(33% - 30px) !important;
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
    }
    .woocommerce ul.products:not(.related) li.first, .woocommerce-page ul.products:not(.related) li.first {
        clear: none!important;
    }

    .theme-fitar_theme:not(.home):not(.page-template-page-about) #footer_logo_mobile { 
        display: block;
        width: 270px;
        margin: 20px 0 0 7%;
        padding-left: 40px;
        float: left;
    }

    .archive #ftar_main_content .ftar_content{
        width: 100%;
        margin: 0px auto;
        position: relative;
    }


    .page-template-page-about #main_banner{ 
        padding: 50px 0 !important;
        margin: 20px 0 30px;
        background-position: 0 10%;
    }
    .page-template-page-about #main_banner .main_title .main_title_cont { opacity: 0;}
      


} 


/* Apply your mobile styles AND iPads */
@media screen and (max-width: 800px),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 

    #breadcums .ftar_button {
        float: none;
        display: block;
        width: 320px;
        margin: 10px auto;
    } 
    .home-slider-text-overlay{display: none;}

    .woocommerce-shop #ftar_main_content .ftar_content,
    .single-product #ftar_main_content .ftar_content
    {
        width: auto; 
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {  
        padding: 0;  
        border: none; 
        overflow: hidden;
    }

    .woocommerce ul.products li.product a img {
        width: 130%;
        height: auto;
        display: block;
        margin: 0 0 1em -17%;
        box-shadow: none;
        max-width: none !important;
    } 
    .single-product .ftar_content h1, .related h2 { 
        padding: 20px 30px;
        line-height: 28px;
        font-size: 25px;
    }
    .single-product .ftar_content h1{ border: none; }
    .single-product .woocommerce div.product div.summary { 
        margin: auto;
        max-width: 85%;
    }
    .single-product .woocommerce-tabs p{ font-size: 15px; }
    .single-product #wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel .wcgs-slider-image {
        padding: 0;
        border: none; 
    } 

}


@media screen and (max-width: 600px),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 

    .main_title {
        margin-right: 0;
        float: none;
    }
    .main_title .spanish { 
        display: none;
    }
    
    .theme-fitar_theme:not(.home) #footer_logo_mobile { 
        display: block;
        width: 70%!important;
        margin: 30px auto 0!important;
        padding-left: 40px!important;
        float: none!important;
        max-width: 250px;
    }

    .theme-fitar_theme:not(.home) #ftar_footer #footer_logo {
        display: none;
    }
 

    .theme-fitar_theme #ftar_header #menu_items {  
        display: none;
        left: 20px;
        top: 65px;
    }  

    #ftar_header #menu_items {
        font-size: 40px;
        line-height: 32px;
        display: none;
    }

    #main_banner { 
        padding: 0;
        text-align: center; 
    }

    #ftar_main_content {
        height: auto; 
    }

    #intro_slider { 
        height: calc(100vh - 260px);
        position: relative;
        z-index: 0;
    }

    #ftar_footer{
        position: relative;
        bottom: 0;
        right: auto; 
        background: #fff;
        padding-top: 0px!important;
        border-top: solid 1px #ebebeb;
        margin: 15px 0;
    } 

   .home #ftar_footer {
        margin: 0;
        padding: 0 0 15px 0 !important;
        background: #080808;
        border-top: none;
    }

    .home #ftar_footer #footer_menu { 
        background: #080808; 
    }

    .home #ftar_footer #footer_menu li { 
        color: #fff;
    } 

    .page-template-page-about #main_banner {
        padding: 0; 
        background-image: none ;
    }

    .page-template-page-about #ftar_main_content .ftar_content {
        margin: 20px auto;
    }

    #ftar_contact { 
        overflow-y: scroll;
    }

    #ftar_contact .contact_form { 
        padding: 30px 15px;
        width: 80%;
        margin: 60px auto;
    }

    #breadcums {
        font-size: 14px;
    }

     #breadcums .ftar_button { 
        width: auto; 
        font-size: 12px;
    }
    .portfolio_cat {
       width: 100%; 
        display: block;
        margin: 2px 0;
    } 
     #portfolio_container .main_title {
        padding: 60px 0;
    }   
    #portfolio_container .main_title .spanish {
        font-size: 18px;
    }
    #portfolio_container .main_title span {
        font-size: 20px;
        line-height: 20px;
    }
   
    #filters { 
        font-size: 12px;
    }
    #filters select {
        width: 180px;
    }

    
    #portfolio_grid .portfolio_item, .grid-sizer {
        width:50%; 
    }
    .filt_row {  
        display: block;
        margin: 5px;
        text-align: left;
    }
    #ftar_bg { 
        top: -5%;
        left: -92%;
        width: 300%; 
    }

    .woocommerce-page .main_title {
        margin-right: 0;
        width: auto;
        padding: 0 30px;
        text-align: center;
        margin: auto;
        float: none;
    }

    .woocommerce-page .main_title .main_title_cont { 
        display: block; 
        text-align: center;
       
    } 

    .woocommerce-page .main_title #cart_link_containter, .main_title #account_link_containter { 
        padding: 20px 10px;
        border-left: none;
        margin-left: 0;
        text-align: center; 
        width: 35%;
    }

    .woocommerce-page .main_title #account_link_containter { 
        border-left: solid 1px #ffffff2e;
    }

    .ftar_content .woocommerce {
        text-align: center;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none !important; 
        margin-left: 0; 
        width: 100% !important;
    }

    .ftar_content h2 { 
        padding:0 20px 20px;
    }

    .main_title .main_title_cont {
        font-size: 30px;
        line-height: 32px; 
    }

}

@media screen and (max-width: 480px) { 

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 

   .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: Calc(33% - 30px) !important;
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
    }     
    #ftar_footer #footer_logo { 
        margin: 30px auto 10px;
        width: 300px;
    } 

    .theme-fitar_theme:not(.home) #footer_logo_mobile {  
        max-width: 380px;
    }

    .woocommerce-page .main_title { 
        max-width: 300px;
    }

    .main_title .main_title_cont {
        font-size: 35px;
        line-height: 35px; 
    }

    .ftar-filter-category select {
        font-size: 16px; 
    }

    .single-product #ftar_main_content .ftar_content { 
        margin: 0 30px; 
    }

    .woocommerce .related ul.products li.product {
        width: Calc(26% - 30px) !important; 
    }

}