/*

Theme Name: SteelMaster
Theme URI: http://steelmasterusa.com
Author: Proper Villains
Author URI: http://propervillains.agency
Description: Lovingly hand-crafted for SteelMaster Buildings by Aaron Trubic of Proper Villains.
Version: 1.0.0
Template: x

*/

body {
  font-family: "franklin-gothic-urw",sans-serif !important;
}
p {
  line-height: 140%;
}
.small {
  font-size:14px;
}
.white {
  color:#ffffff;
}
.left-line {
  border-top:3px solid #ffffff;
  width:80%;
  margin-bottom:27px;
}
.right-line {
  border-top:4px solid #ffffff;
  width:100%;
  margin-bottom:27px;
  margin-top:5px;
}
p > a {
  text-decoration:underline;
}
.headline-form {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  margin: 0px 0px 20px 0px;
  text-decoration:underline;
  text-align:center;
}
.highlight {
  background:yellow;
  color:#000;
  padding:0px 5px;
}

/*

gallery adjustments

*/

.ngg-gallery-thumbnail img:hover {
    background-color: transparent !important;
}
.ngg-gallery-thumbnail img {
    background-color: transparent !important;
    border: none !important;
}

/*

nav bar and footer adjustments

*/

.x-colophon {
    border-top: 0px;
    background-color: #f7f7f7;
    box-shadow: none !important;
}
.x-colophon.top {
    border: none;
    margin: 0px;
    padding: 0px;
}
.x-colophon.bottom {
    padding: 10px 0 0px 0;
}
.x-colophon.bottom .x-colophon-content {
    margin: 10px 0px 10px 0px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.3;
}

.sub-menu li>a {
    text-transform:uppercase;
    font-size:13px;
    padding:0px;
}
.x-navbar {
background-color: #004882;
}
footer..x-colophon.top, footer.x-colophon.bottom {
background-color: #f7f7f7;
}
.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}
.x-navbar .desktop .x-nav li>a>span:after {
  content: "\f0d7";
}
.x-navbar .mobile .x-nav li>a {
  border:0px;
}
.x-navbar .mobile .x-nav>li.x-menu-item-search {
  text-align:left;
}
.x-navbar .mobile .x-nav>li.x-menu-item-
>a {
    border: 0px;
}
#phone {
  color:#fff;
  font-weight:500;
  font-size:30px;
  position:absolute;
  top:32px;
  margin-left:20px;
  z-index:99;
}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}
.ubermenu-responsive-toggle .fa {
    width: 1.3em;
    text-align: center;
    margin-right: .2em;
}
.ubermenu-responsive-toggle {
    padding: 0px 20px 15px 20px !important;
}

/*

Gravity Forms style

*/

body .gform_wrapper .top_label .gfield, body .gform_wrapper .top_label li.gsection.gf_scroll_text {
    margin-bottom: .5em !important;
}
body .gform_wrapper .top_label .gfield_label, body .gform_wrapper .left_label .gfield_label, body .gform_wrapper .right_label .gfield_label {
    font-weight: 700 !important;
    font-size: 15px !important;
}
body .gform_wrapper .gfield_required, body .gform_wrapper span.ginput_total {
    color: #004882 !important;
}
body .gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 0px !important;
}
body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper select, body .gform_wrapper textarea {
    display: inline-block !important;
    height: 2.65em !important;
    margin: 0px !important;
    padding: 0 0.65em !important;
    line-height: 2.65em !important;
    font-size: 13px !important;
}
.gform_wrapper div.charleft {
    /* font-size: .688em; */
    /* margin-top: .25em; */
    /* color: #B7B7B7; */
    /* width: 92%!important; */
    /* white-space: nowrap!important; */
    display: none !important;
}
.gform_wrapper div.validation_error {
    color: #cc0000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 1.6em !important;
    border-top: 1px solid #cc0000 !important;
    border-bottom: 1px solid #cc0000 !important;
    padding: .5em 0 !important;
    clear: both !important;
    width: 97.5% !important;
    text-align: center !important;
}
body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    border: 1px solid !important;
    padding: 6px 10px !important;
    border-color: #cccccc !important;
    color: #000000 !important;
    background-color: #f7f7f7 !important;
}
.gform_wrapper .gfield_error .gfield_label {
    color: #000000 !important;
}
.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea {
    border: 1px solid #cccccc !important;
}
.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    font-size: 22px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 20px;
    background: #cc0000;
    border: none;
    text-shadow: none;
    font-weight: 900;
    padding-top: 14px;
    padding-bottom: 14px;
}
.gform_wrapper .gform_page_footer {
    margin: 0px;
    width: 99%;
    border-top: 0px;
    padding: 0px;
    clear: both;
}
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    color: #cc0000 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 0 .375em !important;
    padding: 0px !important;
    clear: both;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}
.gform_wrapper .percentbar_blue {
    background-image: none !important;
    background-repeat: repeat-x !important;
    background-color: #004882 !important;
    color: #FFF !important;
    font-weight: 500 !important;
}


/*

CoreMotives form styles

*/

#container .CoreMotives ul,
#container .CoreMotives li,
#container .CoreMotives label,
#container .CoreMotives div,
#container .CoreMotives span {
  margin:0px;
  padding:0px;
}
#container .CoreMotives ul {
  list-style-type: none;
}
#container .CoreMotives li,
#container .CoreMotives li.complex {
  display:block;
  clear:both;
  padding:5px;
}
#container .CoreMotives label {
  display: block;
}
#container .CoreMotives span.half {
  display:inline-block;
  width:50%;
}
#container .CoreMotives span.right > input,
#container .CoreMotives div.large > input {
  width:100%;
}
#container .CoreMotives span.left > input {
  width:99%;
}

#container .CoreMotives .left {
  float:left;
}
#container .CoreMotives li,
#container .CoreMotives li.complex,
#container .CoreMotives li.complex > div {
  width:100%;
}
#container .CoreMotives .right {
}
#container .CoreMotives .error {
  color:red;
}

/*

social footer styles

*/

.sm-social-row {
  margin-bottom:20px;
}
.sm-social-row li.x-block-grid-item,
.icon-sm-social {
  text-align:center;
}
.icon-sm-social > a.x-img {
  margin-bottom:0px;
}
.sm-social-row a {
  display:block;
}
.sm-wrapper-social a {
  display: inline;
}
.sm-icon-social {
  margin:0px 10px;
  display: inline;
}
.sm-wrapper-social {
  margin-bottom:20px;
  text-align:center;
}
.sm-wrapper-social .fa {
  font-size:30px;
  color:#fff;
  background:#004882;
  padding:10px;
  width:50px;
  margin:4px;
}

/*

feature styles

*/

#row-3-col-1 a,
#row-3-col-2 a,
#row-3-col-3 a {
  display:block;
}
.feature-panel a,
.feature-panel h4 {
  color:#ffffff !important;
}
.feature-panel p {
  line-height:120%;
  color:#ffffff !important;
}
.feature-panel p i {
  font-size:180%;
}
.widget {
    text-shadow: none  !important;
}

/*

 Example styles - most of these are incorporated into the theme,
but placed here for general reference and for development purposes.

*/

.slider-headline {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size:34px;
  display:block;
  color:#ffffff;
  background: #CCC;
  filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */
}
.slider-subhead {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:21px;
  display:block;
  color:#ffffff;
}
.block-subhead {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size:20px;
  display:block;
  text-transform: uppercase;
  color:#ffffff;
  margin-bottom:14px;
}
.subhead, h4 {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 700 !important;
  font-size:20px !important;
  line-height:22px !important;
  display:block;
  text-transform: uppercase;
  margin-bottom:8px;
  margin-top:0px;
}
.page-headline, h1 {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size:48px !important;
  line-height:48px !important;
  display:block;
  text-transform: uppercase;
  color:#004882;
  margin:0px 0px 40px 0px;
}
.navmenu {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size:13px;
  display:inline-block;
  text-transform: uppercase;
}
.navmenu-footer-menu {
  margin-bottom:50px;
}
.navmenu-footer {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:15px;
  line-height:20px;
  display:block;
}
.navmenu-footer > a {
  color:#000000 !important;
}
.navmenu-footer > a:hover {
  text-decoration: underline;
}
.navmenu-footer-header {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size:15px;
  line-height:20px;
  display:block;
  text-transform: uppercase;
  color:#004882;
}
.copyright {
  font-family: "franklin-gothic-urw",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:15px;
  display:block;
  text-transform: uppercase;
}

/* CM form styles */

label.desc {
	font-weight: 700;
  font-size: 15px;
}
.req {
  color: #004882;
}
.CoreMotives input[type=text],
.CoreMotives textarea,
.CoreMotives select {
  border-radius:0px;
  width:100%;
}
input.btTxt {
  display:block;
  width:100%;
  text-transform:uppercase;
  background:#c00;
  border:none;
  padding:12px;
  font-weight: 700;
  font-size: 15px;
  text-shadow:0px;
  margin-top:20px;
}

/*

responsive breakpoints

*/
@media (min-width:1050px) and (max-width:1305px) {
  #phone {
    top:4px;
  }
}
@media screen and (max-width:767px) {
  #row-footer-social {
    padding-left:0px !important;
  }
  #row2-col1 {
    padding-bottom:0px !important;
    padding-right:65px !important;
    padding-left:65px !important;
  }
  #row2-col2 {
    padding-top:0px !important;
    padding-right:65px !important;
    padding-left:65px !important;
  }
}
@media (max-width:600px){
  a.x-brand.img {
    float: none;
    text-align: center;
    margin-bottom:70px;
  }
  #phone {
    margin:auto !important;
    top:115px;
    width:100% !important;
    text-align: center !important;
	  color:#fff !important;
    index:999;
  }
  a[href^=tel] {
    color: inherit;
    text-decoration: none;
  }
}