/*
Theme Name: HL Metals LLC
Theme URI: http://www.appnet.com
Description: Custom Theme for HL Metals LLC
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/

html * {
  box-sizing:border-box; }
body {
  background-attachment:fixed;
  background-size:cover;
  font-family:"Lato";
  font-weight:300;
}

a, a:link, a:visited, a:hover, a:active {
  transition:.4s ease all; }
  
#full-bg {
  position:absolute;
  z-index:1;
  width:100%;
}
  
#page-wrapper {
  position:relative;
  padding:0;
  z-index:2;
}

#page-wrapper h1,
#page-wrapper h2,
#page-wrapper h3,
#page-wrapper h4,
#page-wrapper h5,
#page-wrapper h6 {
  font-family:'Lora';
  font-weight:400;
}

#primary h1 {
  font-size:27px;
}

#primary h2 {
  border-bottom:1px dotted rgba(255,255,255,0.5);
  margin:0;
  padding:20px 0 5px 0;
}
#primary h3 {
  border-bottom:1px dotted rgba(255,255,255,0.5);
  margin:0;
  padding:10px 0 5px 0;
}

header#masthead {
  background:rgba(40,69,93,0.9);
  border-bottom:5px solid #28455d;
}

header#masthead a:hover {
  color:#fef385;
}

.logo {
  color:white;
  font-family:"Lora";
  font-size:30px;
  margin:33px -5px 0 -5px;
  text-decoration:none;
}
#page-wrapper .logo h1 {font-weight:700;}
.support-text {
  float:right;
  margin:0 -10px 0 0;
  padding:10px 0;
}
.support-text a {
  color:white;
  text-decoration:none;
}
nav.main-navigation {
  background:transparent;
  clear:right;
  float:right;
  margin:0 -25px 0 0;
  padding:0;
}
nav.main-navigation ul li a {
  background:rgba(40,69,93,0);
  font-size:16px;
  font-weight:300;
  padding:10px 15px;
}
nav.main-navigation ul li a:hover {
  background:rgba(40,69,93,1);
}


.slide-title {
  background:rgba(255,255,255,0.9);
  border-left:5px solid #28455d;
  color:black;
  font-family:"Lora";
  font-size:25px;
  font-weight:700;
  padding:10px 15px;
  margin-top:-50px !important;
}
.slide-description {
  background:rgba(40,69,93,0.9);
  border-left:5px solid #28455d;
  color:white;
  font-family:"Lato";
  font-size:16px;
  font-style:italic;
  font-weight:400;
  padding:15px;
  margin-top:-50px !important;
}
.slide-award {
  background:rgba(255,255,255,0.9);
  border-left:5px solid #28455d;
  color:black;
  font-family:"Lato";
  font-size:14px;
  padding:15px;
  margin-top:-50px !important;
}
.slide-award a,
.slide-award a:hover {
  color:black;
  text-decoration:none;
}
.slide-award img {
  float:left;
  height:45px !important;
  margin-right:15px;
  width:auto !important;
}


#main {
  background:transparent;
  padding:250px 0 150px 0;
}
.home #main {
  display:none;
}


#primary,
.page-template-default #primary {
  background:rgba(40,69,93,0.9);
  padding:30px;
  width:69%; }


.alignright,
.alignleft,
.aligncenter,
.page-list-ext .page-list-ext-image img {
  border:5px solid #28455d;
}


#secondary {
  width:29%; }
#secondary .widget {
  background:rgba(40,69,93,0.75);
  color:white;
  margin:0 0 15px 0;
  padding:15px; }
#secondary .widget :last-child {
  margin-bottom:0;
  padding-bottom:0; }
#secondary .widget h3.widget-title {
  border-bottom:1px dotted rgba(255,255,255,0.5);
  color:white;
  margin:5px 0 10px 0;
  padding:0 0 5px 0; }
#secondary .widget_recent_entries li {
  margin-bottom:10px; }
#secondary .widget input {
  background:#17334a;
  border:0;
  border-radius:0;
  color:white;
  font-weight:300;
  line-height:25px;
  padding:5px 10px;
  width:100%; }
#secondary .widget input:focus {
  outline:0;
}
  
  
#formfields {overflow:hidden;}
#formfields p {
  float:left;
  margin:0 0 10px 0;
  padding-right:2%;
  width:50%; }
#formfields p.full {
  padding-right:2%;
  width:100%; }
  
#formfields input, #formfields textarea {width:100%; padding:5px;}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}


article.post ul.share-buttons, article.page ul.share-buttons {
  background:#28455d;
  border:0;
}

article.post .entry-categories, article.page .entry-categories,
article.post .entry-header .entry-meta, article.page .entry-header .entry-meta,
article.post .entry-categories a, article.page .entry-categories a,
article.post .entry-header .entry-meta a, article.page .entry-header .entry-meta a {
  color:#ccc;
  font-style:italic;
}


#footer-bar {
  background:rgba(40,69,93,0.9);
  border-top:5px solid #28455d;
  color:white;
  font-size:12px;
  font-weight:300;
  height:50px;
  line-height:20px;
  padding:10px 0;
  position:fixed;
  width:100%;
  z-index:1000;
}
#footer-bar a {
  color:white;
  text-decoration:none;
}

#footer-bar #site-info p.l,
#footer-bar #site-info p.r {
  margin:0;
  padding:0;
}
#footer-bar #site-info p.l {
  float:left;
}
#footer-bar #site-info p.r {
  float:right;
}

#footer-bar .full-container {
  max-width:1080px;
  margin:0 auto;
  overflow:hidden;
}

footer#colophon {display:none;}


@media (max-width: 1080px) { 
  
  .logo {
    margin:33px -5px 0 -5px !important;
  }

  #footer-bar #site-info p.l,
  #footer-bar #site-info p.r {
    margin:0 10px;
  }

} @media (max-width: 680px) { 
  
  #main {
    padding:50px 0;
  }

  footer #footer-widgets .widget {
    width:100%; }

} @media (max-width: 480px) { 
  
  .entry-content .alignright,
  .entry-content .alignleft,
  .entry-content .aligncenter {
    display:block;
    float:none;
    margin:10px auto;
  }

  .logo {
    margin:20px 0 10px 0 !important;
    text-align:center;
    width:100%;
  }
  .support-text,
  nav.main-navigation {
    float:none;
    text-align:center;
    margin:0 auto;
    width:100%;
  }
  nav.main-navigation ul {
    margin:0 auto;
    text-align:center;
    width:100%;
  }
  body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li {float:none;}

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

}