/* * {
	border: 1px solid green;
	} */


#Home {
	color:transparent;
	position:absolute;
	left:0;
	top:0;
}

.top-bar {
	height:51px;
}

.contain-to-grid {
  border-bottom: 2px solid #f87b00;
}

body {
	padding:0; 
	margin:0;
}
p {
    font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size: 19px;
}
h3 {
	color:#fff;
	font-weight:bold;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	color:#333;
	font-size:45px;
}
a{
	color:#333;
	font-weight: bold;
}
a:hover {
	color:#f87b00;
	font-weight:bold;
}


.spacer {
	height:36px;
}
.spacer2 {
	height:0px
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #333;
    color: #FFFFFF;
    line-height: 50px;
    padding: 0 15px;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: none repeat scroll 0 0 #333;
    color: #FFFFFF;
    line-height: 50px;
    padding: 0 15px;
}


/*  ICON HOVER */

.swap {
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

.swap .img-front {
	display: none;
	position: absolute;
	top: 1;
	left: 0;
	z-index: 1;
}

.swap:hover .img-front {
	display: inline-block;
}

/* Thumbnail settings */

.th {
	box-shadow: 0 0 6px 6px #555;
	border-radius: 0%;
}

.th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(253, 175, 84, 0.7);
}
.clearing-thumbs[class*="block-grid-"] li.hidden-thumbs, [data-clearing][class*="block-grid-"] li.hidden-thumbs {
  margin-right: 0;
  display: none;
}
.clearing-featured-img {
  text-align: center;
}
.section-thumbnails {
  margin-top: 3%;
}

/* Light box -------------------------------- */
.clearing-assembled .clearing-container .carousel > ul li img {
  cursor: pointer !important;
  width: 100% !important;
  border: 0;
  border-radius: 0;
  padding: 10px;
}

.intro {
	padding-left:18px;
}

.sprite {
  background-image:url('img/sprite.png');
  background-color:transparent;
  background-repeat:no-repeat;
  display:block;
}

.socicons {
	padding-bottom: 30px;
	padding-top:30px;
}

.mainlogo {
	float:left;
}


.boxes {
	margin-top:80px;
	text-align:center;
}
.welcometext {
    padding-left: 0;
	float:left;
}

.welcometext h3 {
	text-align:center;
	line-height: 2px;
	padding-bottom: 14px;
}

.toplogo {
		box-shadow: 5px 5px 10px #000;
}

.toptext {
	font-family: 'Lato', sans-serif;
	font-weight:900;
	font-size:4em;
	padding-bottom:0;
	margin:0;
	color:#f87b00;
	letter-spacing:8px;
	text-transform: uppercase;
	text-shadow: 5px 5px 10px #000;
}
.lowertext {
	font-family:'Lato', sans-serif;
	font-weight:300;
	letter-spacing:5px;
	color:#fff;
	font-size:36px;
  text-shadow: 3px 3px 6px #000;
}
 .designer-name {
   	font-family:'Lato', sans-serif;
  	font-weight: bold;
  	letter-spacing: 10px;
  	color:#fff;
  	font-size: 50px;
  	text-shadow: 5px 5px 10px #000;
  }
.socialmedia {
	text-align: center;
	padding-top:9px;
}

.socialmedia a {
	color:#fff;
		padding-right:30px;
}
.socialmedia a:hover {
  color: #f87b00;
}

.careerdescript {
	letter-spacing: .26em;
	line-height:10%;
	font-size:1.4em;
}

.grouped-image-list {
  margin-top: 50px;
}

.fab {
	font-size:60px;
}

/*# --- Top Design Section --- #*/
.illustrations-copy-01 {
  background: #15607f; none repeat scroll 0 0;
  color: #fff;
  padding: 10px 190px;
}
.illustrations-copy-01 p {
	margin-bottom:0;
}
.illustrations-spacer-01 {
	position:relative;
	top:1px;
}
.illustration-info-01 {
	padding:1% 0 0 0;
}


/*# --- Trade Show Secton --- #*/
.illustrations-copy-02 {
  background: rgba(27, 27, 27, 0.8) none repeat scroll 0 0;
  color: #fff;
  padding: 10px 190px;
}
.illustrations-copy-02 p {
	margin-bottom:0;
}
.illustrations-spacer-02 {
	position:relative;
	top:1px;
}
.illustration-info-02 {
	padding:1% 0 0 0;
}



/*# --- Illustrations Secton --- #*/
.illustrations-copy {
  background: rgba(180, 180, 180, 0.8) none repeat scroll 0 0;
  color: #333;
  padding: 10px 190px;
}
.illustrations-copy p {
	margin-bottom:0;
}
.illustrations-spacer {
	position:relative;
	top:1px;
}
.illustration-info {
	padding:0 0 0 0;
}
.western-auto {
	background: url('../img/illustration_WAuto.jpg') center no-repeat;
}



/*# ----- Print Section ----- #*/
.print-info {
	padding: 0 0 0 0;
}
.gray-header h3 {
	color:#ddd;
}
.print-copy {
  background: rgba(39, 69, 90, 0.8) none repeat scroll 0 0;
  color: #fff;
  padding: 10px 190px;
}
.print-copy p {
	margin-bottom:0;
}
.print-info .th {
  border-radius: 0%;
  box-shadow: 0 0 6px 6px #131520;
}
.print-info .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(253, 175, 84, 0.7);
}


/*# ----- Web/Video Section ----- #*/

.web-info {
	padding:1% 0 0 0;
}
.web-header h3 {
	color:#ddd;
}
.web-copy {
  background: rgba(51, 51, 51, 0.8) none repeat scroll 0 0;
  color: #fff;
  padding: 10px 190px;
}
.web-copy p {
	margin-bottom:0;
}
.video-boxes {
	align-items:center;
	justify-content: center;
	height:8em;
	padding-top:0px;
	width: 100%;
	float:left;
	padding:0 60px;
}

.video-boxes > div {
	background-color: fff;
	margin:0px;
	padding: 18px;
	font-size: 30px;
	color:#fff;
	float:left;
	width:33%;
	padding-left: 5%;
	padding-right:5%;
}
.video-box {
	border:3px solid #fff;
}

/*# ----- About Me Section ----- #*/

.about-info {
	padding:1% 0 0 42%;
}
.about-header h3 {
	color:#333;
}
.about-copy {
	color:#333;
	padding: 0 100px;
}

.about-socialmedia {
	text-align: center;
	padding-top:9px;
}

.about-socialmedia a {
	color:#4F4940;
		padding-right:30px;
}
.about-socialmedia a:hover {
  color: #240C07;
}
.resume {
  text-align: center;
  margin-top: 45px;
  font-size: 21px;
}
.resume a {
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	border: 3px solid #f87b00;
	padding: 10px 12px;
	background: #000;
}
.resume a:hover {
	  color: #240C07;
	  background: #fff;
	  border: 3px solid #000;
}



/*#  ----- Footer Secton  -----  #*/

.footer {
	color:#fff;
}
.footer-text {
	font-size:13px;
	text-transform: uppercase;
}


.makespace {
	padding-top:180px;
}
.textinfo {
	padding:12% 0 0 0%;
}

.textinfo2 {
	padding:3%;
}
.textinfo-footer {
  padding: 1.25%;
}


.section01 {
	background:url('../img/kansas2.jpg') center no-repeat,#000;
	background-size:80%;
	height:89vh;
}
.section02 {
	background: url('../img/UStation.png') , url('../img/illustration-stripe.png'), #d5d5d5;
	background-repeat:no-repeat,repeat;
	height:115vh;
	background-position: bottom, left top;
}
.section02a {
	background: url('../img/MSEback_BG.jpg')no-repeat, #2381a7;
	background-size:100%;
	height:115vh;
	background-position: bottom, left top;
}
.section02b {
	background: url('../img/vinback.jpg')no-repeat, #2e3b45;
	background-size:100%;
	height:115vh;
	background-position: bottom, left top;
}
.section03 {
	background:url('../img/gopro_gang.png')no-repeat, #37546c;
	background-size:80%;
	height:115vh;
  background-position:bottom, left top;
}
.section04 {
	background: url('../img/svgmotors.png'), url('../img/web-stripe.png'), #d5d5d5;
	background-repeat:no-repeat,repeat;
	height:115vh;
	background-position: bottom, left top;
	border-bottom: 50px solid #000;
}
.section05 {
  background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: #a59c8b;
  background-image: url("../img/KCHereford2.png"), url("../img/hereford_skyline.jpg");
  background-origin: padding-box, padding-box;
  background-position: left top, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 50% auto, 100% auto;
  height: 64vh;
}
.section06 {
	background:#333;
	background-size:100%;
	height:6vh;
}


.topheader {
	border-top: 50px solid #000;
	padding-top:5px;
	color:#fff;
	text-align:center;
}

.topheader-about {
	padding-top:22px;
	color:#fff;
	text-align:center;
}
.topheader-designs {
	border-top: 50px solid #000;
	padding-top:5px;
	color:#fff;
	text-align:center;
}

.illust {
	margin-top:15px;
	text-align:center;
}


/* lightbox arrows */
.clearing-main-next, .clearing-main-prev {
	background-color:rgba(0,0,0,.3);
}

.clearing-main-next > span {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    margin-left: 15px;
}

.clearing-main-prev > span {
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: 5px;
}



/*  TABLET SIZE = + = + = + = + = + = + = + =  */




/*  MOBILE SIZE  = + = + = + = + = + = + = + =  */

 
/*#  * * * * * * * * * Media Queries  * * * * * * * * * * * * * * * * * * * * * * * * * #*/

/* Portrait*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

	.textinfo {
	  padding: 26% 0 0 5.35%;
	}
}
/*# 9. Media Queries /  1300px #*/
@media only screen and (max-width : 1300px) {

}
/*# 9. Media Queries /  1250px #*/
@media only screen and (max-width : 1250px) {
}

/*# 9. Media Queries /  1024px #*/
@media only screen and (max-width : 1024px) {

}

/*# Media Queries / 1100px #*/
@media only screen and (max-width : 1100px) {

}

/*# Media Queries / 950px #*/
@media only screen and (max-width : 1200px) {
  
}

/*# Media Queries / 800px #*/
@media only screen and (max-width : 920px) {
	.mainlogo, .welcometext {
		width:100% !important;
		text-align:center;
	}

}

/*# Media Queries / 768px #*/
@media only screen and (max-width : 768px) {
}

/*# Media Queries / 736px #*/
@media only screen and (max-width : 736px) {

}

/*# Media Queries / 667px #*/
@media only screen and (max-width : 667px) {

}

/*# Media Queries / 640px #*/
@media only screen and (max-width : 640px) {
  .mainlogo img {
  	max-width: 45%;
  }
  .toptext {
   font-size: 2.5em;
   margin-top:9px;
  }

  .socialmedia.show-for-small {
  	margin-top:9px;
  }
  .textinfo {
  padding: 20% 0 0 5.35%;
  }
  
  .grouped-image-list, .grouped-image-list2, .grouped-image-list3 {
  margin-top: 19px;
  }

  span#illustration {
  top: 600px !important;
  }
  #print {
  margin-top: -162px;
  }
  span#illustration, span#print, span#web, span#aboutme {
  padding-top: 283px !important;
  }
  .small-block-grid-3 > li {
  width: 100% !important;
  }
  .thumbs-on-end {
	display:none !important;
  }
  .contain-to-grid {
  display: none;
  }
  .th {
  width: 60%;
  }
  .section-thumbnails {
  	margin-top: 23%;
  }

}

/*# Media Queries / IPAD PORTRAIT & Landscape #*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/*	.section01, .section02, .section02b, .section03, .section04, .section05 {
			height:60vh;
		} */
	
}

/*# Media Queries / FOR SMALL DESKTOP and devices #*/
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) {
   
	   .about-info {
	  	padding: 0;
	  }
	  .resume{
	  	margin-top:40px;
	  }
	  .resume a {
	  	font-size:16px;
	  }
	  .about-copy{
	  	padding:0 20px;
	  }
	  .about-copy p{
	  	font-size:18px;
	  }
	  .social-holder {
	  	margin-top:0px;
	  }
}

/*# Media Queries / iPhone Portrait & Landscape #*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	
		.section01 {
		  height: 75vh;
		}
		.section02a {
			height: 55vh;
		}
		.section02b {
			height: 55vh;	
	  }
	  .section02 {
	  	height: 58vh;
	  }
		 .section03 {
		 	height: 60vh;
		}
		 .section04 {
		 	height: 77vh;
		}
	   .section05 {
		  height:65vh;
		  background-image: none, none;
	  }
	  .section-thumbnails {
	  	margin-top: 5%;
	  }
	   .about-info {
	  	padding: 0;
	  }
	  .resume{
	  	margin-top:40px;
	  }
	  .resume a {
	  	font-size:16px;
	  }
	  .about-copy{
	  	padding:0 20px;
	  }
	  .about-copy p{
	  	font-size:18px;
	  }
	  .social-holder {
	  	margin-top:0px;
	  }

		.video-boxes {
		align-items:center;
		justify-content: center;
		padding-top:0px;
		width: 100%;
		float:none;
		}

	.video-boxes > div {
		width:80%;
		padding-left: 0%;
		padding-right:0%;
		float:none;
		}

}


	.small-block-grid-3 {
		margin: 0 5.38rem;
		padding: 1.63rem 0rem; 
	}	

/* ============= END END END  ======================== */