/* Theme Name: Evans Coatings Author: Miller Media Author URI: http://www.millermediainc.com/ Version: 1.0 */
@media (min-width: 768px) { #secondary { float: left; width: 22%; } }
#secondary h2 { font-size: 24px; font-weight: 600; margin-bottom: 0; padding: 12.5px; }
#secondary h2:first-child { margin-top: 0; }
#secondary li { list-style: none; margin-bottom: 1px; }
#secondary li:last-child { margin-bottom: 0; }
#secondary li a { background: #BDBDBD; color: #FFFFFF; display: block; padding: 5px 12.5px; text-decoration: none; }
#secondary li a:hover, #secondary li.current-menu-item a { background: #034EA2; }
#secondary ul { margin: 0; padding: 0; }
#secondary .menu-item { display: block; }
#secondary .widget { background: #EBEBEB; margin-bottom: 25px; }
#secondary .widget_recent_comments li { padding: 5px 12.5px; }
#secondary .widget_recent_comments li a { background: none; color: #252424; display: inline; }
#secondary .widget_recent_comments li a:hover { text-decoration: underline; }
#secondary .widget_search { background: none; }

/* ELEMENTS */
* { transition: all 0.2s linear; }

html, body { margin: 0; padding: 0; }

body { background: #FFFFFF; color: #252424; font: 18px/25px Muli, arial, helvetica, sans-serif; }

address { font-style: normal; }

hr { background: #252424; border: none; clear: both; display: block; height: 3px; margin: 50px auto; }

img { height: auto; max-width: 100%; }

input, select, textarea { background: #FFFFFF; border: 1px solid #252424; }

ol ol li { list-style-type: lower-alpha; }

p { margin: 25px 0; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", arial, helvetica, sans-serif; font-weight: 400; line-height: 25px; margin: 0 0 25px; }

h1 { font-size: 60px; font-weight: 700; line-height: 60px; }

h2 { font-size: 24px; margin-top: 50px; }

/* LINKS */
a img { border: none; }

a:link, a:visited { color: #034EA2; }

a:hover, a:active, a:focus { color: #252424; }

a img { border: none; }

a.button { background: #464646; box-sizing: border-box; color: #FFFFFF; display: inline-block; min-width: 170px; padding: 7px 12.5px 8px; text-align: center; text-decoration: none; }
a.button:hover { background: #034EA2; }

/* CLASSES */
.aligncenter { text-align: center; }

.alignleft { float: left; margin: 0 25px 25px 0; }

.alignright { float: right; margin: 0 0 25px 25px; }

.clear { clear: both; }

.custom-logo-link { display: inline-block; height: 208px; width: 169px; }

.display-flex { padding: 25px; }
@media (min-width: 992px) { .display-flex { align-items: center; display: flex; justify-content: start; } }
.display-flex img:first-of-type { flex-shrink: 0; }
@media screen and (max-width: 991px) { .display-flex img:first-of-type { border-bottom: 3px solid #252424; } }
@media (min-width: 992px) { .display-flex img:first-of-type { border-right: 3px solid #252424; margin-right: 50px; padding-right: 50px; } }
.display-flex:nth-child(odd) { background: #252424; color: #FFFFFF; }
.display-flex:nth-child(odd) img { border-right-color: #FFFFFF; }

.entry-footer { clear: both; display: block; font-size: 12px; }

.entry-header, .page-header { background: url("images/entry-header.jpg") no-repeat center center; background-size: cover; margin-bottom: 50px; padding: 45px 0; text-align: center; }

.hidden { opacity: 0; }

.menu { margin: 0; padding: 0; }

.menu-icon { display: none; visibility: hidden; }

.menu-item { display: inline-block; list-style: none; }

.panel { overflow: hidden; padding: 50px 0; text-align: center; }

.visible { opacity: 1; }

.wrapper { margin: 0 auto; max-width: 90%; width: 1140px; }

/* IDs */
#colophon { background: #252424; clear: both; color: #FFFFFF; font-weight: 300; overflow: hidden; padding: 25px 0 0; }

#content { clear: both; overflow: hidden; padding: 100px 0 50px; }

#header-widget-1 { background: #252424; color: #FFFFFF; padding: 12.5px 0; text-align: right; }

@media (min-width: 768px) { #main-content { float: right; width: 74%; } }

#masthead { box-shadow: 0 0 3px #333; left: 0; position: fixed; top: 0; width: 100%; z-index: 2; }

#mobile-bar { display: none; visibility: hidden; }

#page { width: 100%; }

#site-navigation { background: #EBEBEB; font-size: 16px; font-weight: 300; text-align: right; }

/* MISCELLANEOUS / OVERRIDES */
a.button + h2, a.button + .display-flex { margin-top: 50px; }

img.aligncenter { display: block; margin: 0 auto; }
img.border { border: 1px solid #464646; padding: 10px; }

input[type="button"], input[type="reset"], input[type="submit"] { background: #f7f6f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#dfdbdf)); background: -webkit-linear-gradient(#f7f6f7, #dfdbdf); background: -moz-linear-gradient(center top, #f7f6f7 0%, #dfdbdf 100%); background: -moz-gradient(center top, #f7f6f7 0%, #dfdbdf 100%); border: 1px solid #c7c0c7; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); color: #5E5E5E; cursor: pointer; height: 35px; text-shadow: 0 1px 0 #ffffff; }

.aligncenter div, .aligncenter table { margin: 0 auto; }

.custom-logo-link img { max-height: 100%; max-width: 100%; }

.entry-header h1, .page-header h1 { color: #FFFFFF; margin-bottom: 0; text-shadow: 3px 3px 8px #000; }

.gform_wrapper { margin-top: 0 !important; }
.gform_wrapper ul li.gfield:first-child { margin-top: 0 !important; }

.ngg-gallery-thumbnail { margin-left: 0 !important; }
.ngg-gallery-thumbnail span { font-size: 14px !important; font-style: italic; padding-left: 0 !important; }

.ngg-galleryoverview { margin-bottom: 25px; }
.ngg-galleryoverview + .tablepress-scroll-wrapper { margin-top: 50px; }

.page.home #content { padding: 0; }

.panel h2 { font-size: 42px; font-weight: 700; line-height: 50px; }
.panel h2:first-child { margin-top: 0; }
.panel .image, .panel .text { float: left; margin-right: 4%; width: 48%; }
.panel.bg { background-color: #252424; color: #FFFFFF; }
.panel.bg a.button { background-color: #FFFFFF; color: #252424; }
.panel.bg a.button:hover { background-color: #034EA2; color: #FFFFFF; }
.panel.left, .panel.right { text-align: left; }
.panel.left .wrapper, .panel.right .wrapper { align-items: center; display: flex; }
.panel.left .image { float: right; margin-right: 0; }
.panel.right .text { float: right; margin-right: 0; }
.panel#banner { padding: 0; text-align: left; }
.panel#evans-stripcoat h2 { margin-bottom: 50px; }
.panel#evans-stripcoat h3 { font-size: 24px; font-weight: 600; }
.panel#evans-stripcoat h3 a { color: #252424; text-decoration: none; }

#colophon a { color: #FFFFFF; }
#colophon a:hover { text-decoration: none; }
#colophon h3 { font: 28px/30px Muli, arial, helvetica, sans-serif; margin-top: 25px; }
#colophon .custom-logo-link { height: 195px; position: static; width: 158px; }
#colophon .menu-item { display: block; margin: 12.5px 0; }
#colophon .menu-item.current-menu-item a { color: #034EA2; }
#colophon .site-info { background: #090707; clear: both; font-size: 16px; padding: 25px 0; text-align: center; }

#header-widget-1 a { color: #FFFFFF; }
#header-widget-1 p { display: inline-block; margin: 0 0 0 25px; }
#header-widget-1 p:first-child { margin-left: 0; }

#main-content h2:first-child { margin-top: 0; }
#main-content .entry-content > p:first-child { margin-top: 0; }

#masthead .custom-logo-link { left: 10%; position: absolute; }

#site-navigation a { color: #252424; display: inline-block; padding: 12.5px; text-decoration: none; }
#site-navigation a:hover, #site-navigation .current-menu-item a { background: #034EA2; color: #FFFFFF; }

.shrink #masthead .custom-logo-link { height: 90px; top: 5px; width: 73px; }

/* RESPONSIVE */
@media screen and (max-width: 1280px) { #masthead .custom-logo-link { left: 5%; } }
@media screen and (max-width: 1180px) { #masthead .custom-logo-link { height: 90px; top: 5px; width: 73px; } }
@media screen and (max-width: 1080px) { #site-navigation a { padding-left: 5px; padding-right: 5px; } }
@media screen and (max-width: 1024px) { .page.home #content { padding-top: 100px; }
  #site-navigation .menu { display: none; position: absolute; right: 3.5%; top: 100px; }
  #site-navigation .menu-icon { cursor: pointer; display: block; font-weight: bold; padding: 12.5px 0; position: relative; right: 5%; text-transform: uppercase; visibility: visible; }
  #site-navigation .menu-icon .genericon { vertical-align: sub; }
  #site-navigation .menu-item { border-bottom: 1px solid #FFFFFF; display: block; }
  #site-navigation .menu-item a { background: #EBEBEB; display: block; padding-left: 12.5px; padding-right: 12.5px; }
  #site-navigation .menu-item a:hover, #site-navigation .menu-item.current-menu-item a { background: #034EA2; }
  #site-navigation .menu-item:last-child { border-bottom: none; } }
@media screen and (max-width: 768px) { .entry-header h1, .page-header h1 { font-size: 48px; line-height: 50px; }
  .page.home #content { padding-top: 0; }
  .panel .image, .panel .text { float: none; margin-right: 0; width: 100%; }
  .panel.left .wrapper, .panel.right .wrapper { display: block; }
  .panel#stripcoat-melting-tanks { background-image: none !important; }
  #content { padding-top: 0; }
  #header-widget-1 { display: none; visibility: hidden; }
  #masthead { padding-top: 40px; position: static; }
  #masthead .custom-logo-link { display: block; margin: 0 auto; padding: 25px 0; position: static; }
  #mobile-bar { background: #252424; box-sizing: border-box; color: #FFFFFF; display: flex; height: 50px; left: 0; position: fixed; top: 0; visibility: visible; width: 100%; z-index: 1; }
  #mobile-bar a { color: #FFFFFF; }
  #mobile-bar .genericon { vertical-align: baseline; }
  #mobile-bar .menu { display: none; position: absolute; right: 0; text-align: right; top: 50px; transition: none; width: 200px; z-index: 1; }
  #mobile-bar .menu-icon { cursor: pointer; display: block; text-transform: uppercase; visibility: visible; }
  #mobile-bar .menu-icon.open .genericon { transform: rotate(90deg); vertical-align: sub; }
  #mobile-bar .menu-item { border-bottom: 1px solid #FFFFFF; display: block; }
  #mobile-bar .menu-item a { background: #252424; color: #FFFFFF; display: block; padding: 7px 15px 8px; text-decoration: none; }
  #mobile-bar .menu-item a:hover, #mobile-bar .menu-item.current-menu-item a { background: #034EA2; }
  #mobile-bar .menu-item:last-child { border-bottom: none; }
  #mobile-bar .wrapper { align-items: center; display: flex; justify-content: space-between; }
  #site-navigation { display: none; visibility: hidden; } }
@media screen and (max-width: 640px) { .entry-header h1, .page-header h1 { font-size: 42px; } }
@media screen and (max-width: 480px) { #mobile-bar .menu { width: 100%; }
  #mobile-bar .menu-item a { padding-left: 5%; padding-right: 5%; } }

/*# sourceMappingURL=style.css.map */


#banner .rs-module-wrap {
  z-index: 0 !important;
}

