/*
Theme Name: E&P Form Tool Company
Theme URI: http: http://thememotive.com/
Description: Child theme is the recommended way to modify an existing theme if you want to make changes in the theme.
Author: ThemeMotive
Author URI: http://thememotive.com/
Template: multipurpose
Version: 1.0.0
*/



/*Add your custom styles below:*/

/*Table of Contents
1. Universal Elments
2. Header
3. Navigation
4. Hero
5. Buttons
6. Home Page
7. CTA
8. Solutions
9. Affiliation
10. Inner Header
11. Solution Pages
12. Industries
13. Sidebar
Last Footer
*/

/*1. Universal*/
body {font-size: 1.125rem;}
.home .content .page.notitle p { padding-top: 0px; }
.marginFix {margin-top: 70px;}
h3 {margin: 40px 0px 20px;}
@media (max-width: 600px)  {
  .columns {padding: 0px 20px;}
}
/*2. Header*/

.headCta {margin-top: -10px;}

a.headCtaBtn { border-radius: 0 0 10px 10px;text-align: center; padding: 10px 20px; display: inline-block; float: right; color: #fff; background-color: #0865A7; margin-left: 10px; font-weight: 600;transition: all ease .2s;}
a.headCtaBtn:hover {background-color: #329be0;}
a.headCtaBtn.phone:hover {background-color: #f4f4f4;}
a.headCtaBtn.phone { background-color: #e4e4e4; color: #404040;}
a.headCtaBtn i {margin-right: 8px;}
.sticky a.headCtaBtn {border-radius: 0px 0px 10px 10px;}

.main-header-wrapper {background: #171717; padding: 10px 0 10px;border-bottom: 4px solid #0865a7}
header p.title {margin: 0px; }
header p.title img { max-width: 100%; vertical-align: middle; }
header.sticky img { max-height: 107px; width: auto; padding: 0px 0px 0px; }
.root header.h4.sticky nav.mainmenu {margin-top: 20px; }
.root header.h4.sticky-enabled.sticky { box-shadow: 0px 0px 40px #000; }

@media (max-width: 1000px) {

  .headCta {display: none;}

  header p.title img { width: 265px; height: auto; }

  .menu-toggle:before { color: #fff;}
  .menu-toggle { margin-top: 17px;}
  .menu-toggle:hover { background-color: #0865A7; }

}
@media (max-width: 1000px) {
  header p.title img { width: 150px; height: auto; }
  .menu-toggle { margin-top: 28px;}
}
@media (max-width: 700px) {
  header p.title img { width: 125px; height: auto; }
  .menu-toggle { margin-top: 20px;}
}
/*3. Navigation*/

.mainmenu {margin: 45px 0 0;}

.root header.h4 nav.mainmenu>ul>li>a { color:#ddd; border-radius: 10px 0px}
.root header.h4 nav.mainmenu>ul>li:hover>a {background: #0865A7; color: #fff;}
.root header nav ul ul li a {padding: 15px}
.root header.h4 nav.mainmenu>ul>li.current-menu-item>a,.root header.h4 nav.mainmenu>ul>li.current-menu-ancestor>a { color: #fff; background: #0865A7 !important; }
header.h4 nav.mainmenu>ul>li.current-menu-ancestor, header.h4 nav.mainmenu>ul>li.current-menu-ancestor:hover, header.h4 nav.mainmenu>ul>li.current-menu-item.parent, header.h4 nav.mainmenu>ul>li.current-menu-item.parent:hover {background:none !important; }
header.h4 nav>ul ul { width: 290px; }

  /*Mobile Contact Menu*/
  .mobileContact.clearfix { box-shadow: 0 -3px 5px #8a8a8a; }

/*4. Hero */
.homeHero section { min-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: 50% 35%; }
.homeHero section div { max-width: 1200px; margin: 175px 300px; display: inline-block; background: none; padding: 40px; width: 30%; background-color: rgba(0,0,0,0.9);}

.homeHero h1,
.homeHero .hero-title,
.homeHero h2 { display: block; margin: 0 auto 20px; font-size: 2.5rem; line-height: 1.1em; color: #fff; font-weight: 600; text-transform: uppercase; text-align: left; padding: 0px}
.homeHero section div p {font-size: 1.1rem; text-align: left;line-height: 24px; margin: 0; color: #fff;}

a.herocta { margin: 0 auto;color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 0px 10px; padding: 12px 25px; background-color: #0865A7; float: left;margin: 20px 0 0;transition: all ease.2s}
a.herocta:hover {background-color: #329be0;}

@media (max-width: 1500px) {
  .homeHero section div { margin: 80px 170px; }
}
@media (max-width: 1375px) {
  .homeHero section { background-position: 50% 35%; }
  .homeHero section div { margin: 80px 100px; width:40%; }
}
@media (max-width: 1230px) {
  .homeHero section { background-position: 50% 35%; }
  .homeHero section div { margin: 80px 80px; width:40%; }
}
@media (max-width: 1000px) {
.homeHero section div { margin: 25px 35px; width: 45%; }
.homeHero section { min-height:300px; }
.root header nav ul ul li a { font-size: .875rem;}
}
@media (max-width: 800px) {
body .homeHero section { min-height: 300px; background-size: cover ;}
}
@media (max-width: 600px) {
  .homeHero section div { margin: 0; width: 100%; background-color: rgba(0,0,0,0.0); box-sizing: border-box;}
  .homeHero h2 { float: left; font-size: 1.2rem; width: 60%; }
  .homeHero section div p { width: 100%; }
}
@media (max-width: 450px) {
  .homeHero section { background-position: 47% 35%; }
  .homeHero section div { margin: 25px 0px; width: 100%; }
  .homeHero h2 { float: left; font-size: 1.1rem; width: 80%; }
  .homeHero section div p { width: 46%; font-size: .9rem;line-height: 18px;}
}

/*6. Home Page*/
section.fullwidth.home-benefits {padding: 80px 0;}

.home-benefits h3 {color:#3f3f3f; text-align: center; margin: 0px;font-weight: 600;}
.home-benefits hr.heading-hr {width: 100px; margin: 15px auto 40px; border-top: 4px solid #0865A7;}

div.home-benefits-container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  margin-top: 0px;
  width:100%;
}

.home-benefits-container div {width: 20%}
.home-benefits-container div hr {margin: .5em 3.5em; border-top: 4px solid #0865A7;}
.home-benefits-container  p {margin: 10px 0px;text-align: center; color:#313131}
.home-benefits-container  p:first-child {font-size: 60px; color:#0865A7;margin: 30px 0px;}
.home-benefits-container  p:nth-child(2) {font:300 1rem/20px Montserrat,sans-serif; color:#313131; font-weight: 600; text-transform:uppercase;margin: 10px 0px; }

@media (max-width: 1200px) {
  .home-benefits-container div {width:49%;}
}
@media (max-width: 800px) {
  .home-benefits-container div {width:100%;}
}

section.fullwidth.home-solutions {padding: 80px 0;background:#eaeaea;}

.home-solutions h3 {color:#313131; text-align: center; margin: 0px;font-weight: 600;}
.home-solutions hr.heading-hr {width: 100px; margin: 15px auto 40px; border-top: 4px solid #0865A7;}

div.home-solutions-container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  margin-top: 0px;
  width:100%;
}

.home-solutions-container>div { width: 23%; margin: 10px; box-shadow: 0 0 50px #a5a5a5; border-radius: 10px 10px 0 0; height:560px;}
.home-solutions-container div h4 {color: #fff; margin: 0px 0px 0px; border-radius: 10px 10px 0 0; padding: 10px 20px; background: #0865A7;    height: 65px;}
.home-solutions-container  p {margin: 10px 0px; text-align: left; background: #fff; padding: 20px !important; color: #313131; margin: 0px;}
.home-solutions-container  a {display: inline-block; color: #313131;bottom: 110px; position: absolute;}
.home-solutions-container  a:hover {display: inline-block; color: #0865A7;}

.home-solutions-container div div.toolingImg {background-repeat: no-repeat; background-image: url('img/tooling-bg.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;background-position: center;}
.home-solutions-container div div.broachesImg {background-repeat: no-repeat; background-image: url('img/broaches-bg.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;background-position: center;}
.home-solutions-container div div.insertsImg {background-repeat: no-repeat; background-image: url('img/inserts-bg.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;background-position: center;}
.home-solutions-container div div.edmImg {background-repeat: no-repeat; background-image: url('https://www.eptoolco.com/wp-content/uploads/sites/33/2017/03/engineering-gallery-1.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;}
.home-solutions-container div div.datumImg {background-repeat: no-repeat; background-image: url('img/datum-bg.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;}
.home-solutions-container div div.engImg {background-repeat: no-repeat; background-image: url('img/eng-bg.jpg');background-size: cover; height: 150px; width: 100%;margin:0px;}

/*.top-left {border-radius: 30px 0px 0px 0px;}
.top-right {border-radius: 0px 30px 0px 0px;}
.bottom-left {border-radius: 0px 0px 0px 30px;}
.bottom-right {border-radius: 0px 0px 30px 0px;}*/

@media (max-width: 1200px) {
  .home-solutions-container div {width:45%;}
}
@media (max-width: 855px) {
  .home-solutions-container div {width:100%;}
}

/*7. CTA*/
.cta { padding: 100px; background: linear-gradient(rgb(0, 113, 188), rgb(6, 67, 107));  transition: all ease 1s;}
.cta p { font-size: 1.9em; color: #ddd; margin-top: 0px; }

a.ctabtn { border-radius: 10px 0; transition: all ease .2s;}
a.ctabtn:hover { background-color: #313131; color: #ddd; }

@media (max-width: 800px) {
  .cta p { font-size: 1.6em; color: #ddd; line-height: 40px; margin-top: 0px; }
}
@media (max-width: 475px) {
.cta { padding: 100px 40px; }
}
/*8. Solutions*/
section.fullwidth.solutions {padding: 80px 0;background: #313131;}

.solutions h3 {color:#fff; text-align: center; margin: 0px;font-weight: 600;}
.solutions hr.heading-hr {width: 100px; margin: 15px auto 40px; border-top: 4px solid #0865A7;}

div.solutions-container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  margin-top: 50px;
  width:100%;
}

.solutions-container div.broaches {width: 25%;margin: 20px 0px;background-image: url('img/broaches-solutions-thumb.jpg');background-size:cover;background-repeat: no-repeat;}
.solutions-container div.form-tool {width: 25%;margin: 20px 0px;background-image: url('img/form-tool-solutions-thumb.jpg');background-size:cover;background-repeat: no-repeat;}
.solutions-container div.insert {width: 25%;margin: 20px 0px;background-image: url('img/insert-solutions-thumb.jpg');background-size:cover;background-repeat: no-repeat;}
.solutions-container div.edm {width: 25%;margin: 20px 0px;background-image: url('img/edm-solutions-thumb.jpg');background-size:cover;background-repeat: no-repeat;}
.solutions-container div h3 {color: #fff; margin: 0px 0px 0px; padding: 10px 20px;background-color: #0865A7}
.solutions-container  p {margin: 10px 0px; text-align: left; padding: 20px !important; color: #fff; margin: 0px;}
.solutions-container  a {display: inline-block; color: #fff;}
.solutions-container  a:hover {display: inline-block; color: #0865A7;}
.solutions-container  div div.solutions-overlay {width: 100%; background: rgba(0,0,0,.7);}

.solutions-container div div.heading {height: 300px; width: 100%;margin:0px;}
.solutions-container div div.solutions-text {width: 100%;min-height: 150px;}
.solutions-container div div.solutionsBtn {width: 100%;}



@media (max-width: 1150px) {
  .solutions-container div.broaches,
  .solutions-container div.form-tool,
  .solutions-container div.insert,
  .solutions-container div.edm {width: 46%;margin:20px;}
  .solutions-container div div.heading {height: 180px; width: 100%;margin:0px;}
  .solutions-container div div.solutions-text {width: 100%;min-height: 0px;}
  .solutions-container div.broaches {background-size:cover; background-image: url('img/broaches-solutions-thumb-small.jpg');}
  .solutions-container div.form-tool {background-size:cover; background-image: url('img/form-tool-solutions-thumb-small.jpg');}
  .solutions-container div.insert {background-size:cover; background-image: url('img/insert-solutions-thumb-small.jpg');}
  .solutions-container div.edm {background-size:cover; background-image: url('img/edm-solutions-thumb-small.jpg');}
}

@media (max-width: 1055px) {
  .solutions-container div.broaches,
  .solutions-container div.form-tool,
  .solutions-container div.insert,
  .solutions-container div.edm {width: 45%;background-size:cover;}

}

@media (max-width: 850px) {
  .solutions-container div.broaches,
  .solutions-container div.form-tool,
  .solutions-container div.insert,
  .solutions-container div.edm {width: 44%;background-size:cover;}

}

@media (max-width: 775px) {
  .solutions-container div.broaches,
  .solutions-container div.form-tool,
  .solutions-container div.insert,
  .solutions-container div.edm {width: 100%; margin: 20px 0px;background-size:cover;}
}


.solutions-grid ul {list-style-type: none;}
.solutions-grid a:hover {color:#0865A7;}
p.sub { margin: -20px 0 0; color: #0865a7; font-weight: 800; text-transform: uppercase; font-size: .9rem; }

/* .edm-containter { margin: 40px 0 0; display: flex; align-items: flex-end;}
.broaches-containter { margin: 40px 0 0; display: flex; align-items: flex-start;}
.solutions-pages-containter { display: flex; align-items: center; margin: 40px 00 0; } */
.content.wide h3:first-child {margin-top:0;}
.solution-page-container { padding: 80px 0 100px;}
/*9. Afilliation*/

.affil {opacity: .67; padding: 75px 0px; margin: -50px 0 0;}
.affil:hover {opacity: .9;}

@media (max-width: 500px) {
  .affil img {width: 75%;}
}


/*10. Inner-Header*/
.innerbannerArea { padding: 4.5em 0; background-position: 39% 90%; }
.headertitle { text-align: center; }
.headertitle h1 { font-weight: 800; display: inline-block; text-transform: uppercase; text-shadow: 0px 2px 3px #000; background: rgba(0, 0, 0,.7); padding: 10px 50px; border-radius: 72px; }
/*11. Solution Pages*/
.solCol { width: 46%; background: linear-gradient(rgb(230, 230, 230), rgb(204, 204, 204)); margin-right: 40px; padding: 40px; margin-top: 70px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); border: 8px solid #fff; border-radius: 30px 0px;}

.solCol h3 {margin-top: 0px;}
.page-template-template-form-simple .gform_wrapper .button, input[type=submit],
p.solQuoteBtn a{border-radius: 0px 10px; padding: 10px 20px; color: #fff; background-color: #0865A7; font-weight: 600; transition: all ease .2s;}
p.solQuoteBtn a:hover { background-color: #329be0;}
p.solQuoteBtn {margin: 30px 0px 0px;}

img.solution-img { height: auto; margin-top: 55px; border: 8px solid #ffffff; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);}
.foogallery-default.hover-effect-zoom2 a:hover:before { background: rgba(0, 113, 188,.6) url(../../shared/img/zoom2.png) no-repeat center center; }


@media (max-width: 980px) {
  img.solution-img { display: block; margin: 40px auto 0; }
  .solCol { width: 100%;}

}
@media (max-width: 600px) {
  .foogallery-container img { max-width: 100%; width: 100px; }
  .foogallery-default.border-style-square-white a {margin: 10px;}
  .headertitle h1 { font-size: 1.5rem; padding: 10px 20px;}
  .innerbannerArea { padding: 40px 0; }
}
@media (max-width: 600px) {

  .page-id-270 .col2 {padding: 40px;}
  .page-id-270 .col2:nth-child(2) {padding: 10px;}
  .page-id-270 .root > section { padding: 0; }
  .solCol { margin-right:0px; padding: 40px; margin-top:40px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); border: 0px solid #fff; border-radius: 0px 0px;}
}

/*12. Industries*/
.img-border:before{box-shadow: inset 0 0 0 4px rgba(0, 0, 0,.6);}


article.col.col1.team { margin: 0px 0px 0px; border-top: 1px solid #ddd; padding: 50px 0px 50px; }
.col1.team h2 { margin-top: 30px; }

@media (max-width: 1000px) {
.team.col1 .img-border,.team.col1 .img-border.yesevenRight {float: none!important; margin: 0 auto 40px;}
article.col.col1.team p {width:100%;}
article.col.col1.team .img-border {display: block;}
article.col.col1.team p:last-of-type {margin:1em 0 0;}
}


/*13. Sidebar*/
aside h3 span { border-bottom: 2px solid #0865A7; }
aside h3 span { display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #0865A7; }

/*14. Contact Form*/
.contact-form { background: #ddd; width: 90%; padding: 40px;border-radius: 30px 0px;}
.contact-form h3 { margin-top: 0}
label:first-of-type { margin: 0px 0 4px; }
label { display: block; margin: 20px 0 4px; }

form p {margin: 0; }
form p:last-child { margin-top: 20px; }

.wpcf7 input, .wpcf7 .select { width: 100%; }
.wpcf7 input[type="submit"] {background-color: #0168ac!important; border-radius: 10px 0px !important;}
.main input[type="submit"] {width:100%;}

textarea { width: 100%; }
.file-input input.fake {background: #ddd;}
@media (max-width: 800px) {
  .contact-form {width: 87%;}
}
@media (max-width: 700px) {
  .contact-form {width: 83%;}
}
@media (max-width: 600px) {
  .contact-form {width: 79%;}
}
@media (max-width: 500px) {
  .contact-form {width: 70%;    padding: 30px;}
}

/*Goto Top*/
@media (min-width: 1100px)
{
a.go-top { background-color: #054976;}
a.go-top:hover { background-color: #232323;}
}
/*Last Footer*/
footer article h3 span { border-bottom: 1px solid #0865A7; }
/*footer a { color: #222; }
footer p { color: #222; }
footer .col h3, footer .widget h3 {color:#222;}*/