/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://handsoffweb.com/wp-content/themes/twentysixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Kenny Ross
 Author URI:   http://handsoffweb.com
 Template:     twentysixteen
 Version:      1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
 Text Domain:  twenty-sixteen-child
*/



/* SHARE BUTTONS */

body {background:#ccc}
.heateor_sss_sharing_title {margin-top:85px}

.img {font-size:8px;color:#999}

.entry-title {font-weight:700;font-size:42px }

/* work page */
h1.entry-title-work {font-weight:700;font-size:42px;margin-top:-15px;padding:0;text-transform:uppercase;text-align:center}
.work {text-transform:uppercase;margin-top:12px}

.hero-pic {width:100%; height:800px; background-image: url("http://handsoffweb.com/wp-content/uploads/2017/01/scooter1320-blue.jpg");  background-repeat: no-repeat; background-position: center top;background-color:#666 }

.entry-title {margin-top:35px}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
	max-width:1024px;
    padding-left: 5%;
    padding-right: 5%;
}

.services-type {
	font-size:14px;line-height:18px
}

.anim-gif {width:80%;margin: 0 auto}

.entry-content h3.workpage-subtitles {
	text-align: center;
	color:#440032;
	padding-top:33px;
	/* background-color:#440032 */
	border-top: /* #440032 */#cccccc  14px solid;
}


.copyright_style {background-color:#ff9000}

.entry-content p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 10px;
	color:#000
}
.entry-content ul {font-size: 16px;
    line-height: 26px;
    font-weight: 400;
	color:#000
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size:40px;
line-height:50px;
font-weight:300;
text-transform:uppercase;
margin-top:60px;
margin-bottom:30px
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size:24px;
line-height:40px;
margin-bottom:5px
}

.entry-content a,
.entry-summary a,
.comment-content a,
.textwidget a {
text-decoration:none
}

.pre-type h2 {font-size:36px;line-height: 40px;padding-bottom:10px}
.hero-pic h2 {font-size:45px;line-height: 40px}

/* Site Header background color */
.site-header {background-color:#3d0232}

/* Our Hands On background color */
.pre-type {background-color:#3d0232}



.site-header-main .site-branding {
    margin: 0px; padding:0
}
.site-header-main {padding-top:10px}

/* Home case study description type */
p.case-desc {font-size:18px;line-height:35px }

/* numbers on home page */
p.how-numbers {text-align: center; font-size: 54px; font-weight: 400;}


/* Home learn button */
.learn-button {background-color:#ff9000;padding:12px; margin:0 auto; width:200px; text-align:center; color:#440032; font-weight:600}

/*down arrow*/
.down-arrow {padding-bottom:10px}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {max-width:1100px;margin:0 auto}

/* Front Page Grid */		
.box {
  color: #000;
  padding: 3em 0 0 0;
  text-align: center;
	height:768px
}

/*div.box:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .75;
}*/

.box {margin:0px;}
.box h3 {font-family:'Open Sans';font-size:35px;line-height:22px;color:#000;font-weight:400;margin-bottom:0px}
.box p {font-family:'Open Sans';font-weight:bold; font-size:16px;line-height:22px;color:#000;margin-top:5px;text-align:center}
.box a {color:#000;text-decoration: none;font-weight:700;margin:0}
.box h4 {text-align:center;padding:5px 0;background-color:#ccc; width:150px;margin:10px auto;font-size:13px;letter-spacing:0;border-radius: 10px;}
.box h4 a {color:#666}




/* Grid Code */
.frontpage-cta {
  display: grid;
  grid-template-columns: repeat(1, 100%);
}
.workpage-grid {
  display: grid;
  grid-template-columns: repeat(2, 50%);
margin-bottom:30px
}

/* Work page boxes */
.workbox {margin-left:0px}
.workbox a {opacity:1.00}
.workbox a:hover {opacity:0.66}

/* Secondary Nav */
.secondary-nav {
  display: grid;
  grid-template-columns: repeat(4, 25%);
}
.tab {color: #fff;
  text-align: center; 
}
.tab a{color:#fff}
.tab a:hover {color:#3d0232}
.frontend {background-color: #29abe2; }
.audience {background-color: #d4145a;}
.tech {background-color: #d9e021;}
.content {background-color: #f7931e;}



.pre-type p{margin-bottom:0}
		
/* SECONDARY NAV ADJUST 850px */
@media screen and (max-width: 850px) {
	.secondary-nav {
  display: grid;
  grid-template-columns: repeat(1, 100%);
}
.gallery-columns-6 .gallery-item {
    max-width: 50%;	
}



/* TABLET SCREEN 768px */

@media screen and (max-width: 48em) {
	/* for menu popup */
	ul#responsive-menu {margin-left:0px}
	
		.site-header {margin-top:0px}
.gallery-columns-3 .gallery-item {
    max-width: 50%;
} 

}
	.pre-type h2 {font-size:28px;line-height: 32px; }
	.pre-type p {line-height:21px;padding-bottom:15px;color:#999}
	.down-arrow {display:none}
	.hero-pic h2 {font-size:21px;line-height: 28px}
	.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size:22px;
line-height:22px
}
ul {text-align:left}
/*front page boxes*/
.frontpage-cta {
  display: grid;
	grid-template-columns: repeat(1, 100%);

}	
.box h3{font-size:30px}	
	.box {height:425px;
	padding: 1.7em 0 0 0;
}
}

/* Front CTA Adjust 600px */
@media screen and (max-width: 600px) {
	.frontpage-cta {
    display: grid;
    grid-template-columns: repeat(1, 100%);

}
.box h3 {font-size:30px}
.entry-title  {padding-top:30px}

}

/* Front CTA Adjust 500px */
@media screen and (max-width: 500px) {
.gallery-columns-4 .gallery-item {
    max-width: 100%;
}
}

/* MOBILE SCREEN */

@media screen and (max-width: 500px) {

.anim-gif {width:100%;margin: 0px auto 0}
	
.gallery-columns-3 .gallery-item {
    max-width: 100%;
}
.gallery-columns-6 .gallery-item {
    max-width: 100%;
}
.entry-content p {font-size:18px}
.entry-content ul {font-size:18px}
.entry-content li {font-size:18px}
h1.entry-title-work {font-size:30px}
h1.entry-title {font-size:30px}

.pre-type h2 {font-size:24px;line-height: 28px; padding:0 5px 5px 0}
.pre-type p {font-size:24px;line-height:28px;padding-bottom:20px;color:#eee}
	
.down-arrow {display:none}
	
.entry-content	h2 {font-size:24px; line-height:30px}
	
p.how-numbers {font-weight:700; font-size:45px}
	

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
	max-width:1024px;
    padding-left: 5%;
    padding-right: 5%;
}
	.entry-content h3 {font-size:18px;line-height:24px}


}


.single-post #primary {
width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
.single-post #secondary {
display: none !important;
}

.content-area {margin:0 auto; float:none}


/* CTA style 1 */
.ctastyle1 {
	/*border: 4px #ccc solid; */
	background-color:#ffab57 ;
	border-radius: 25px; 
	font-size: 30px; 
	text-align: center; 
	padding: 10px 0;
}

.feature1 {
	border: 4px #ccc solid; 
	border-radius: 25px; 
	padding: 20px;
}

/* Main menu image padding adjust */
 a.menu-image-title-hide.menu-image-hovered  {padding-left:0;padding-right:5px} 


.heateor_sss_sharing_title {font-size:10px;text-align:center;margin-bottom:15px; letter-spacing:2px}
.heateor_sss_sharing_ul {margin: 0 auto}


.responsive-menu-container {margin-left:40px}

/* making stupid YouTube videos responsive */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* end youtube */

/* Get rid of ugly RECAPTCHA badge */
.grecaptcha-badge{
	visibility: collapse !important;  
}

hr {height:1px;
background-color:#c7c7c7}

.paoc-popup-modal {
	display:none;
    background-color: #FFF;
    padding: 50px 10% 20px 10%!important ;
}

.homemessage {font-size:30px;line-height:52px;font-weight:bold; }


.site-header {background-color: #ffffff}

/**** 	CONTACT FORM ****/

.wpcf7 {
 background-color: #F0F0F0;padding:22px 0 }

.wpcf7-form {
 margin-left: 25px;
 margin-right: 25px;
 margin-top:25px;max-width:600px }


.wpcf7-form p {font-size:14px;text-transform:uppercase;color:#999;font-weight:bold;text-align:left
  }

.wpcf7 input {width:100%; height:45px; background-color:#fff;border:none}

.wpcf7 textarea {width:100%;  background-color:#fff;border:none}

.wpcf7-submit {width:25% !important; background-color:#f15a29 !important;color:#fff}

/**** CONTACT FORM END *****/


/* TO MAKE STUPID YOUTUBE EMBED RESPONSIVE...JESUS */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Navigation Adjust */

.main-navigation a {color:#000};

.main-navigation a:hover,
.main-navigation a:focus {
	color: #F15B27 !important;
}

.main-navigation a {color:#000}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #F15B27 !important;}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 900;
color: #F15B27;
}


@media screen and (max-width: 500px) {
	.main-navigation a {color:#000 !important};
	.main-navigation a:hover,
.main-navigation a:focus {
	color: #F15B27 !important;}
}
	
}

/* END Navigation Adjust */