/*
Theme Name: Saint Lu Metals
Theme URI: https://saintlu.co
Description: This is outstanding WP theme developed on Material Design for Bootstrap 4 for Saint Lu Metals
Version: 1.1
Author: Remy Francis Web Development
Author URI: https://remyfrancis.com
*/

@font-face {
  font-family: "TitilliumWeb-Light";
  src: url("font/titillium-web-light/TitilliumWeb-Light.ttf");
  }

.page-footer {
    background-color: #114A7C; }
  
  .blue-gradient {
    background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
  
  .card-comments img {
    width: 4rem; }
  
  .card-intro {
    margin-top: 67px; }
    .card-intro .card-body {
      -webkit-border-radius: 0 !important;
      border-radius: 0 !important; }
  
  .navbar-brand img {
    height: 20px; }
  
  .pagination .page-item.active .page-link {
    background-color: #09c; }
  
  .card-avatar img {
    width: 100px; }


    /* Shop Code */
    .table-products img {
        max-width: 200px;
        max-height: 200px; 
    }
      
    .table-products tr th, .table-products tr td {
    vertical-align: middle; }
    
    ins {
        text-decoration: none;
    }
    
    .w-100px{
    width: 100px;
    }

    .white-text>a {
        color: white;
    }


    /* SaintLu Custom Code */
    .navbar-brand img{
      height: 100%;
      width: 100%;
    }

    .top-nav-collapse {
      background-color: #191919 !important;
    }
    
    .navbar:not(.top-nav-collapse) {
      background: #191919 !important;
    }
    
    @media (max-width: 991px) {
    .navbar:not(.top-nav-collapse) {
      background: #191919 !important;
    }
    }

    ul .navbar-nav {
      font-family: Arial;
      font-weight: normal;
      font-size: 1em;
      font-style: normal;
      line-height: 57px;
    }

    footer a:hover {
      color: #E72C2D;
    }

    footer.page-footer .footer-copyright {
      background-color: #191919 !important;
    }

    .saintlu-black {
      background-color: #191919 !important;
    }

    li {
      list-style-type:square;
      color: #E72C2D;
    }

    hr {
      display: block;
      border: 0;
      border-top: 4px solid #E72C2D;
      padding: 0;
    }

    h1 {
      font-family: 'TitilliumWeb-Light', sans-serif;
      font-weight: normal;
      font-size: 64px;
      font-style: normal;
      text-decoration: none;
      color: #E72C2D;
      background-color: transparent;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      display: inline;
    }

    .tit {
      font-family: "TitilliumWeb-Light", sans-serif;
      font-weight: bold;
      font-style: normal;
      text-decoration: none;
    }

    h2 {
      font-family: "TitilliumWeb-Light", sans-serif;
      font-weight: bold;
      font-size: 32px;
      font-style: normal;
      text-decoration: none;
      color: #404040;
      background-color: transparent;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      display: inline;
    }

    a.body:hover {
      color: #E72C2D;
      text-decoration: none;
    }

    a.body {
      color: #505050;
      text-decoration: none;
    }

    .page-footer {
      background-color: #114A7C; }
    
    .blue-gradient {
      background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
      background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
      background: linear-gradient(40deg, #45cafc, #303f9f) !important; }
    
    .card-comments img {
      width: 4rem; }
    
    .card-intro {
      margin-top: 67px; }
      .card-intro .card-body {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important; }
    
    
    .pagination .page-item.active .page-link {
      background-color: #09c; }
    
    .card-avatar img {
      width: 100px; }

    .nav-item {
      list-style: none;
    }