/*   
Theme Name: Charles Machine Works
Theme URI: http://charlesmachine.works
Description: Theme for the Charles Machine Works site.
Author: Barn3s
Author URI: http://www.barn3s.com
Version: 1
*/

* { margin: 0; padding: 0; }
/*html, body {height:100%;}*/
html {background-color:#fff;}
body {font:18px 'AvenirNextLTPro-Regular', "Helvetica", "Arial", "sans-serif"; }

#full-wrapper {/*overflow:hidden;*/ width:100%; min-height:100%; position: relative;}

section {margin:0 auto; width:92%; max-width:1500px;}
section.small {max-width:800px;}
section.smaller {max-width:1100px;}
section.brand {/*max-width:1300px;*/ position:relative;}
body.home section.small {max-width:700px;}

/*-----------------------------------*/
/*           TYPOGRAPHICAL           */
/*-----------------------------------*/

h1, h2, h3 { font-weight: normal; }
h1 {font-size:220%; margin: 0 0 25px 0; line-height:1.5;}
h2 {font-size:180%; margin: 0 0 20px 0;}
h3 {font-size:150%; margin: 0 0 25px 0;}

p { margin: 0 0 25px 0; line-height:1.5;}
a { text-decoration:none; }
a:hover { } 
.edit-link a {color:#fff;}
.content a,
.normal-page .edit-link a {color:#000;}

ul, ol { margin: 0 0 10px 0; }
.content li {list-style:disc; line-height:1.5; margin-left:15px;}

strong {font-family:'AvenirNextLTPro-Demi';}
blockquote { }
blockquote p {line-height:2; font-style:italic; color:#333333; font-size:170%;}

.circle-arrow, .black-arrow {width:40px; height:40px; margin-top:50px; display:block; background:url(images/circle-arrow.png) center no-repeat; background-size:cover;}
.circle-arrow.svg {background-image:url(images/circle-arrow.svg)}
.black-arrow {background-image:url(images/black-circle-arrow.png)}
.black-arrow.svg {background-image:url(images/black-circle-arrow.svg)}

.white-text, .white-text a {color:#fff;}
.white-text a {text-decoration:underline;}

@media (max-width:1450px) {
	blockquote p {font-size:130%;}
}

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

sup, strong sup {vertical-align: super; font-size: 65%;}

/*-----------------------------------*/
/*               FORMS               */
/*-----------------------------------*/

form { }
input[type=text] { }
textarea { }

#searchform {padding:20px 0 70px;}
#searchform input[type=text] {
    padding: 8px 10px 8px;
    background-color: rgba(255,255,255,0.7);
    border: none;
    font-size: 13px;
    width: 200px;
	float:right;
}
#searchform #searchsubmit {display:none;}

/*-----------------------------------*/
/*             STRUCTURAL            */
/*-----------------------------------*/

.col-50 {width:50%;}
.col-49 {width:49%;}
.col-60 {width:60%;}
.col-59 {width:59%;}
.col-45 {width:45%;}
.col-40 {width:40%;}
.col-39 {width:39%;}
.col-30 {width:30%;}
.col-20 {width:20%;}

.padded-inner {padding:75px;}
.major-padded-inner {padding:130px;}
.padded-inner-sides {padding:0 75px;}
.major-padded-inner-sides {padding:0 130px;}
.padded-inner-vert {padding-top:75px; padding-bottom:75px;}
.major-padded-inner-vert {padding-top:130px; padding-bottom:130px;}

.left {float:left;}
.right {float:right;}

img.fill, video.fill {width:100%; display:block; margin-bottom:-5px;}
.border {border:solid thin #969696;}
.bg-cover {background-size:cover; }
.bg-center {background-position: center;}
.bg-top {background-position: center top;}
.bg-left {background-position: center left;}

.table {display:table;}
.table-cell {display:table-cell; vertical-align: middle;}

/*-----------------------------------*/
/*               HEADER              */
/*-----------------------------------*/

#mobile-menu, #hamburger {display:none;}

header {width:100%; position:relative; z-index:900;}

.logo {height:auto; width:400px;}

#header-top {background-color:#636d76; position:relative;}
#header-top:after {content:""; display:block; width:50%; background-color:#545e67; z-index:400; height:100%; position:absolute; top:0; right:0;}
#header-top section {background-color:#636d76; position:relative; z-index:800;}
#header-top ul {margin:0; padding-left:50px; background-color:#545e67; float:right; text-align:right;}
#header-top li {display:inline-block; position:relative; padding:10px 20px 10px 15px;}
#header-top li:after {content:'\00BB'; display:block; color:#fff; font-size:100%; position:absolute; top:10px; right:0;}
#header-top li:last-child {}
#header-top a {color:#fff; text-decoration:none; font-size:13px; text-transform:uppercase;}

#header {position:fixed; top:0; left:0; width:100%; z-index:99999}
#header-navs { width:100%;}

#header-navs {padding:40px 0; background-color:rgba(203,200,200,0.85); width:100%; }
#header-navs .logo {float:left;}
#header-navs .main-menu {float:right; text-align:right; padding-top:20px;}
#header-navs .main-menu li {border-right:solid thin #666666;}
#header-navs .main-menu li:last-child {padding-right:0; border-right:none;}
#header-navs a:hover,
#header-navs li.current-menu-item a,
#header-navs li.current-menu-item a {border-bottom:solid thin #000; }
#header-navs .main-menu ul ul {display:none;}

/*.page-subnav {background-color:rgba(84,94,103,0.5); padding:30px 0;}
.page-subnav ul {text-align:right; margin:0;}
.page-subnav li {display:inline-block; padding-left:50px;}
.page-subnav a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:110%;}
.page-subnav li.current_page_item a, 
.page-subnav a:hover {font-family:'AvenirNextLTPro-Demi';}*/

.main-menu li {display:inline-block; padding:0 30px; }
.main-menu a,
.submenu a,
.page-nav a {color:#000000; padding-bottom:5px; font-size:18px; text-transform:uppercase; text-decoration:none; font-family:'AvenirNextLTPro-Demi';}

#header-breadcrumbs {display:none;}
#header-bottom {background-color:rgba(84,94,103,0.5); padding:20px 0 20px;}
#header-bottom.no-color,
.page-template-template-contact #header-bottom {background-color:transparent;}
.the-submenu .breadcrumb,
#header-bottom .breadcrumb,
#header-breadcrumbs .breadcrumb {float:left; padding-top:5px;}
#header-breadcrumbs .breadcrumb {padding-top:5px;}
.breadcrumb {color:#fff; font-size:80%;}
.breadcrumb > span {display:inline-block; padding:0 10px;}
.breadcrumb > span:first-child {padding-left:0;}
.breadcrumb a {color:#000; text-decoration:none;}
.breadcrumb.white span, 
.breadcrumb.white a {color:#fff;}
#header-breadcrumbs .breadcrumb,
#header-breadcrumbs .breadcrumb span, 
#header-breadcrumbs .breadcrumb a {color:#000;}
#header-bottom .page-nav {text-align:right; margin:0;}
#header-bottom .page-nav li {display:inline-block; padding:0 30px;}
#header-bottom .page-nav li:last-child {padding-right:0;}
#header-bottom .page-nav a {color:#fff; font-family:'AvenirNextLTPro-Regular', "Helvetica", "Arial", "sans-serif";}
#header-bottom .page-nav a:hover,
#header-bottom .page-nav li.current_page_item a {color:#fff; border-bottom:solid thin #fff; /*text-shadow: 1px 1px rgba(255,255,255,0.3);*/}

body.home .breadcrumb {display:none;}

/*.the-submenu {position:absolute; top:100%; left:0;/* position:relative;* width:100%; background-color:rgba(51,51,51,0.7); z-index:10;}*/	
.the-submenu {background-color:rgba(84,94,103,0.5); display:none;}
.the-submenu .inner {padding:20px 0 20px;}
.the-submenu .submenu {display:none; float:right;}
.the-submenu ul {text-align:right; margin:0; /*margin:0 92px 0 0;-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;*/}
.the-submenu li {display:inline-block; padding:0 30px;}
.the-submenu li:last-child {padding-right:0;}
.the-submenu a {color:#fff; font-family:'AvenirNextLTPro-Regular', "Helvetica", "Arial", "sans-serif";}
.the-submenu li.current-menu-item a,
.the-submenu a:hover {color:#fff; border-bottom:solid thin #fff;}

#submenu .over,
#submenu.keep-alive {display:block;}

@media (max-width:1150px) {
	.main-menu li {padding:0 15px;}
}

/*-----------------------------------*/
/*             FRONT PAGE            */
/*-----------------------------------*/

#brand-window {width:100%; position:relative; z-index:500; /*overflow:hidden;*/ min-height:850px; }
#brand-container {position:absolute; top:0; left:0; z-index:400; height:100%; width:100%;}
#brand-window .brand-image {position:absolute; background-size:cover; background-repeat:no-repeat; background-position:bottom center; top:0; left:0; height:100%; width:100%; display:none;}
body.home #brand-window .brand-image {background-size:cover;}
#brand-window .brand-image.active {display:block;}
#brand-window section {padding:370px 0 0;}
#brand-window .brand-content {width:40%; color:#fff; position:relative; z-index:800; float:left;}
#front-brand-window .brand-content {width:40%; float:left;}
#brand-window.front .brand-content {padding:300px 0 150px; width:50%;}
#brand-window .brand-content h2,
#front-brand-window .brand-content h2 {font-size:400%; }
#brand-window .brand-drop {width:50%; position:absolute; bottom:-320px; right:0px; z-index:800;}
#brand-window .brand-drop img {float:right;}
#brand-window .brand-content h1 {line-height:1.3;}

#front-brand-window {width:100%; position:relative; z-index:500; /*overflow:hidden;*/ min-height:1000px;}
#front-brand-window .brand-image { position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
#front-brand-window .brand-image.active {display:block;}
#front-brand-window section {padding:600px 0 100px; position:relative;}

#front-brand-window .newsroom {position:absolute; top:250px; left:0;}
#front-brand-window .newsroom img {height:auto; width:200px;}

@media (max-width:1700px) {
	#front-brand-window {min-height:850px}
	#brand-window.front .brand-content {padding-top:200px;}
	#brand-window section {padding:330px 0 0;}
	#front-brand-window section {padding-top:450px;}
	.page-template-template-history #brand-window section {padding:370px 0 0;}
}

@media (max-width:1300px) {
	#front-brand-window {min-height:700px}
	#front-brand-window section {padding-top:350px;}
	#front-brand-window .newsroom {top:200px;}
	#front-brand-window .newsroom img {width:150px;}
}

.front-logos {margin-top:50px; margin-bottom:100px; position:relative;}
.front-logos img {display:block; max-width:100%; margin:0 auto;}
body.admin-bar .front-logos a {/*background-color:rgba(51,51,51,0.2)*/}
.front-logos div {display:block; width:200px; height:80px; position:absolute;}
.front-logos .ditch {top: 13%; left: 50%; margin-left: -218px;}
.front-logos .auger {top: 13%; right: 50%; margin-right: -218px;}
.front-logos .subsite {top: 50%; margin-top: -129px; left: 7px;}
.front-logos .trencor {top: 50%; margin-top: -129px; right: 7px;}
.front-logos .hammer {bottom: 50%; margin-bottom: -129px; left: 7px;}
.front-logos .dwtxs {bottom: 50%; margin-bottom: -129px; right: 7px;}
.front-logos .mti {bottom: 11%; left: 50%; margin-left: -218px;}
.front-logos .radius {bottom: 11%; right: 50%; margin-right: -218px;}
.front-logos div a {width:100%; height:100%; display:block;}
.front-logos .company-content {display:none;}
.front-logos a:focus {outline:none;}

#front-social {padding-top:30px; margin-top:50px; margin-bottom:50px; border-top:solid thin #cccccc;}
#front-social .social {float:left; padding-right:70px; width:calc(50% - 71px); border-right:solid thin #ccc; padding-top:50px; padding-bottom:50px;}
#front-social .careers {float:left; padding-left:70px; width:calc(50% - 71px); border-left:solid thin #ccc; margin-left:-1px; padding-top:50px; padding-bottom:50px;}
#front-social h3 {margin-bottom:30px;}

#front-social .careers .careers-image {float:left; width:45%;}
#front-social .careers .content {float:right; width:45%;}
#front-social .careers .careers-link {margin-top:30px;}

.social-list {}
.social-list li {position:relative; padding-bottom:30px; margin-bottom:0; padding-left:150px; line-height:1.5; }
.social-list li a {color:#000; text-decoration:underline;}
.social-list li:before {content:""; display:block; position:absolute; top:5px; left:0; width:100px; background-size:contain; background-repeat:no-repeat;}
.social-list li.ditchwitch:before {height:33px; background-image:url(images/ditch-witch.png);}
.social-list.svg li.ditchwitch:before {background-image:url(images/ditch-witch.svg);}
.social-list li.subsite:before {height:22px; background-image:url(images/subsite.png);}
.social-list.svg li.subsite:before {background-image:url(images/subsite.svg);}
.social-list li.ditchwitch:before {height:33px; background-image:url(images/ditch-witch.png);}
.social-list.svg li.ditchwitch:before {background-image:url(images/ditch-witch.svg);}
.social-list li.americanaugers:before {height:30px; background-image:url(/wp-content/uploads/2018/05/american-augers.png);}
.social-list.svg li.americanaugers:before {background-image:url(/wp-content/uploads/2018/05/american-augers.svg);}
.social-list li.hhtrenchless:before {height:60px; background-image:url(/wp-content/uploads/2018/05/hammerhead.png);}
.social-list.svg li.hhtrenchless:before {background-image:url(/wp-content/uploads/2018/05/hammerhead.svg);}

@media (max-width:1920px) {
	#brand-window {min-height:800px;}
	.page-template-template-history #brand-window {min-height:750px;}
	#brand-window .brand-image {background-position:bottom center; background-size:1920px auto;}
	#brand-window .brand-drop { bottom:-220px;}
}

@media (max-width:1500px) {
	#brand-window section {padding: 300px 0 0;}
	
}

@media (max-width:1250px) {
	#brand-window {min-height:600px;}
	#brand-window .brand-content {width:55%;}
	.page-template-template-history #brand-window .brand-content {width:50%;}
	#brand-window.front .brand-content {padding:100px 0 100px; width:50%;}
	
	#brand-window .brand-drop img {width:100%;}
}

/*-----------------------------------*/
/*               CONTENT             */
/*-----------------------------------*/

.page-content {padding:50px 0 150px; background:url(images/page-bg.jpg) top no-repeat; background-size:100% auto;}
.page-content.no-bg {background-image:none;}
.page-content.front {background-image:none; padding:150px 0;}

.about-content {padding-top:50px;}
.about-right {float:left; width:290px;}
.about-left {float:right; width:calc(100% - 350px);}

#second-brand {background-size:cover; background-repeat:no-repeat; background-position:top center; padding:200px 0;}
#second-brand .content {}
/*#second-brand p {font-size:130%;}*/
	
@media (max-width:1920px) {
	#second-brand {background-position:top center; background-size:1920px auto;}
}

.normal-page {padding:230px 0 50px; min-height:400px;}

.search-post {margin-bottom:20px; padding-bottom:20px; border-bottom:solid thin #000;}
.search-post:last-child {border-bottom:0;}

/*-----------------------------------*/
/*               FOOTER              */
/*-----------------------------------*/

footer {background:url(images/footer-bg.jpg) center no-repeat; background-size:cover; position:relative; z-index:450; }
#footer-container {background:url(images/footer-gear.png) center right no-repeat; background-size:auto 100%; padding:70px 0;}
footer .left {float:left;}
footer .right {float:right;}

footer .logo {margin-bottom:40px;}
footer .footer-address {color:#fff; line-height:1.4;}

footer .main-menu {padding:25px 0 5px;}
footer .main-menu li {padding:0 15px;}
footer .main-menu li:first-child {padding-left:0;}
footer .main-menu a {color:#fff; font-family:'AvenirNextLTPro-Regular'; font-size:14px;}
footer .main-menu ul ul {display:none;}

footer .footer-menu {text-align:left;}
footer .footer-menu li {display:inline-block; padding:0 7px 0 4px; border-right:solid thin #929292;}
footer .footer-menu li:first-child {padding-left:0;}
footer .footer-menu li:last-child {border:none;}
footer .footer-menu a {color:#929292; font-size:12px; text-decoration:none; display:block;}

#footer-social ul {text-align:right;}
#footer-social li {width:30px; display:inline-block; margin-left:10px;}
#footer-social img {width:100%; height:auto;}

footer .top-menu {text-align:right;}
footer .top-menu li {display:inline-block; margin-left:10px;}
footer .top-menu a {color:#fff; display:block; padding-right:15px; position:relative; text-decoration:none; font-size:14px;}
footer .top-menu a:after {content: '\00BB'; color:#fff; position:absolute; top:0px; right:0;}

footer p.copyright {font-size:14px; color:#fff;}

/*-----------------------------------*/
/*             JQUERY UI             */
/*-----------------------------------*/

.ui-widget {}
.ui-widget.ui-widget-content {z-index:100000 !important;}
.ui-widget #the-content {float:none;}
.ui-widget.ui-widget-content {border:none;}
.ui-dialog .ui-dialog-content {padding:0px;}
.ui-dialog {padding:0;}
.ui-dialog .ui-button:focus {outline:none;}
.ui-dialog .ui-dialog-titlebar {border-radius:0; position:relative; z-index:700;}
.ui-dialog .ui-dialog-title {font-weight:normal; font-size:120%;}
.ui-widget-header {background-color:#fff; color:#fff; background-image:none; padding-top:5px; padding-bottom:5px; border:none;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon, 
#mobile-menu .close {
	background-image:none; 
	height:40px;
	width:40px;
	background-color:transparent; 
	background-image:url(images/circle-x.png);
	background-image:url(images/circle-x.svg);
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover; 
	text-indent:99999; 
	margin-left:-60px; 
	border:none; 
	overflow:hidden;
	top: 30px;
}
.ui-dialog .ui-button {background-color:transparent; background-image:none; margin:0; border:none;}
/*.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {
	content:"X"; color: #000; display:block; font-size:28px; font-family: Arial;

}*/
.ui-widget-overlay {background-color: rgb(51, 51, 51); opacity:0.7;}

/*-----------------------------------*/
/*           PRIVACY POLICY          */
/*-----------------------------------*/

#cookie-notice,
footer,
#menu-join,
#header-navs .main-menu,
#header-top:after {display:none !important;}