/*
Theme Name: Twenty Sixteen SSLLC Child
Theme URI: https://shift-work/themes/twentysixteen-ssllcchild/
Description: Twenty Sixteen (2.0) child enhanced to meet the needs of Shiftwork Solutions LLC. Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Author: Dan Capshaw
Author URI: https://shift-work.com
Template: twentysixteen
Version: 1.0
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: twentysixteenssllcchild

*/
/***** WEBFONTS *****/
/* @import url('https://fonts.googleapis.com/css?family=Rokkitt');

@font-face {font-family: 'NimbusSanD-Lig';src: url('fonts/342D3A_1_0.eot');src: url('fonts/342D3A_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/342D3A_1_0.woff2') format('woff2'),url('fonts/342D3A_1_0.woff') format('woff'),url('fonts/342D3A_1_0.ttf') format('truetype');}

@font-face {font-family: 'NimbusSanD-Bol';src: url('fonts/342D3A_2_0.eot');src: url('fonts/342D3A_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/342D3A_2_0.woff2') format('woff2'),url('fonts/342D3A_2_0.woff') format('woff'),url('fonts/342D3A_2_0.ttf') format('truetype');}
*/
body,
button,
input,
select,
textarea {
	
	font-family: Tahoma, Geneva, sans-serif;

}
* {
	box-sizing: border-box;
	
}
/***
body {
	display: flex;
}
*/
	.site-inner{
	max-width: 100%;
}
.site-header {
	padding: 0%;
}
.site-header-main {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	background: #ededed;
}



.primary-menu {
	  padding: 5px 10px;
    color: #000;
	  font-size: 1.2em;
	  font-weight: 700;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
	 
}

.menu-toggle {
	float: left;
	clear: both;
	border: 1px solid black;
}

#footer {
	background:url('../images/footer-bg.png') no-repeat 70%  0 #3b4a89; background-size:auto 100%;
	padding:50px 20px;
	margin:0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	overflow: auto;
}
#footer #social a {
	margin: 15px 3px;
	display: inline-block;
	width: 43px;
	height: 43px;
	text-indent: -9999px;
	border-radius: 9999px;
	background-image: url('../images/social-sprite.png');
}

#footer a {
	color: white;
}

#footer a:hover {
	color: cyan;
}
#footer #social a.tw { background-position: 0px 0px; }
#footer #social a.fb { background-position: -54px 0px; }
#footer #social a.li { background-position: -107px 0px; }
#footer #social a.yt { background-position: -161px 0px; }

.subscribenewsletter {
	background-color: transparent !important;
	padding-left: 50px !important;
	width: 100% !important;
}
.newsletterbutton {
	float:left !important;
	clear:both !important;
}

a.call-btn {
    background: #1b275a;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 10px 6px 10px;
}
a.email-btn {
    background: #3b4a89;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 10px 6px 10px;
}
#emailphone {
	justify-content: flex-end;
	align-content: stretch;
}
.sliderimagetext {
	padding: .1em .5em;
	text-align:center;
	
}
.sliderimagetext h2{
	color: White;
}
.sliderbutton a {
	box-shadow: none;
}

.calltoaction {
	text-align: center;
	text-transform: uppercase;
}
.calltoaction a {
	background-color: #00264d;
	color:white;
	padding: 5px;
}

.site-branding,
	.site-header-menu,
	.header-image {
		margin-top: 0;
		margin-bottom: .1em;
	}
.site-header-menu {
	padding-left: 2em;
}

.gridrow {
	width: 100%;
}
.gridrow::after {
  content: "";
  clear: both;
  display: table;
}
.featured-thumbnail{
	max-width: 200px;
	float: left;
	margin-right: 1em;
}

.post-thumbnail{
	max-width: 100px;
	float: left;
	margin: 0em 1em 1em 1em;
}

.widget_search {
	margin-bottom: .1em !important;
	border-top: none;
	padding-top: .1em !important;
}

.headergrid {
	display: grid;
	grid-template-rows: auto auto auto;
	grid-template-columns: auto auto auto auto;
	
	width: 100%;
	padding-top: 5px;
}

.headergrid > div {
/*	 border: solid;
	border-color: red;
*/	
}
.custom-logo {
	
	padding: .5em;
}


.blocks-gallery-item figcaption {
	bottom: 40% !important;
	padding: 10px !important;
	background: linear-gradient(0deg,#3b4887,#4a90e2 70%,transparent) !important;
	font-weight: 600 !important;
	font-size: 1em !important;
	
	}
	
.frontpage-gallery {
	clip-path:circle(50%);
}



/**  Modified Media Requests
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 21px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	body:not(.custom-background-image):before {
		top: 0;
	}

	body:not(.custom-background-image).admin-bar:before {
		top: 46px;
	}

	body:not(.custom-background-image):after {
		bottom: 0;
	}

	.site {
		margin: 0px;
	}

	.site-main {
		margin-bottom: 5.25em;
	}

	.site-header {
		/*padding: 3.9375em 7.6923%;  I don't understand these numbers*/
		padding: 18px 0px ;
	}

	.site-branding {
		margin-top: 1.3125em;
		margin-bottom: 1.3125em;
	}

	.custom-logo {
		max-width: 210px;
	}

	.site-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}

	.wp-custom-logo .site-title {
		margin-top: 0.5em;
	}

	.site-description {
		display: block;
	}

	.menu-toggle {
		font-size: 16px;
		font-size: 1.0rem;
		margin: 1.3125em 0;
		padding: 0.8125em 0.875em 0.6875em;
	}

	.site-header-menu {
		margin: .3em 0;
	}

	.site-header .main-navigation + .social-navigation {
		margin-top: 2.625em;
	}

	.header-image {
		margin: 1.3125em 0;
	}

	.pagination {
		margin: 0 23.0769% 4.421052632em 7.6923%
	}

	.post-navigation {
		margin-bottom: 5.25em;
	}

	.post-navigation .post-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}

	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}

	.pagination .page-numbers {
		display: inline-block;
	}

	.site-main > article {
		margin-bottom: 5.25em;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 23.0769%;
	}

	.entry-title {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-bottom: 0.8484848485em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	.entry-content blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote,
	.comment-content blockquote {
		margin-left: -1.473684211em;
	}

	.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote blockquote,
	.comment-content blockquote blockquote {
		margin-left: 0;
	}

	.entry-content ul,
	.entry-summary ul,
	.comment-content ul,
	.entry-content ol,
	.entry-summary ol,
	.comment-content ol {
		margin-left: 0;
	}

	.entry-content li > ul,
	.entry-summary li > ul,
	.comment-content li > ul,
	.entry-content blockquote > ul,
	.entry-summary blockquote > ul,
	.comment-content blockquote > ul {
		margin-left: 1.25em;
	}

	.entry-content li > ol,
	.entry-summary li > ol,
	.comment-content li > ol,
	.entry-content blockquote > ol,
	.entry-summary blockquote > ol,
	.comment-content blockquote > ol {
		margin-left: 1.5em;
	}

	.comment-author {
		margin-bottom: 0;
	}

	.comment-author .avatar {
		height: 42px;
		position: relative;
		top: 0.25em;
		width: 42px;
	}

	.comment-list .children > li {
		padding-left: 1.75em;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {
		padding-top: 3.5em;
	}

	.comments-area,
	.widget,
	.content-bottom-widgets .widget-area {
		margin-bottom: 5.25em;
	}

	.sidebar,
	.widecolumn {
		margin-bottom: 5.25em;
		padding-right: 0%; /**Changed from 23.0769% to 0% because it is acting strainge at 900-1050ish pics */
	}

	body:not(.search-results) .entry-summary li > ul,
	body:not(.search-results) .entry-summary blockquote > ul {
		margin-left: 1.157894737em;
	}

	body:not(.search-results) .entry-summary li > ol,
	body:not(.search-results) .entry-summary blockquote > ol {
		margin-left: 1.473684211em;
	}
}


/**
 * 14.2 - >= 783px
 */

@media screen and (min-width: 48.9375em) {
	body:not(.custom-background-image).admin-bar:before {
		top: 32px;
	}
}

/**
*  Royalslider html box repositioning for small screens 
*/

@media screen and (min-width: 880px) {
  .abBlackBox { 
      /* Change top value from to 0 to position it at the top */
      top: 0 !important;

	  /* Change bottom value from to auto */
      bottom: auto !important;

      /* Change left  */
      left: 0px !important;

      /* Change width */
      width: 400px !important;

	  /* Change height to 100% */

	  height: 100% !important;
	  
	}

.home-video-tagline {
	display: block;
  }

.sliderimagetext {
	padding: 4em 1em !important;

}

.sliderbutton {
	margin: 1em;
}

.rsVideoContainer {
	 left: 30%;
}

}

/**
 * 14.3 - >= 910px Override from parent theme
 */
 @media screen and (min-width: 56.875em) {
 .content-area {
		float: left;
		margin-right: 0% !important;
		width: 70%;
	}
	 .sidebar {
		 margin-left: 0%;
	 }
}
/**
* Override from parent theme
*/

@media screen and (min-width: 61.5625em) {
}

/**  Change from 56.875 to 65 (1040 px)
*/
@media screen and (min-width: 65em) {
	
	.site-header {
		padding: 1.5em .5455%;
	}

	.site-header .main-navigation {
		display: block;
		}
	.site-branding,
	.site-header-menu,
	.header-image {
		margin-top: 0em;
		margin-bottom: 0em;
	}
	
	.headerlogo {
		max-width: 375px !important;
		padding: .5em;
		}
		
	.custom-logo {
		max-width: 375px;
		padding: 1em .5%;
	}	

	.home-content-area {
		width: 100%;
	
	}
	
	.home-entry-content {
		margin-right: 0%;
		margin-left: 0%;
		}

	
		.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.pagination,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 5%;
		margin-left: 0;
	}

	.sidebar {
		float: left;
		margin-left: 0% !important; /** Changed from 75% to 0% because it is acting strainge at 900-1050ish pics*/
		padding: 0;
		width: 25%;
	}
	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
		margin-right: 5%;
		margin-left: 5%;
	}
}