/*
Theme Name: cunningham
Theme URI: https://cunningham.construction
Description: Cunningham Construction | Scaffolding and Rigging
Author: Frontroom
Author URI: https://cunningham.construction/
Version: 1.0
Tags: 

License: 
License URI: 

*/

@import url('bootstrap/css/bootstrap.min.css'); 
@import url('bootstrap/css/scrolling-nav.css'); 
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Itim&subset=thai,latin);

@import url('bootstrap/css/timelinexml.basic.css'); 
@import url('webfonts/MyFontsWebfontsKit.css');
@import url("//hello.myfonts.net/count/30427b");


@font-face {font-family: 'FuturaBT-Light';src: url('webfonts/30427B_0_0.eot');src: url('webfonts/30427B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30427B_0_0.woff2') format('woff2'),url('webfonts/30427B_0_0.woff') format('woff'),url('webfonts/30427B_0_0.ttf') format('truetype');}
 
@font-face {font-family: 'FuturaBT-Heavy';src: url('webfonts/30427B_1_0.eot');src: url('webfonts/30427B_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30427B_1_0.woff2') format('woff2'),url('webfonts/30427B_1_0.woff') format('woff'),url('webfonts/30427B_1_0.ttf') format('truetype');}
 
html	{width:100%;
	margin: 0px;
	}

body     { 
	background-color:#FFF;
	height:100%;
	font: 300 15px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#555;
	max-width: 100%;
	-ms-overflow-x: hidden;
	margin:0px !important;
    	}

.wrapper	{margin-left:10%; margin-right:10%; display:block; position:relative;}

.container	{display:block;}

#page-top {margin-top:-50px;}

.logo	{
	 background-image: url("http://cunningham.construction/wp-content/uploads/2022/10/Cunningham_logo_long-1.png");
	background-size: 232px 27px;
	width:232px;
	height:27px;
	margin-top:8px;}

.vertical-center {
   min-height: 100%;
  min-height: 100vh;
  display:table;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  vallign:center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
	background:none;}

.jumbotron {margin-top:-100px;
    min-height: 100vh;
    padding-top: 50px;
    padding-bottom: 0px;
}



/*-------------------------nav---------------------------------*/


.jumbotron p {font-family: 'Montserrat', sans-serif;
	font-size:12px;
	letter-spacing:2px;
	line-height:22px;
	color:#fff;
	margin-top:0px !important;
	margin-bottom:0px !important;
	}

p 	{font-family: 'Montserrat', sans-serif;
	font-size:13px;
	letter-spacing:2px;
	line-height:21px;
	color:#fff;
	margin-top:-6px;
	}

.jumbotron p1 {font-family: FuturaBT-Light;
	font-size:13.5px;
	letter-spacing:2px;
	line-height:19px;
	color:#fff;
	margin-top:2px;
	font-weight:100;}

.jumbotron p2 {font-family: FuturaBT-Light;
	font-size:12.5px;
	letter-spacing:2px;
	line-height:14px;
	color:#0A4E99;
	margin-top:8px;
	font-weight:100;}

p6	{font-family: FuturaBT-Light;
	font-size:10px;
	letter-spacing:2px;
	line-height:14px;
	color:#ccc;
	margin-bottom:40px;
	font-weight:100;
	position:absolute;}

p2 {font-family: FuturaBT-Light;
	font-size:10px;
	letter-spacing:2px;
	line-height:14px;
	color:#fff;
	margin-top:8px;
	font-weight:100;}

p3 {font-family: FuturaBT-Light;
	font-size:10px;
	letter-spacing:2px;
	line-height:14px;
	color:#fff;
	margin-top:8px;
	font-weight:100;
	margin-left: 40px;}

p4 {font-family: FuturaBT-Light;
	font-size:10px;
	letter-spacing:2px;
	line-height:14px;
	color:#fff;
	margin-top:8px;
	font-weight:100;
	margin-left: 74px;}

.jumbotron p3 {font-family: FuturaBT-Light;
	font-size:9px;
	letter-spacing:2px;
	line-height:16px;
	color:#0A4E99;
	font-weight:100;
	margin-left:0px;}

.jumbotron p4 {font-family: FuturaBT-Heavy;
	font-size:14.5px;
	letter-spacing:2px;
	line-height:14px;
	color:#0A4E99;
	margin-top:8px;
	font-weight:100;
	margin-left: 0px;}


.jumbotron p5 {    font-family: FuturaBT-Light;
    	font-size: 12px;
    	letter-spacing: 1px;
    	color: #fff;
    	font-weight: 100;}

.jumbotron p6 {font-family: FuturaBT-Heavy;
	font-size:10.5px;
	letter-spacing:2px;
	line-height:14px;
	color:#FFF;
	padding:18px 15px 15px 15px;
	position:relative;
	}

.link_box	{border:1px solid #FFF;
	width:49%;
	display:inline-block;
	text-align:center;
	}

p6.link_box a	{padding:18px 30px 17px 30px;}


.jumbotron h1	{font-family: FuturaBT-Heavy;
	font-size:13px;
	color:#fff;
	letter-spacing:2px;}

.jumbotron h2	{font-family: FuturaBT-Heavy;
	font-size:19px;
	color:#0A4E99;
	letter-spacing:2px;
	text-transform: uppercase;}

.jumbotron h3	{font-family: FuturaBT-Heavy;
	font-size:19px;
	color:#fff;
	letter-spacing:2px;
	text-transform: uppercase;
	text-align:center;
	padding-bottom:30px;}

.jumbotron h4	{font-family: FuturaBT-Heavy;
	font-size:19px;
	color:#fff;
	background-color:#0A4E99;
	letter-spacing:2px;
	text-transform: uppercase;
	padding-top:20px;
	padding-bottom:20px;}

#about .jumbotron h3 {margin-top:50px;}	
#services .jumbotron h2 {margin-top:50px;}
#projects .jumbotron h2 {margin-top:50px;}
#safety .jumbotron h3 {margin-top:50px;}
#clients .jumbotron h2 {margin-top: 50px;}
div.jumbotron.vertical-center.services{margin-bottom:100px;}

.lang h2{font-family: 'Itim', cursive;
	font-size:17px;
	color:#fff;
	padding-left:20px;
	letter-spacing:2px;}

.lang h2 a	{margin-top: 19px;
    	position: relative;
    	display: inline-block;}

.lang {display:inline-flex;
	margin-bottom:15px;}

a:hover	{opacity:0.5; text-decoration:none;}
a:focus, a:hover {color:#fff;}
a	{color:#fff;}

.phone	{height:100px; 
	width:410px; 
	right:0; 
	background:#F6873D; 
	position:absolute;  
	top:50px; 
	padding-top:65px;
	z-index:1029;
	border-radius: 0px 0px 0px 8px; 
	-moz-border-radius: 0px 0px 0px 8px; 
	-webkit-border-radius: 0px 0px 0px 8px;}



p6.link_box:hover  { background:#FFF; font-color:#0A4E99;}
p6.link_box a:hover  { background:#FFF; color:#0A4E99; opacity:1;}

p.vids	{text-align:center; padding-bottom:10px;}

.left    {text-align:left;}

ul.blues  {text-align:left;
	list-style-type:none;}

ul.blues li	{font-family: FuturaBT-Light;
	font-size:13.5px;
	letter-spacing:2px;
	line-height:19px;
	color:#0A4E99;
	margin-top:2px;
	font-weight:100;}

 ul 	{list-style-type: none;
	list-style-type: none;
	-webkit-padding-start: 0px;}

.services	{margin-top:-150px;}

.projects	{margin-top:-150px;}

hr	{border-top: 1px solid #fff;}

.nav	{font-family: 'Montserrat', sans-serif;
	letter-spacing:2px;
	font-size:11px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.menu ul li {
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	}

div.jumbotron.vertical-center.services ul li {
    	list-style-type: circle;
	}

.navbar	{-webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.35);}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 		
	{
    	color: #0A4E99;
	background-color: transparent;
	}

.navbar-default .navbar-nav>li>a {
    color: #0A4E99;
}

.navbar-default .navbar-nav>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>a:hover		
	{
	color:#0A4E99;
	}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:after 		
	{
	display:inline-block;
  	height:40px;
  	box-shadow: 0 20px 0 -19px #0A4E99;
	}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    	color:#0A4E99;
	}

h1 span {display:none;}

.top_nut img	{
	margin-top: -75px;
    	margin-left: 50%;
    	left: -105px;
    	position: relative;}

.bottom_nut img	{
	margin-top: -237px;
    	position: relative;}

.bolt	{margin-top: -300px;}

footer {background: #0A4E99;
    	height: auto;
	margin-top:-5px;
	width:100%;
	border-bottom:10px solid #F6873D;}

.foot 	{margin-top:55px;}

.parts		{width:100%; 
		background:#fff; 
		padding-bottom:5px;
		margin-top: 40px;}

#partners	{text-align:center; margin-top:20px;
		margin-bottom:15px;
		}

#partners ul li {display:inline; padding-right:60px;}
#partners ul li:last-child {padding-right:0px;}

#player, .fallback, body, html, iframe {
    	width: 100%;
	}

.fve-video-wrapper {margin-top:100px !important;}

#my-timeline {margin-top:100px; position:relative;}


/*-------------------Current Projects-----------------------*/

#timeline-event-35 .timeline-event-node {background:#36BF7A;}
#timeline-event-26 .timeline-event-node {background:#36BF7A;}
#timeline-event-27 .timeline-event-node {background:#36BF7A;}
#timeline-event-28 .timeline-event-node {background:#36BF7A;}
#timeline-event-37 .timeline-event-node {background:#36BF7A;}

/*------------------END Current Projects--------------------*/

.timeline-html-wrap {position: relative;}

.triangle {width: 0;
height: 0;
margin-top:-50px;
margin-left:50%;
left:-5px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;}

.video-home-ZD .video-box {top:10px !important; }




/*------------------responsive elements------------------------------*/

@media only screen and (max-width:1200px){
.logo {left:50%; margin-left:-116px; position:absolute;}
.nav {margin-top:50px;}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
}

 @media only screen and (min-width: 768px) and (max-width: 959px) {
      	.intro-section 
	{
    	height: 100%;
    	padding-bottom: 12%;	
	padding-top:12%;
    	}
	.services	{margin-top:50px;}
	.projects	{margin-top:0px;}
	.lang {margin-top: 100px;}	
	.services-section {padding-top:0px;}	
	.project-section {padding-top:0px;}
	.safety-section {padding-top:0px;}
    	.nav {font-size:9px;}}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .intro-section 
	{
    	height: 100%;
    	padding-bottom: 16%;
	padding-top:10%;	
    	}
	.services	{margin-top:50px;}
	.projects	{margin-top:0px;}
	.lang {margin-top: 100px;}
	.container>.navbar-header {height:75px;}
	.navbar-default .navbar-collapse {border:none; text-align:center; margin-bottom: 50px;}
	.video-wrapper {margin-top:60%;}
	.about-section, .project-section, .services-section {padding-top:50px; padding-bottom:50px;}
	.safety-section {padding-top:75px; padding-bottom:50px;}
	.link_box {width:100%; padding-bottom:5px;}
	p.vids {padding-top: 20px;}
	.ufb-form-wrapper.ufb-default-template  {margin-bottom:130px;}
	.partners img {padding-top:15px; padding-bottom:15px;}
	.navbar-toggle {margin-top: 15px;}
	.phone {display:none;}
	#about .jumbotron h3 {margin-top:150px;}
	#projects .jumbotron h2 {margin-top:50px;}
	.nav {margin-top: -10px;}
	}



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
	.intro-section 
	{
    	height: 100%;
    	padding-bottom: 12%;
	padding-top:10%;	}
	.services	{margin-top:50px;}
	.projects	{margin-top:0px;}
	.lang {margin-top: 100px;}
	.about-section, .services-section {padding-top:50px; padding-bottom:50px;}
	.project-section {padding-top:75px; padding-bottom:50px;}
	.safety-section {padding-top:75px; padding-bottom:50px;}
	.video-wrapper {margin-top:35%;}
	.about-section {margin-top:0;}
	.navbar-toggle {margin-top: 15px;}
	.phone {display:none;}
	}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/*-----------------------form------------------------*/

.cv	{margin-top:30px;}
.qq-upload-button {letter-spacing:2px; background:#0A4E99 !important;}
.qq-upload-button:hover {opacity:0.5;}

.ufb-form-wrapper.ufb-default-template {
	background: #C1C1C0;
    	padding: 65px 15% 10% 15%;
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;
    	border-bottom-right-radius: 5px;
   	 border-bottom-left-radius: 5px;
	margin-top:0px !important;}

.upper	{margin-top:-50px;}

.ufb-form-wrapper.ufb-default-template {background:#C1C1C0;  padding: 65px 15% 10% 15%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}

.ufb-form-wrapper.ufb-default-template{background:#C1C1C0;  padding: 10px 15% 15% 15%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}


input {background-color:#C1C1C0; border-top:none; border-left:none; border-right:none;}

textarea {background-color: #C1C1C0; border-top:none; border-left:none; border-right:none; border-bottom:2px inset #FFF;}

.ufb-front-form .ufb-form-field-wrap label.ufb-control-label 	{display:none;}

.ufb-form-textarea {text-align: center; margin-top:25px;
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	letter-spacing:2px;
	line-height:21px;
	color:#fff;
	margin-bottom:3px;}

.ufb-front-form input[type="text"], .ufb-front-form input[type="email"], .ufb-front-form input[type="password"] 
	{text-align:center; 
	margin-top:15px;
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	letter-spacing:2px;
	line-height:21px;
	color:#fff;
	margin-bottom:10px;}

.ufb-form-wrapper.ufb-default-template {
    padding-top: 45px !important;
	}


.form_title{font-family: FuturaBT-Heavy;
	font-size:24px;
	color:#0A4E99;
	letter-spacing:2px;
	text-transform: uppercase;
	background-color:#fff;
	padding-top:30px;
	padding-bottom:22px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;}

.shadow	{-webkit-box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.44);
	box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.44);
	margin:5%;}

div.ufb-form-title	{display:none;}

input[type=submit] {
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	letter-spacing:2px;
	line-height:21px;
	color:#fff;
	border-bottom:1px solid #FFF;}

<!--[if IE]>
<style>
    .jumbotron {
         padding-top:200px;
    }
</style>
<![endif]-->