/*
Theme Name: Stein Industries Theme
Theme URI: http://steinindustriesinc.com
Description: Stein Industries Website Theme
Version: 1.0
Author: Philip Sousa
Author URI: https://captech.ca
*/

html {-webkit-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit; }
body {font: 100% "Overpass", sans-serif; color: #666; background-color: #F9F9F9;; margin: 0;}
img {max-width:100%; height:auto;}

.home {color: #fff;}
.content-standard {font-size: 16px; line-height:1.4; padding: 54px 0;}
.content-standard ul {list-style: none; margin:0; padding:0 0 0 18px;}
.content-standard li {padding: 2px 0;}
.content-standard li:before {content: "\f111"; font-family: FontAwesome; font-size: 6px; width: 2.4em; color: #66ccff; padding: 5px 0px 10px; float:left;}
.content-standard ul li::after {display: block; clear: both; content: '';}
.content-standard h1 {font-size: 38px; margin-top:0;}
.content-standard h1::after {height:8px}

.outline-1 {border-bottom:1px solid #fff; padding-bottom: 8px;} 
.outline-2 {border-bottom:1px solid #fff;} 

.container {width: 100%;} 
.container-1 {max-width: 1260px; margin: auto; padding:0px 20px;} 

.container-logo {float:left; padding-top: 18px; padding-right: 28px; position: relative; z-index:4000;} 
.container-contact {float:right; position: relative; z-index:4000;}
.container-phone,.container-menu{display:none;}

nav ul {margin: 0; padding: 0; list-style: none;}
nav li {display: inline-block; border-right: 1px solid #fff;}
nav li:first-child {border-left: 1px solid #fff;}

.nav-master {font-size: 18px; text-transform: uppercase;}
.nav-master a {display: block; padding: 32px 18px; text-decoration: none; position: relative; font-weight: 600; text-shadow: none; transition: color 0.3s; color: #fff;}
.nav-master ul li ul li a {color:#333; padding: 8px 18px !important; font-weight:bold;}
.nav-master a:hover {color: #66ccff;}
.nav-master > ul > li {float:left; position: relative;}
.nav-master > ul {position: relative;}
.nav-master li:hover > ul {display: inline-block; font-size: 14px; width: 710px; visibility: visible; opacity: 1; z-index: 1; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform: translateY(0%); transition-delay: 0s, 0s, 300ms;}
.nav-master li ul li {display:block;}
.nav-master > ul > li > ul {width: 710px; columns: 2; -webkit-columns: 2; -moz-columns: 2; top: 88px; left:0px; background: #fff; padding: 16px 4px; font-size: 14px; visibility: hidden; opacity: 0; position: absolute; -webkit-transform:translateY(-2em); -ms-transform:translateY(-2em); transform: translateY(-2em); z-index: 100; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.nav-master > ul > li > ul > li.current-menu-item > a {font-weight: bold;}
.nav-master .menu-item-has-children a {display: inline-block; padding-right: 40px;}
.nav-master .menu-item-has-children:before {content: "\f078"; font-family: FontAwesome; font-size: 12px; display: inline-block; width: 1.3em; color: #66ccff; position: absolute; right: 16px; top: 50%; margin-top: -4px; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);}

footer {background: #fff;}
.footnote {padding: 42px 0; width: 50%; float:left;}
.footlogo {padding: 24px 0; float:left; width: 50%; text-align: right;}
.footlogo img {max-height: 75px; width: auto; vertical-align:top; margin-left: 12px;}

.block-footer {background:#042792; color:#fff; padding: 42px 0; font-size: 16px;}
.block-footer h3 {font-weight: 600; font-size: 24px; margin-top: 0;}
.block-footer h3::after {content: " "; background:#66ccff; width: 90px; height:6px; display: block; margin-top: 12px;}
.block-footer ul {list-style: none; padding:0; margin:0;}
.block-footer a {color: #fff; text-decoration: none; transition: all 0.3s; }
.block-footer a:hover {color: #66ccff; }
.block-footer li {padding: 2px 0;}
.block-footer li:before {content: "\f054"; font-family: FontAwesome; font-size: 12px; display: inline-block; width: 1.3em; color: #66ccff; -webkit-text-stroke: 1px #042792;}

.ph {font-size: 28px;}

.postbox {background: #fff; border: 1px solid #e5e5e5; padding: 18px; margin: 18px 0;}
.postbox::after {display: block; clear: both; content: '';}
.category-5 .post-thumb {float:left; width: 15%;}
.category-5 .post-content {float:left; width: 85%;}
.category-5 .post-content h2 {font-size: 20px; margin-top: 0;}

.container-feature {max-width: 700px; padding: 48px 0; font-size: 24px;}
.block-feature {background-color:#042792; text-align: center; padding-bottom: 48px; font-size: 18px;}
.block-feature h2 {color:#66ccff; font-size: 36px; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 12px;}
.block-sub {background:#66ccff; color:#333; padding:24px 0px;}
.block-sub h1 {font-weight: normal;}
.block-sub h1::after {height:6px;}
.block-sub h2 {margin:0; font-size: 16px;}
.block-sub a {color:#333; text-decoration: none;}
.block-sub a:hover {color:#fff;}
.breadcrumbs {float:right; font-size: 16px;}
.block-news {color:#333; background:#F9F9F9; padding:48px 0px; font-size: 24px; text-align: center;}
.block-news .col-3 {padding-top: 18px;}
.news-widget ul {margin:0;}
.news-widget li {float:left; background: #fff; border:1px solid #e5e5e5; padding: 18px !important; width:31.33%; margin:0 3% 18px 0 !important; min-height:520px;}
.news-widget li:last-child {margin-right: 0 !important;}
.news-widget .rpwe-title {font-size: 20px !important; line-height: 1.2; margin: 16px 0 !important;}
.news-widget .rpwe-title a {color:#042792; text-decoration: underline;}
.news-widget .rpwe-time {font-size: 14px;}
.news-widget .rpwe-summary {font-size :14px; color:#666;}
.news-widget .rpwe-thumb {border: 0px !important; box-shadow: none !important; margin:0px !important; padding:0px !important;}
.tribe-list-widget {list-style: none; padding: 0; margin: 0; font-size: 16px;}
.tribe-list-widget li:first-child {margin-top: 12px;}
.tribe-list-widget li {border-bottom: 1px solid #ccc; padding: 8px 0;}
.tribe-event-title {font-size: 20px;}
.tribe-event-title,.tribe-event-duration {margin: 4px auto;}

.accord-1 {margin-bottom: 0px;}
.accord-1 .su-spoiler {background:#fff; border-bottom:1px solid #fff; padding:24px; border-bottom:1px solid #ccc; margin-bottom:0px !important;}
.accord-1 .su-spoiler-title {font-size: 24px; font-weight: normal;}

.feature-1 .one_third {width:30%; margin-right: 5%;}
.feature-1 .last_column {margin-right: 0%;}
.feature-1 h2 {font-size: 23px; border-bottom: 3px solid #66ccff; padding: 0px 0px 18px 0px;}

.feature-2 .one_third {width:30%; margin-right: 5%;}
.feature-2 .last_column {margin-right: 0%;}
.feature-2 h2 {font-size: 18px; text-align: center; margin:0 0 24px 0;}
.feature-2 p {margin:0;}
.feature-2 img {display:block; margin-top: 24px;}
.feature-2 h2 a {display:block; color:#333; text-decoration: none; padding: 18px 0; background:#66ccff; color:#333; transition: all 0.3s;}
.feature-2 h2 a:hover {background:#333; color:#fff;}

.wp-image-26, .wp-image-27, .wp-image-28, .wp-image-29 {border-radius: 50%; border: 5px solid #fff; max-width: 250px !important; height:auto; margin-top: -40px; position:relative;}

h1 {font-size: 48px; padding-right: 48px; font-weight:600;}
h2 {font-size: 34px; font-weight:600;}

h1::after {content: " "; background:#66ccff; width: 100px; height:12px; display: block; margin-top: 18px;}

.logo-small {width: 90px; height:auto;}
img.aligncenter {display:block; margin:auto;}

.but-1 {font-size: 18px; padding: 14px 18px 10px 18px; font-weight: bold; border: 1px solid #fff; border-radius: 4px; background-color: #ffc525; text-decoration: none; text-transform: uppercase; color: #333; margin: 16px 0px; display: inline-block; transition: all 0.3s;}
.but-1:hover {background-color: #333; color:#fff;}
.but-1 .fa-plus {margin: 0 4px 1px 0; font-size: 18px;}

.but-2 {font-size: 18px; padding: 12px 18px 8px 18px; font-weight: bold; border-radius: 4px; background-color: #66ccff; text-decoration: none; text-transform: uppercase; color: #333; margin: 12px 0px; display: inline-block; transition: all 0.3s; }
.but-2:hover {background-color: #fff;}
.but-2 .fa-plus {margin: 0 4px 1px 0; font-size: 18px;}

.but-3 {font-size: 16px; padding: 12px 18px 8px 18px; font-weight: bold; border-radius: 4px; background-color: #66ccff; text-decoration: none; text-transform: uppercase; color: #333; margin: 0px; display: inline-block; transition: all 0.3s; }
.but-3:hover {background-color: #333; color:#fff;}
.but-3 .fa-plus {margin: 0 4px 1px 0; font-size: 16px;}

.tribe-events-widget-link a {font-size: 16px; padding: 12px 18px 8px 18px; font-weight: bold; border-radius: 4px; background-color: #66ccff; text-decoration: none; text-transform: uppercase; color: #333; margin: 0px; display: inline-block; transition: all 0.3s; }
.tribe-events-widget-link a:hover {background-color: #333; color:#fff;}
.tribe-event-title a {color:#042792; text-decoration: underline; font-size: 18px; line-height: 1.2;}

.but-social {display:inline-block; position: relative; margin-right:4px; background:#fff; color:#333 !important; width: 36px; height: 36px; border-radius: 50%; transition: all 0.3s; }
.but-social:hover {background:#66ccff;}
.but-social svg {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}


fieldset {margin: 18px 0px; border: 0; padding:0;}
legend {display:block; margin: 0 0 1.0em 0; padding: 0 0 0.8em 0; border-bottom: 0.063em solid #ccc; width: 100%; font-weight: bold;}
.form1 input[type=text], .form1 input[type=email], .form1 textarea, .form1 select {width: 100%; padding: .4em; margin: 0 .2em 0 .2em; display: inline-block; border: 0.063em solid #ccc; box-shadow: inset 0 0.125em 0.250em #eee; border-radius: 0.250em; vertical-align: middle; font-size: 1.000em; font-family: 'Roboto', sans-serif;}
.form1 label {margin: 0 .2em 0 .4em;}
.form1 textarea {height: 250px;}
.form1 .one_half {width: 49%; margin-right: 2%;}
.form1 .last_column {margin-right: 0%;}
.form1 .content-column {padding: 18px 0 0 0;}
.form1 input[type=submit] {display:block; font-size: 18px; border-radius: 4px; cursor: pointer; padding: 14px 18px 10px 18px; font-weight: bold; border: 1px solid #fff; background-color: #66ccff; text-decoration: none; text-transform: uppercase; color: #333; margin: 15px auto; transition: all 0.3s;}
.form1 input[type=submit]:hover {background-color: #333; color:#fff;}
.form1 .captcha1 {display: inline-block; margin: 18px auto auto auto;}
  
.fgroup {display: block; width:100%; margin: .5em 0;}
.nolabel {margin: 0 0 0 -400em !important; height:0em;}
button {border-radius: 0.350em; padding: .5em; border: 0; font-size: 1.00em; cursor:pointer;}

.box {-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.message, .success, .error, .warning {border: 1px solid #ccc; padding: 10px; color: #333; }
.success {border-color: green;}
.error {border-color: red;}
.warning {border-color: yellow;}

article[role="main"] {float: left; width: 62.5%;}
aside[role="complementary"] {float: right; width: 31.25%;}

.bg-home {background-image: url("images/banner-home-1.jpg"); background-size: 2560px 888px; background-position: center; height: 888px; position: relative; }
.bg-standard {background:#042792;}

.row:after {display: block; clear: both; content: '';}
.row + .row {margin-top: 3%;}

[class^="col-"] {float: left; margin-right: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
[class^="col-"]:last-child {margin-right: 0%;}

.col-1 {width: 5.5833333333%;}
.col-2 {width: 14.1666666667%;}
.col-3 {width: 22.75%;}
.col-4 {width: 31.3333333333%;}
.col-5 {width: 39.9166666667%;}
.col-6 {width: 48.5%;}
.col-7 {width: 57.0833333333%;}
.col-8 {width: 65.6666666667%;}
.col-9 {width: 74.25%;}
.col-10 {width: 82.8333333333%;}
.col-11 {width: 91.4166666667%;}
.col-12 {width: 100%;}

.pad-1 {padding: 42px;}

.txtl {text-align: left;}
.txtc {text-align: center;}
.txtr {text-align: right;}

.contain-block-bl {background-color: rgba(0, 0, 0, 0.8); padding: 14% 16% 0 16%; height: 709px; font-size: 18px; }
.expand-1 {display: inline-block;}
.expand-2 {display: none;}
.scroll-1 {position: absolute; left: 50%; bottom: 30px; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.scroll-1 a {padding: 24px; color: #fff; transition: all 0.3s;}
.scroll-1 a:hover {color: #66ccff;}
.scroll-1 .fa-angle-double-down {font-size: 38px;}
.developer {color: #777; font-size: 13px; margin-top: 2px; }
.developer a {color: #777;}
.copyright {color: #777;}
.nav-footer {margin-bottom: 24px;}

.mobile-header {display: none;}
.nav-mobile {visibility: hidden; position: fixed; overflow:scroll; width: 100%; background:#042792; height: 120%; top:-120%; z-index: 5000; transition: all 0.3s; padding: 0 0 200px 0;}
.nav-mobile h2 {font-size: 24px; margin: 36px 0 12px 18px; color:#66ccff;}
.mobile-menu {list-style: none; margin:0; padding:0;}
.mobile-menu li {display:block; border-left: 0px !important; border-right: 0px;}
.mobile-menu li:first-child {border-top: 1px solid #fff;}
.mobile-menu a {display:block; color:#fff; padding: 10px 12px 10px 18px; border-bottom:1px solid #fff; text-decoration: none;}
.mobile-logo {display:block; margin: 38px auto 10px auto; text-align: center;}
.mobile-social {text-align: center;}

.m-close {color:#66ccff; position:absolute; top:18px; right: 18px; text-decoration: none; font-size: 24px;}
.noscroll {overflow: hidden;}
.extra-sec {background: #fff; border-top:1px solid #ccc;}
.extra-sec .wp-image-212, .extra-sec .wp-image-559  {float:left; width: 20%; padding-right: 46px;}
.extra-sec .textwidget {float:left; width: 80%;}
.extra-sec .content-standard:after {display: block; clear: both; content: '';}

.rpwe-block li {max-height: 520px;}

#Substation, #Padmount {background:#fff; border-radius: 6px; border: 1px solid #ccc; padding: 36px;}
#Substation h2, #Padmount h2 {border-bottom: 3px solid  #66ccff; font-size: 24px; padding: 0 0 6px 0;}
#Substation h3, #Padmount h3 {color: #66ccff; margin: 28px 0 0 0}
#Substation label, #Padmount label {display:inline-block; padding: 24px 0 4px 0; font-weight: bold;}
#Substation div, #Padmount div {padding-top:0;}
#Substation p, #Padmount p {margin:0;}
#Substation .wpcf7-checkbox, #Padmount .wpcf7-checkbox {display:block; margin-top: 8px;}

@media screen and (max-width: 1075px) {

.nav-master {font-size: 16px;}
.nav-master a {padding: 32px 12px;}
.nav-master .menu-item-has-children a {padding-right: 36px;}
.nav-master .menu-item-has-children:before {right: 12px;}
.wp-image-26, .wp-image-27, .wp-image-28, .wp-image-29 {max-width: 100% !important;}

}


@media screen and (max-width: 850px) {

.nav-master {display:none;}
.logo {width: auto; height: 30px;}
.container-contact {display:none;}
.container-logo {padding: 10px;}
.container-logo,.container-phone,.container-menu {display:block; width:33%; float:left; height:50px; text-align: center;}
.container-logo,.container-phone {border-right:1px solid #fff;}
.container-phone a,.container-menu a {padding: 14px 0px; display:block; color:#fff; text-decoration: none; transition: color 0.3s;}
.container-phone a:hover,.container-menu a:hover {color:#66ccff;}
.content-standard h1 {font-size: 28px; padding-right: 0px !important;}
.outline-2 .container-1 {padding:0;}
.show-m { top:0%; visibility: visible;}
h1 {font-size: 28px; padding-right: 48px;}
h1::after {height: 7px;}
.container-feature {font-size: 18px; padding: 18px 0;}
.bg-home {background-size: auto 600px; height: 600px;}
[class^="col-"] {float: none; margin-right: 0%;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {width: 100%;}
.wp-image-26,.wp-image-27,.wp-image-28,.wp-image-29 {border: 3px solid #fff; max-width: 200px !important; margin-top: 0px;}
.block-feature {padding: 30px 0; font-size: 16px;}
.block-feature h2 {margin-top: 18px;} 
.block-feature .col-3 {padding: 18px 0;}
.but-2 {font-size: 16px; padding: 10px 16px 6px 16px;}
.news-widget li {float: none; width: 100%; margin: 10px 0; min-height: auto;}
.news-widget li:last-child {margin-bottom: 36px !important;}
.news-widget .rpwe-thumb {width: 200px; height: auto; margin:auto!important;}
.block-footer {padding: 30px 0;}
.block-footer h3 {margin-top: 18px;}
.wp-image-183 {margin-top: 18px;}
.feature-1 .one_third, .feature-2 .one_third {width:100%; margin-right: 0%;}
.feature-2 h2 {margin:0 0 8px 0;}
.feature-2 img {margin-top: 8px;}
.block-sub h2 {display:none;}
.breadcrumbs {float:none;}
.form1 .one_half {width: 100%; margin-right: 0%;}

}

@media screen and (max-width: 390px) {
.bg-home {background-size: auto 650px; height: 650px;}
h1 {font-size: 24px; padding-right: 0px;}
}

@media screen and (max-width: 340px) {
.bg-home {background-position: -650px;}
}