/* BADGES COLORS */
$badge-new : #edd523;
$badge-our_selection : #a5a19a ;
$badge-best_sellers : #6d2424 ;
$badge-sale : #c40000 ;

$badge-embroidered_by_hand : #6d2424 ;
$badge-each_one_is_different : #250c03 ;
$badge-secure_checkout : green ;

.bold {font-weight:bold!important;}


/* BADGES Styles */
.badge-container, .product-badge__container { position:absolute;left: 62%;max-width: 45%;width: 100%; 
  .so { position:relative; margin-bottom:2%; opacity:0.9;}
  .badge--new {background:#{$badge-new}!important;}
  .badge--selection {background:#{$badge-our_selection}!important;}
  .badge--best {background:#{$badge-best_sellers}!important}
  .badge--sale {background:#{$badge-sale}!important;}
}


.product-symbol__container { display:block; width:100%; padding-bottom:3%;   
  .so { position:relative; top:0; float:left; width:30%; text-align:center;}
  .so:nth-child(2){  margin:0 5%; } 

  .badge--embroidered_by_hand {background:#{$badge-embroidered_by_hand}!important;}
  .badge--each_one_is_different {background:#{$badge-each_one_is_different}!important;}
  .badge--secure_checkout {background:#{$badge-secure_checkout}!important}
}

/* About US page : MOBILE */
.title-about-us #content{		
      .team_history { padding-bottom:5%; padding-top:5%; }
      table,td,tr{ width:auto!important; height:auto!important; }         
      .rte > table:first-of-type {       
        img { width:100%!important; min-width:100%!important; }
      }      
      
      @media all and(max-width:1024px){ td{float:left; clear:both; width:100%!important;}}     
}

/* hide social Widgets */
.beeketing-page-block, .fb-root, #wp_share, #soc {display:none; width:0; heigth:0; opacity:0;}

/* Product page: MOBILE */
.template-product {  
    @media all and(max-width:740px){
        #logo img { max-width:120px!important; }
      	#content { margin-top:0!important; }
        #breadcrumb { display:none;  } 
        #product-images{ 
          	position:relative;
          	overflow:hidden;
            padding-bottom:55%!important;

          .slide-gallery{
            position:absolute;
            top:0; left:0; right:0; bottom:0;
            width:100%;
            height:100%;
          
          }
          
          .slides{ 
            max-height:100%!important; 
            height:100%!important;
            li {
              max-height:100%!important; 
            	height:100%!important;
              img { 
              	max-height:100%!important; 
            	height:100%!important;
              	width: auto!important;
                margin: 0 auto;
              }
            }
            
          }
          .flex-control-thumbs { display:none!important; }
        }
    }    
}

/* SOME FIX to theme bugs */
#full-width-filter { padding:2% 0% }

/*BLOG*/
.blog-sidebar-ix{ 
  padding:0 3%;
  p {line-height:180%;}
  
}
.article-ix {
  
  &:not(:nth-child(1)):not(:nth-child(2)){ margin-top:3.5%; }
  margin-bottom:3.5%;
  &:nth-child(2n+1){clear:both;} 
  
  .article-image__container {
    /*display: flex;*/
    position:relative;
    padding-bottom:100%;
    overflow:hidden;
        img { 
          position: absolute;
          height:100%; 
          max-width:initial!important; 
          max-height:initial!important;
          top:0;
          left:0;
        }
  }
  .post-title{
    width:100%;
    display: inline-block; margin:4% 0;
    * {margin:0; }
  }
  .article-headline{ 
    display: inline-block; margin:0% 0; color:#71716e; 
    	* { font-size:95%;}
  }
  
}

.template-blog-ix {
   #content h1:first-child{
       font-size:300%; text-transform:uppercase; 
     margin-top:3%; margin-bottom: 4%;
   }
  .blog-description{display:none;}
}


.pagination__wrappper {
  	border-top: 1px solid #d9d8d0;
  
      #pagination {
          a { 
            font-size:120%;
            color: rgb(34, 34, 34);
            background:rgba(0,0,0,0); border:none;
            &.current {border-bottom:solid 2px rgb(34, 34, 34);; }
          } 
      }
}




/* Test area */
.product-symbol__container, .product-badge__container { display:block; }

.test_visible{ display:none; }
.test_hidden{ display:block; }

.ixx {
  .test_visible{ display:block; }
  .test_hidden{ display:none; }
  

  
}

  h1, h2, h3, h4, h5, h6 { color: rgb(34, 34, 34); }
 .landscape { height:auto !important; width:auto!important;  }
 .portrait { width:100%!important; height:auto!important; }
.footer-section#footer {margin-top:0;}