//** simple and lightweight mixin library for Sass **
//-- url : http://bourbon.io/docs ---
@import 'bourbon/bourbon';

//** Mixins for Rem Font Sizing **
//-- url : http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/
@import 'utilities/rem';

//** Variables for responsive design in bootstrap with sass **
//-- url : https://gist.github.com/webinfinita/11407836
@import 'utilities/bootstrap_breakpoints';

//** Makes supporting both left-to-right (LTR) and right-to-left (RTL) easy.**
//-- url : https://github.com/tysonmatanich/directional-scss
@import 'utilities/directional';

//Mixins utilities
@import 'utilities/theme_variables';
@import 'utilities/utilities';

/* ================================================================================ */

/*.footer-container{
  margin-top: 40px;
}*/
.typefooter-3{
  margin-top: 0px;
  background-color: #2d2d2d;
  /* GENERAL */
  .module .modtitle{
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px !important;  
        font-weight: 700;
        text-transform: uppercase;   
        padding-bottom: 0px;
      
  }
  .box-footer{  
    margin-top: 3px;  
    .modcontent{
      ul{
        li{           
              a{
                border: 0 none;               
                font-size: 13px;
                padding: 0;       
                font-weight: 400; 
                line-height: 35px;  
                position: relative;
                padding-#{$left}: 15px;
                display: inline-block;
                color: #aaa;
                &:before{
                  font-family: FontAwesome;
                  position: absolute; 
                  content: "\f105";
                  top: 0;
                  #{$left}: 0;    
                  @include if-rtl {
                     content: "\f104";
                  }          
                }

              }       
            }
      }
    }
  }
  @media (min-width: 992px){
    .col-infos{ padding-#{$left}: 0; }
  }
  .infos-footer{
      ul{
            margin: 0;
            padding: 0;
            li{
                padding-#{$left}: 40px;
                position: relative;
                margin-bottom: 20px;
                font-size: 13px;
                color: #999;
                line-height: 20px;
                i{
                    position: absolute;
                    top: -5px;
                    #{$left}: 0;
                    font-size: 0;
                    background-color: #3d3d3d;
                    width: 30px;
                    height: 30px;
                    border-radius: 3px;
                    color: #fff;
                    text-align: center;
                    line-height: 30px;
                    &:before{
                        font-size: 14px;                            
                    }
                }
                &.phone,
                &.adres{
                    i{
                      top: 5px;
                      &:before{
                        font-size: 16px;
                      }
                    }
                    
                }
              &:hover{
                i{
                 
                }
              }
            }
        }
  }
  .footer-links{
    margin-#{$left}: 160px;
    li{
      display: inline-block;
      margin: 20px;
      a{color: #c7c7c7; text-transform: uppercase; font-size: 14px; text-transform: uppercase; font-weight: 700;
        &:hover{ color: #fff; }
      }
    }
  }
  .footer-top{
    background-color: #252424; padding: 10px 0;
    .logo-f{
      float: $left;
    }
  }
  .footer-middle{
    padding-top: 60px;
  }
  .col-middle > .row{
    border-top: 1px solid #424242;
    margin: 25px 0 30px 0;
    padding-top: 40px;
  }
  .app-store{
    float: $right;
    h3.modtitle{
      float: $left; margin-#{$right}: 20px; line-height: 40px;
    }
    ul{ float: $left;
      li{
        float: $left; margin-#{$left}: 10px;
      }
    }
  }

  .socials-w{
    h3.modtitle{
      float: $left;
      margin-#{$right}: 20px !important; 
      line-height: 40px; margin: 0; 
    }
  }
  .socials{
    float: $left;
    li{
      position: relative;
      float: $left;
      margin: 0 5px;
    
      a{
        color: #fff;
          font-size: 18px;
          width: 40px; height: 40px;
          line-height: 40px;
          text-align: center;
          background-color: rgba(0,0,0,0.2);
          border-radius: 3px;
          display: block;
          span{
            display: none;
          }
        
      }
      
    }
  }
  

  
  /* FOOTER BOTTOM */

  .payment-w{
    text-align: $right;

  }
  .footer-bottom{
     background-color: #252424; padding: 20px 0;
      .copyright{
        line-height: 32px;
        font-size: 12px; color: #7d7d7d;
      }

   

  }
}


@media (min-width: 1200px) and (max-width: 1649px){
  .typefooter-1{
    
  } 
}